一、文本标签
1、标题标签:<h1>—<h6>,依次变小。
2、段落标签:<p>,n个段落就用n个<p>标签(left:左对齐内容;right:右对齐内容;justify:对其进行伸展,每段都可以有相等的长度。)
3、加粗标签:<b>/<strong>
4、斜体标签:<i>/<em>
5、下划线标签:<u>/<ins>
6、删除标签:<s>/<del>
7、换行标签:<br>
8、水平分隔符标签:<hr>,属性(size:粗细,取值1-7;width:设置水平线宽度;color;align:设置水平线居中对齐;noshade:设置水平线无阴影。)
9、预格式化标签:<pre>,原样输出,在此标签中手动输入的空格和下划线都有效。
10、上/下标标签:<sup>/<sub>
11、块引用标签:< blockquote>
12、普通文本(行内标签):<span>
13:普通文本(块):<div>
二、超链接标签
1、a标签(跳转到指定的url地址)
(1)、 _blank:在新窗口打开链接页面。
(2)、 _parent:在上一级窗口中打开链接。
(3)、 _self: 在当前窗口打开链接,此为默认值,可以省略。
(4)、 _top: 在浏览器的整个窗口打开链接,忽略任何框架。
2、锚点定位(跳转到当前页面的指定位置)
三、图像标签
1、属性:(1)src:指定图片的位置, 可以是url地址, 也可以是本地的图片 。
(2)alt: 如果图片不能正常加载, 则显示alt里面的文字 ;
title:鼠标悬停是现实的文字。
2、相对路径
3、图像链接 a标签和img标签
四、序列化标签
1、无序标签(ul li)
横向:display: inline-block;
纵向:display:block
2、有序标签(ol li)
type改变序列表示方法,字母表示为"A",数字为"1"
3、自定义/嵌套标签(dl dt dd)
五、表格标签
1、表格的建立
table : 表格标签; tr : 行; td : 列。
2、设置属性
caption:表格添加标题,每个表格只能有一个;
cellpadding:数据与边框间距;
cellspacing:单元格间距;
rowspan="5" :行占5行;
colspan="6" :列占6列。
六、表单标签
1、属性
(1)、action:传送到的地址
(2)、method:get、post(默认get)
区别:①get请求地址栏会携带提交的数据,post不会(请求里面)
②get安全级别较低,post较高
③get请求数据大小的限制,post没有文件大小的限制
注:enctype:一般请求下不需要,作为文件上传时设置的属性
2、输入项
大部分的输入项使用<input type="输入项的类型">
text:普通文本框
lable:单击文本,鼠标的光标自动跳到输入框内
password:密码
radio:单选框(name属性值必须相同,默认选项:checked=“checked”)
checkbox:复选框(name属性值必须相同,默认选项:checked=“checked”)
<textarea>:文本域
submit:提交按钮(value,属性要写)
reset:重置/取消
button:普通按钮
file:文件上传(image/video/audio等)
date:时间,日历
number:可手动输入数字,也可选择数字(基数为0)
3、下拉输入项
(1)、select标签
实现默认选项:selected=“selected”
(2)、datalist标签
可进行筛选
4、fieldset标签(分组)
5、iframe标签
在浏览器串口中嵌套多个html文件
frameborder:是否显示浮动框外围的边框,可取值0(不显示)或1
七、特殊符号
八、注释标签
在浏览器运行时不会显示出来,但是在文本会显示注释的内容
九、新增标签
header :定义页面的头部
nav :定义导航栏,链接的部分 ,可放在header 中
footer :定义页面的底部标签
artical :定义文章 ,用于表示独立于文档的部分(用户评论)
section :定义文章的小区域
aside :定义侧边栏 (广告等)
十、表单嵌套和并列规则
1、嵌套规则(父子)
子元素继承所有父元素的属性
2、并列规则(兄弟)
元素间属性都是独立的