HTML 常用的标签

常用文本标签
<h1>...</h1>
header：标题。<h1>~<h6> 代表六个不同的级别的标题，<h1> 级别最高，而 <h6> 级别最低。

YY截图20181105161810.png

<p>
HTML 段落是通过 <p> （paragraph）标签进行定义的

P.png

<ul> unordered list：无序列表。
<ol> ordered list：有序列表。

<li>…</li>
list item：列表项目。表示列表里的条目。它必须被包含在一个父元素里：(<ol>)，(<ul>)， (<menu>)

<b>...</b>
粗体字，HTML提醒注意（Bring Attention To）元素

image.png

<strong>...</strong>
表示某些重要性的文本

image.png

<i>...</i>
Italic：斜体字。应表现因某些原因需要区分普通文本的一系列文本。

image.png

<em>...</em>
emphasize：强调。斜体字(强调或重读）

image.png

<img>可以用来插入图片，一般写法为<img src="xxx" alt="xxx" />

table标签
表示表格数据 — 即通过二维数据表表示的信息。Tips：在 CSS 创建之前， HTML <table> 元素常常被用于布局页面。 这种用法在 HTML 4之后不被推荐使用，并且 <table>元素 不应该被用于此目的。
常用元素：
width ：设置表格的宽度
height：设置表格的高度
align：设置表格的对齐方式，取值: left/center/right
border：设置表格边框宽度
cellpadding：内边距（单元格边框与内容之间的距离）
cellspacing：外边距（单元格之间的距离）
bgcolor：设置表格的背景颜色

<a>标签
<a> 元素 (或锚元素) 可以创建一个到其他网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的超链接。
<title>…</title>
定义文档的标题，显示在浏览器的标题栏或标签页上
常用属性：
href：必需属性、为锚定义一个超文本链接来源。
download：此属性指示浏览器下载URL而不是导航到URL，因此将提示用户将其保存为本地文件。
target：该属性指定在何处显示链接的资源。
self: 当前页面加载，默认值
blank: 新窗口打开
parent: 加载响应到当前框架的父框架。
top: 加载响应进入顶层浏览窗口

<form>标签
表示了文档中的一个区域，这个区域包含有交互控制元件，用来向web服务器提交信息。
常用属性：
action：提交的服务器地址。
method：浏览器使用这种 HTTP 方式来提交 form. 可能的值有:
post: 指的是 HTTP POST 方法 ; 表单数据会包含在表单体内然后发送给服务器.
get: 指的是 HTTP GET 方法; 表单数据会附加在 action 属性的URI中，并以 '?' 作为分隔符, 然后这样得到的 URI 再发送给服务器.
target：一个名字或者说关键字，用来指示在提交表单之后，在哪里显示收到的回复.

<input>标签
<input> 标签用于搜集用户信息。
根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
常用属性：
text：单行字段；换行会将自动从输入的值中移除。
button：无缺省行为按钮，若不设置type，默认为 submit 按钮。
checkbox： 复选框。
password：一个值被遮盖的单行文本字段。
radio：单选按钮。必须使用 value 属性定义此控件被提交时的值。在同一个”单选按钮组“中，所有单选按钮的 name 属性使用同一个值。
reset：用于将表单所内容设置为缺省值的按钮。
submit：用于提交表单的按钮。

<div>标签（块级元素）
<div> 可定义文档中的分区或节（division/section）。
<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。
如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。
注：块级元素与内联元素的区别
块级元素，总是在新行上开始；内联元素，和其他元素在一行；
块级元素，能容纳其他块元素或者内联元素；内联元素，只能容纳文本或其他内联元素；
块级元素中高度，行高以及顶和底边距都可以控制；内联元素中高，行高及顶和底边距不可改变。