标题标签(h1-h6)
标题(Heading)是通过h1-h6标签进行定义的.h1定义最大的标题。h6定义最小的标题。
段落标签(p)
HTML段落是通过标签p来定义的,P是英文paragraph段落的缩写,经常被用来创建一个段落作用:段落之间有留白
超链接标签(a)
HTML 链接是通过标签`a`来定义的。`a`标签,也叫`anchor(锚点)`元素,既可以用来链接到外部地址实现页面跳转功能,也可以链接到当前页面的某部分实现内部导航功能。图像标签(img)
HTML 图像是通过标签`img`来定义的。使用`img`元素来为你的网站添加图片,使用`src` 属性指向一个图片的具体地址。举例如下:img src="https://www.your-image-source.com/your-image.jpg"
请注意:img元素是自关闭元素,不需要结束标记。
格式化标签
特殊字符
特殊字符称也为实体字符,所有的实体字符以 & 开头,以 ; 结尾。列表标签
HTML 支持有序、无序和定义列表:1:无序列表(ul):
(1)无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。
(2)无序列表适合成员之间无级别顺序关系的情况。
(3)无序列表使用`ul`标签:
2:有序列表(ol):
同样,有序列表也是一列项目,列表项目使用数字进行标记。 有序列表始于<ol>标签。每个列表项始于 <li> 标签。
有序列表适合各项目之间存在顺序关系的情况。
列表项项使用数字来标记。
3:自定义列表:
自定义列表不仅仅是一列项目,而是项目及其注释的组合。
自定义列表以<dl>标签开始。每个自定义列表项以<dt>开始。每个自定义列表项的定义以<dd>开始。
自定义列表中的一个术语名可以对应多重定义或者多个术语名对应同一个定义,如果只有术语名或者只有定义也是可行的,也就是说<dt>与<dd>在其中数量不限、对应关系不限。
表格标签(table)
是父标签,相当于整个表格的容器
1:tr标签:table标签中的子标签,用于定义行
2:td标签:tr标签中的子标签,用于定义表格的单元格(一个列)
表单标签(form)
表单的提交方式:
GET:显式提交
发送的数据会追加在请求路径的后面(整个URL会显示在浏览器的地址栏中)
数据不安全
请求的数据因浏览器不同,会造成数据长度的限制
POST:隐式提交
发送的数据不会追加在请求路径后面(地址栏中不显示)
相对get请求来讲,数据安全
请求的数据不受限制
input标签
1:type属性(指定是哪种表单控件)
2:name属性:属性名,如果需要表单数据提交到服务器,必须提供name属性值,服务器通过name属性值获得提交的数据。
3:value属性:设置input标签的默认值。submit、reset和button为按钮显示数据
div、span标签
在HTML中还有一些常用标签:块标签div、内联标签spandiv、span标签的作用:用来封装数据,而对数据不做任何的样式效果的设置
div、span标签两个标签本身并没有实际意义,必须借助于我们的css才能够显示出页面样式效果。
1:什么是div?
(1)div就是html一个普通标签,进行区域划分。
(2)特性:独自占一行。独自不能实现复杂效果。必须结合CSS样式进行渲染。
2:什么是span?
span 就是html一个普通的标签,也叫行内标签。
特性:共处一行。用来对行内元素进行美化。span标签不是块级标签,可以和其在同一行。 实际开发中:使用span + css用来对数据即字体进行样式的修饰。而很少在使用font。