一.标签.HTML是可以被浏览器解析的一套规则

1.a标签:他是主动闭合标签,表现形式<a href="http://www.baidu.com">baidu<a>,代表超链接,点击baidu,可直接跳转到百度地址,存在于body中

2.HTML的格式,一个页面由一个html主动闭合标签后成,该HTML标签中包含一个head标签和body标签.①head标签中大部分在前端浏览器中是不可见的

3.自闭和标签:没有另一对,自己就是一个整体,主动闭合标签:成对出现.写在标签中的内容叫属性

段落标签

标题标签,共六种形式,第一种字体最大,依次变小,先出生的最大,后出生的依次变小

多行文本,<testarea>xxxx<testarea>,他在页面上显示框可以任意调整大小.特殊符号空格符号

文本输入框input

多选框

单选框

上传文件

按钮:①button是一个单纯的按钮,需要和js联动,绑定事件才可以进行动作操作,

form表单,可理解为一张白纸,是一个载体,承载着输入的数据

form表单和按钮的连用,

小知识:后端发送请求的方式①通过ajax进行伊布请求,ajax每次提交不会刷新页面,验证通过才会跳转②通过form表单进行请求,form表单提交的时候会刷新整个页面,会导致用户填写的数据被清除,

form表单中增加扩展功能,比如下图点击用户名和用户名文本输入框区域,光标都可以定位到文本输入框中,使用<label><label>关联

下拉框,在选项中增加selected="selected"表示该选项是默认选项:①单纯的下拉框,select中嵌套option②层级下拉框,select中嵌套optgroup,在嵌套option

超链接标签<a><a>

图片标签

1.id选择器

多个id选择器使用一个样式,即id组合选择器

2.class选择器,css样式中使用最频繁的选择器

class组合选择器

3.标签选择器

4.id层级选择器

5.class层级选择器

6.属性选择器(自定义选择器)

day13_H5_CSS_1的更多相关文章

随机推荐

  1. CentOS Linux安装python3

    本文的方法是在CentOS上新装了python3,如果本机安装了python2则保留,因为可能有程序依赖目前的python2环境,比如yum!!!!! 一.安装python3.7 1. 安装依赖环境 ...

  2. jQuery使用(十):jQuery实例方法之位置、坐标、图形(BOM)

    offset() position() scrollTop().scrollLeft width().height() innerWidth().outerWidth().innerHeight(). ...

  3. DirectX11 With Windows SDK--20 硬件实例化与视锥体裁剪

    前言 这一章将了解如何在DirectX 11利用硬件实例化技术高效地绘制重复的物体,以及使用视锥体裁剪技术提前将位于视锥体外的物体进行排除. 在此之前需要额外了解的章节如下: 章节回顾 18 使用Di ...

  4. js常用数据类型(Number,String,undefined,boolean) 引用类型( function,object,null ),其他数据类型( 数组Array,时间Date,正则RegExp ),数组与对象的使用

    js常用数据类型 数字类型 | 字符串类型 | 未定义类型 | 布尔类型 typeof()函数查看变量类型 数字类型  Number var a1 = 10; var a2 = 3.66; conso ...

  5. Spring Security 之方法级的安全管控

    默认情况下, Spring Security 并不启用方法级的安全管控. 启用方法级的管控后, 可以针对不同的方法通过注解设置不同的访问条件. Spring Security 支持三种方法级注解, 分 ...

  6. throws与throw

    throws与throw 1)throws出现在方法函数头:而throw出现在函数体:    2)throws表示出现异常的一种可能性,并不一定会发生这些异常:throw则是抛出了异常,执行throw ...

  7. C# 处理文件的压缩与解压

    最近做了一个关于winform 程序更新下载的功能,大概思路是,程序检测到服务端系统版本号发生改变,系统需要更新:这时请求服务端更新地址,下载更新包到程序的根目录,更新包是一个压缩包,下载完后再把压缩 ...

  8. @ReponseBody返回的json中文乱码-遁地龙卷风

    我在mvc配置文件中加上下面这个配置就好了 <mvc:annotation-driven></mvc:annotation-driven>,需要在开头引用如下命名空间xmlns ...

  9. Fast R-CNN(理解)

    0 - 背景 经典的R-CNN存在以下几个问题: 训练分多步骤(先在分类数据集上预训练,再进行fine-tune训练,然后再针对每个类别都训练一个线性SVM分类器,最后再用regressors对bou ...

  10. 使用Cobbler批量部署Linux和Windows:Windows系统批量安装(三)

    Tutorial: Installing Windows with cobbler (cobbler安装Windows) Windows系统的自动安装需要用到Win PE工具.流程如下: 定制Win ...