前端基础_1_html
各类格式速查列表:https://www.runoob.com/html/html-quicklist.html
< !DOCTYPE html> 声明为 HTML5 文档
声明为 HTML5 文档< html> 元素是 HTML 页面的根元素
元素是 HTML 页面的根元素< head> 元素包含了文档的元(meta)数据,如 定义网页编码格式为 utf-8。
元素包含了文档的元(meta)数据,如 定义网页编码格式为 utf-8。< title> 元素描述了文档的标题
< body> 元素包含了可见的页面内容
< h1> 元素定义一个大标题
< p> 元素定义一个段落
< a href=“http://www.runoob.com”>这是一个链接
< img src="/images/logo.png" width=“258” height=“39” />
这是一个链接
img src="/images/logo.png" width=“258” height=“39” />
< p > 这是一个段落
< a href=“default.htm”> 这是一个链接
< br> 换行
这是一个段落
这是一个链接换行
标题(Heading)是通过 < h1> - < h6> 标签进行定义的。
< h1> 定义最大的标题。 < h6> 定义最小的标题。
< hr> 标签在 HTML 页面中创建水平线。
标题(Heading)是通过 < h1> - < h6> 标签进行定义的。
定义最大的标题。
定义最小的标题。
标签在 HTML 页面中创建水平线。
< !-- 这是一个注释 -->
< b> 定义粗体文本
< em> 定义着重文字
< i> 定义斜体字
< small> 定义小号字
< strong> 定义加重语气
< sub> 定义下标字
< sup> 定义上标字
< ins> 定义插入字
< del> 定义删除字
定义粗体文本
定义着重文字
定义斜体字
定义小号字
定义加重语气
定义下标字
定义上标字
定义插入字 定义删除字
< head> 定义了文档的信息
< title> 定义了文档的标题
< base> 定义了页面链接标签的默认链接地址
< link> 定义了一个文档和外部资源之间的关系
< meta> 定义了HTML文档中的元数据
< script> 定义了客户端的脚本文件
< style> 定义了HTML文档的样式文件
< img> 定义图像
< map> 定义图像地图
< area> 定义图像地图中的可点击区域
定义图像
表格
表格由 < table> 标签来定义。每个表格均有若干行(由 < tr> 标签定义),每行被分割为若干单元格(由 < td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
row 1, cell 1 | row 1, cell 2 |
row 2, cell 1 | row 2, cell 2 |
边框属性???
列表
无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。无序列表使用 < ul> 标签
- Coffee
- Milk
同样,有序列表也是一列项目,列表项目使用数字进行标记。 有序列表始于 < ol> 标签。每个列表项始于 < li> 标签。列表项使用数字来标记。
- Coffee
- Milk
自定义列表不仅仅是一列项目,而是项目及其注释的组合。
自定义列表以 < dl> 标签开始。每个自定义列表项以 < dt> 开始。每个自定义列表项的定义以 < dd> 开始。
- Coffee
- - black hot drink
- Milk
- - white cold drink
< ol> 定义有序列表
< ul> 定义无序列表
< li> 定义列表项
< dl> 定义列表
< dt> 自定义列表项目
< dd> 定义自定列表项的描述
布局
< div> 定义了文档的区域,块级 (block-level)
< span> 用来组合文档中的行内元素, 内联元素(inline)
表单:
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。
表单使用表单标签 < form> 来设置:
文字域
Last name:
密码
单选按钮
传到另一个页面。即把响应内容传递到action
iframe多的框架页面用来显示其余的页面链接等
触发方法
html5