- A+
所属分类:Web前端
1.常用标签
1.基础标签
<!DOCTYPE> 定义文档类型。 <html> 定义 HTML 文档。 <head> 定义关于文档的信息。 <title> 定义文档的标题。 <body> 定义文档的主体。 <h1> to <h6> 定义 HTML 标题。 <p> 定义段落。 <br> 定义简单的折行。 <hr> 定义水平线。 <script> 定义客户端脚本。 <link> 定义文档与外部资源的关系 <meta> 定义关于 HTML 文档的元信息。 <!--...--> 定义注释。
2.格式标签
<b> 定义粗体文本。等同于<strong> <sup> 定义上标文本。 <sub> 定义下标文本。 <i> 定义斜体文本。等同于<em> <u> 定义下划线文本。
3.表单
- input标签:
- name:定义 input 元素的名称。
- value:规定 input 元素的值。
- type:规定 input 元素的类型。
- button:按钮
- checkbox:多选框
- file:文件
- image:图片按钮,点击图片提交
- password:密码框
- radio:单选框
- reset:重置
- submit:提交
- text:文本框
- 拓展:
- 邮箱:email,可初步验证输入是否为一个邮箱
- url:url,初步验证输入是否为一个网址
- 数字:number,可初步验证是否为一个数字,且可以设置最大最小值和步长
- 滑块;range
- select标签:
- multiple:规定可选择多个选项。
- name:规定下拉列表的名称。
- 配套标签:
- option标签:
- selected:规定选项(在首次显示在列表中时)表现为选中状态。
- value:定义送往服务器的选项值。
- option标签:
- 表单特殊属性:
- readonly:只读
- disabled:禁用
- hidden:隐藏
- placeholder:给输入框一个提示信息
- required:进行一个输入框的非空判断
4.超文本标签
<audio> 定义声音内容。 <img> 定义图像。 <video> 定义视频。 <a> 定义锚
- img标签属性(必填):
- alt:text 规定图像的替代文本。
- src:URL 规定显示图像的 URL。
- a标签(必填):
- href:跳转路径
- (可选):
- target _blank(新窗口) _parent _self(原本网页) _top 规定在何处打开链接文档。
- 锚链接
- 功能链接:
- 邮件链接
- qq链接
- video标签:
- src:路径
- autoplay:如果出现该属性,则视频在就绪后马上播放
- controls:如果出现该属性,则向用户显示控件,比如播放按钮。
- audio标签:
- src:路径
- autoplay:如果出现该属性,则音频在就绪后马上播放。
- controls:如果出现该属性,则向用户显示控件,比如播放按钮。
5.列表
<ul> 定义无序列表。 <ol> 定义有序列表。 <li> 定义列表的项目。 <dl> 定义定义列表。 <dt> 定义定义列表中的项目。 <dd> 定义定义列表中项目的描述。
6.表格
<table> 定义表格 <caption> 定义表格标题。 <th> 定义表格中的表头单元格。 <tr> 定义表格中的行。 <td> 定义表格中的单元。 <thead> 定义表格中的表头内容。 <tbody> 定义表格中的主体内容。 <tfoot> 定义表格中的表注内容(脚注)。
- 跨列属性:colspon
- 跨行属性:rowspon
7.样式
<style> 定义文档的样式信息。 <div> 定义文档中的节。 <span> 定义文档中的节。 <article> 定义文章。 <section> 定义 section,一块独立的web区域,网页主体。 <header> 定义 section 或 page 的页眉,网页头部。 <footer> 定义 section 或 page 的页脚,网页脚部。 <aside> 定义页面内容之外的内容,常用于侧边栏。 <nav> 定义导航栏
8.特殊符号
-
空格 > 大于 ⁢ 小于 © 版权
9.内联框架(网页嵌套)
<iframe> 定义内联框架。
- iframe标签:
- src:要打开网页路径
- name:配合a标签target使用