- HTML5学习笔记一
- HTML5常见的块级标签和行级标签
| 块级标签 | 作用 |
| < h1></ h1>……….< h6>< h6/> | 设置段落标题的大小，1-6级标题字体大小依次递减 |
| < hr/> | 水平线标签，添加水平分割线 |
| < p></ p> | 段落标签，区分段落 |
| < br/> | 换行标签 |
| <blockquote></blockquote> | 引用标签，同时会将标签内的文字缩进显示 |
| < pre>< /pre> | 预格式标签，可以将文字按照原始的排列方式进行显示 |
| < ul>< li>< /li></ ul> | 无序列表标签 |
| < ol>< li>< /li></ ol> | 有序列表标签 |
| < dl></ dl> | 定义列表标签 |
| < div>< /div> | 分区标签 |
- 常见的行级标签
| 行级标签 | 标签含义 |
| < img/> | 图片标签 |
| < a>< /a> | 超链接标签 |
| < span> | 组合文档中的行内元素 |
| < em> | 侧重点的强调，可嵌套使用，嵌套个数越多，强调级别越高 |
| < strong> | 表示内容的重要性，嵌套递增重要性级别 |
| < small> | 旁注（side comments），可以用在免责声明，使用条款和版权信息等需要小字体的场景 |
| < s> | 有误文本，文本文字上加删除线的样式 |
| < b> | 不仅仅是粗体文本，还可以定义一些需要引起注意却没有额外语义的内容，比如摘要的关键和文章导语 的加粗等 |
| < i> | 不仅是单纯的斜体，还可表示“另一种叙述方式”，常见的场景有外来语、分类名称和技术术语等 |
| < cite> | 浏览器显示为倾斜，常用于书、画作、作品的引用 |
| < q> | 短引用，显示为文字用""引起来 |
| < code> | 只是表示计算机代码，但是浏览器只会显示等宽字体，不会保留代码格式，需配合 |
注意：块级标签与行级标签的特点与区别
（1）块级标签自动换行，前后隔一行；行级标签不会自动换行，从左往右依次显示
（2）块级标签的宽度默认是100%；行级标签的宽度由文字内容撑开
（3）块级标签可以设置宽度、高度、边距等属性；行级标签不能设置上述属性
2.<img/>图片标签
<img src="./111.jpg" alt="图片信息有误" title="图片">
图片标签属性：
3.src属性：src就是图片的路径地址
（1）相对路径:以当前文件为准，寻找图片地址
绝对路径：file:///盘符:/文件夹/图片.扩展名。但这种大多不使用，原因有两点：
（2）绝对路径只在当前计算机生效，若将网站转移服务器，则路径会失效。
（3）通过绝对路径打开图片使用的是 file 协议，但网页中使用的是 http 协议，因此会出 现跨域问题，造成图片无法显示。
- height 和 width 属性。设置图片的宽度和高度
- title 属性。设置图片的标题。当鼠标指在图片上后显示的文字
- alt 属性。设置由于图片无法加载时显示的文字
- align属性。设置图片周围文字相对于图片的位置
4.< a>< /a>:超链接标签
<a href="#">这是一个超链接</a>
- 超链接标签的属性
- href属性：在标签中使用 href 属性来描述链接的地址，这个地址可以是网络链接，也可以是本 地文件。当用#时，表示这是一个空的超链接。
- target属性：使用 target 属性可以定义通过超链接打开的文档在何处显示。
有两个属性：
- _self:在与连接相同的框架中打开被链接文档（默认属性值 ）
- _blank:在新窗口中打开链接
- 锚链接
- 本页面锚点跳转
这是锚点任意元素的id都可以当做锚点
<any id=“id值”> </any>
跳转锚点使用a标签<a href="#id值">就可以跳到锚点
2.新页面锚点跳转
只要在a标签中href属性加一个另一个文件的相对路径+id值就能完成
3.列表相关元素
＜ul＞定义无序列表
＜ol＞定义有序列表
＜li＞定义列表项目
＜dl＞定义列表，子元素仅有＜dt＞和＜dd＞两种
<dt>定义标题列表项
<dd>用于定义列表项目
4.表格
- <table></table> 表格标签，成对出现
- <th></th>表头标签，用来表示写表格标题的
- <tr></tr>行标签，表示一行
- <td></td>单元格标签，表示一个单元格
属性:
table标签属性：
tr标签属性
td和th标签属性
5.input表单元素
Input属性
| 属性 | 含义 |
| type 属性 | 表示 input 输入框的类型，默认值是 text |
| name 属性 | name 属性表示 input 输入框的名称，一般必填 |
| value 属性 | value 属性表示 input 输入框的默认值 |
| placeholder 属性 | placeholder 属性表示输入框中的提示信息，当输入框有 value 属性的时候，提示内容会 消失，转而显示 value 属性值。 |
| tabindex 属性 | tabindex=“1” 此属性控制按 Tab 键时的跳转顺序 |
| checked=“checked” | 默认选中 |
| disabled=“disabled” | 设置控件不能使用。 |
| hidden=“hidden” | 设置隐藏控件 |
type类型
text：文本输入框
password：密码输入框
radio：单选按钮
checkbox：复选按钮
file：文件上传按钮
submit：表单提交按钮
reset：重置按钮
image：图片提交按钮
button：可单击按钮
