la etiqueta <head>
etiqueta <cuerpo>
1. Ficha Básica
a. <h1> ~ <h6> etiqueta del título
<Hn atributo = "valor de atributo"> texto Título </ hn>
Cambiar la alineación, las propiedades se alinean con
izquierda: Izquierda
Centro: Alinear
derecha: alineación a la derecha
Nota: en la página general de un sólo puede tener un <h1> y <h2> ~ <h6> puede tener una pluralidad de
b. <p> etiqueta de párrafo
El contenido del paquete de envoltura. Y también una línea en blanco entre el contenido superior e inferior.
style = "text-indent: 2em" pueden establecer guión línea de estilo, dirigido por dos caracteres.
<Blockquote> </ blockquote> puede ser usado para fijar toda la sangría de párrafo.
c. de texto etiquetas de formato
<Strong> <b> subrayado en negrita (<b> no tiene la semántica de función subrayaron)
<Em> <i> subrayado en cursiva (<i> no tiene la semántica de función estresados)
<Sub> texto subíndice, el subíndice
<Sup> texto en superíndice, superíndices
<Del> camino que atraviesa
<Ins> subrayado el camino
<U> : El siguiente texto subrayado
<Strike> : es el texto con una línea.
<br> : Wrap.
d. la pestaña de referencia
<Blockquote> cita gran interpretación segmento
<Q> párrafo cita explicación
<Abbr> abreviatura o acrónimo
<Cite> título del libro de referencia
e. tabulador horizontal
<Hr>
atributo:
align: Conjunto alineación horizontal, seleccione la izquierda, centro, derecha, centro de alineación central por defecto
Tamaño: establecer el grosor de la línea horizontal, en píxeles, el valor predeterminado es 2 píxeles
anchura: ajuste de la anchura de la línea horizontal, la determinación de un porcentaje de píxeles o ventana del navegador (por defecto 100%)
de color: El conjunto de colores horizontal nombres de los colores disponibles, hex # RGB, RGB (r, g , b) conjunto de valor de color
f: símbolos especiales
& Gt;> mayor que
& Lt; <menos de
& nbsp espacios
y citas Quot
Copiar y símbolo de copyright ©
& Registro, marca registrada ®
& Amp; 和 号 y
Y Yen; RMB ¥
Y el grado; centígrados
Y plusmn; signo ±
y horarios; signo de multiplicación *
& Divide; Divide
Y Sob 1; superíndice 1
Y la secta; §
De & ciento; ¢
Y middot; ·
£ ; £
&trade ; ™
g.<img> 图形标签
HTML中使用<img>标签来添加图片，<img>属于单标签，其语法格式如下
<img src=”图像URL”/>
重要属性有：src、title、alt、width、height、align
src 图片地址。
title 鼠标悬浮在图片上的文字。
alt 图片找不到时要替换的文字。如果图片资源使用的是外网资源，则不会显示要替换的文字。如果使用的是本网站的资源（相对路径给出），则找不到图片时会显示替换的文字，并保留图片设置的宽高结构。
align 图片周围文字的垂直对齐情况。常用的属性值有：top（与图片的顶部对齐）、middle（与图片的中部对齐）、bottom（默认，与图片的底部对齐）。
width 图片的宽
height 图片的高 (宽高两个属性只用一个会自动等比缩放.)
img标签的属性
| 属性 |
属性值 |
描述 |
| src |
URL |
图片的地址 |
| alt |
文本 |
图片显示不出来时的提示文字 |
| title |
文本 |
鼠标移动到图片上的提示文字 |
| width |
像素（XHTML不支持页面百分比） |
设置图片的宽度 |
| height |
像素（XHTML不支持页面百分比） |
设置图片的高度 |
| border |
数字 |
设置图片边框的宽度 |
| vspace |
像素 |
设置图片顶部和底部的空白（垂直边距） |
| hspace |
像素 |
设置图片左侧和右侧的空白(水平边距) |
| align |
left |
将图片对齐到左边 |
| right |
将图片对齐到右边 |
|
| top |
将图片的顶端和文本的第一行文字对齐，其他文字位于图片下方 |
|
| middle |
将图片的水平中线和文本的第一行文字对齐，其他文字位于图片下方 |
|
| bottom |
将图片的底部和文本的第一行文字对齐，其他文字位于图片的下方 |
h.链接标签<a>
HTML中使用<a></a>标签来定义链接部分实现网页的跳转，其语法格式如下。
<a href=“链接页面地址” target=“链接打开的方式”>链接对象</a>
重要属性有三个：href、target、name
href 超链接地址：可以是Web上任意资源，包括图片，网页，样式，脚本文件等。href="#"时，表示被链接页面就是当前页面。
target 文档打开时要显示的目标位置，属性值一般有：_blank（新窗口中打开）、_self（默认，在超链接所在的容器中打开）、_parent（在超链接的父容器中打开）、_top（整个容器中打开）、name（框架名称）。
target取值表
| 属性取值 |
打开方式 |
| _self |
在当前窗口打开链接，默认方式 |
| _blank |
在新的窗口中打开链接 |
| _top |
在顶层框架中打开链接 |
| _parent |
在当前框架的上一层打开链接 |
目前常用的取值有_self和_blank两种
name 锚记名称。作用：跳转到文档的某个地方。返回首页。
I:列表标签
<ul> 无序列表标签
<li>标签表示列表中的每一项
无序列表type属性取值表
| 属性取值 |
显示效果 |
| disc(默认值) |
实心圆（●） |
| circle |
空心圆(○) |
| square |
实心正方形(■) |
<li></li>之间相当于一个容器，可以容纳所有的元素。但是<ul></ul>中只能嵌套<li></li>，不允许直接在<ul></ul>标记中输入文字。
<ol> 有序列表标签
<li>标签表示列表中的每一项
属性主要有type和value
- type指明项目的类型，属性值有：A，a，I，i，1，disc（实心圆），square（实心正方形），circle（空心圆）。
- value表示序号值从几开始。
有序列表type属性取值表
| 属性取值 |
显示效果 |
| 1（默认值） |
数字(1、2、3……) |
| a |
小写英文字母(a、b、c……) |
| A |
大写英文字母(A、B、C……) |
| i |
小写罗马数字(i、ii、iii……) |
| I |
大写罗马数字(I、II、III……) |
<dl> 自定义列表标签
<dl>
<dt>定义名词（列表标题）</dt>
<dd>名词解释和描述（列表项）</dd>
……
</dl>
上面的语法中，<dl></dl>标签用于定义列表，<dt></dt>和<dd></dd>并列嵌套于<dl></dl>中，其中<dt></dt>标签用于定义专业术语或名词，<dd></dd>标签用于对名词进行解释和描述。一对<dt></dt>可以对应多对<dd></dd>，即一个名词可以有多个解释和描述
1 <!doctype html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title>列表标签</title>
6 </head>
7 <body>
8 <dl>
9 <dt>HTML</dt>
10 <dd>超文本标记语言</dd>
11 <dt>CSS</dt>
12 <dd>层叠样式表</dd>
13 <dt>JavaScript</dt>
14 <dd>网页脚本语言</dd>
15 </dl>
16 </body>
17 </html>
J：<div>与<span>
div全称为division，“分割、分区”的意思，<div>标签用来划分一个区域，相当于一块区域容器，可以容纳段落、标题、表格、图像等各种网页元素。即HTML中大多数的标签都可以嵌套在<div>标签中，<div>中还可以嵌套多层<div>，用来将网页分割成独立的、不同的部分，来实现网页的规划和布局。
<span>标签是用来修饰文字的，也叫做内联标签
<div>标签和<span>标签，多数情况下需要配合CSS样式
K:<table>表格标签
每个表格有三个必须的标签，<table>、<tr>和<td>三个标签，用来创建表格，其语法格式如下。
<table>
<tr>
<td>单元格内容</td>
……
</tr>
</table>
上面三个标签是创建表格的基本标签，其中<table></table>标签用于定义一个表格。<tr>标签用于定义表格中的一行，必须嵌套在<table></table>标签中，在<table></table>标签中包含几对<tr></tr>，表示该表格有几行。<td></td>标签用于定义表格中的单元格，必须嵌套在<tr></tr>标签中，一对<tr></tr>包含几对<td></td>，表示该行中有多少个单元格（列）。
表头与标题：
<th>表头
表头<th>是<td>单元格的一种标题，其本质还是一种单元格，一般位于表格的第一行或第一列，用来表明这一行或列的内容类别。浏览器会将表头默认以粗体居中的样式显示在网页中。
<th>标签和<td>在本质上都是单元格，但这两种不可以互换使用。th，即“table header（表头单元格）”。而td，即“table data（单元格）”。
<caption>表格标题
表格一般都有一个标题，用来表明表格的内容，一般位于整个表格的第一行，使用<caption>标签。一个表格只能含有一个表格标题。
表格语义化：
为了使网页内容更好的被搜索引擎理解，在使用表格进行布局时，HTML中引入了<thead>、<tbody>和<tfoot>这三个语义化标签，用来将表格划分为头部、主体和页脚三部分。用这三个部分来定义网页中不同的内容，三个标签的详细理解如下。
l <thead></thead>标签：用于定义表格的头部，位于<table></table>标签中，一般包含网页的logo和导航等头部信息。
l <tfoot></tfoot>标签：用于定义表格的页脚，位于<table></table>标签中<thead></thead>标签之后，一般包含网页底部的企业信息等。
l <tbody></tbody>标签：用于定义表格的主体，位于<table></table>标签中<tfoot></tfoot>标签之后，一般包含网页中除头部和底部以外的其他内容。
<thead>、<tbody>和<tfoot>三个标签不带任何效果，只是更好提供了语义化的功能，根据表格的需求尽量添加相应的语义化标签。需要注意<thead>、<tfoot>这两个标签在一个<table>标签中只能出现一次，而<tbody>标签可以出现多次。
rowspan：合并行使用<td>或<th>标签的rowspan属性
colspan：合并列则用到<td>或<th>标签的colspan属性
cellpadding:用于设置单元格内容与单元格边框之间的空白间距，默认为1px.(内边距，单元格与内容之间的距离)
cellspacing:属性用于设置单元格与单元格边框之间的空白间距，默认为2px(外边距，单元格的间距，设置为0时，表格变为实线表格)
border:（表格边框）
align（水平对齐方式,<th>标签的align属性默认为center，<td>标签的align属性默认为left。<table>标签也有align属性，用来设置表格在网页中的水平对齐方式）
bgcolor（背景颜色）
width（表格的宽度，可以用%或者像素，最好通过css来设置长宽）
<table>标签常用属性
| 属性名 |
含义 |
属性值 |
| width |
设置表格的宽度 |
像素值(width属性可以设置单元格的宽度，当一列有多个不同width属性值时，取最大值作为这一列的宽度) |
| height |
设置表格的高度 |
像素值(height属性可以设置单元格的高度，当一行有多个不同height属性值时，取最大值作为这一行的高度) |
| align |
设置单元格内容的水平对齐方式 |
left(左对齐)、enter(居中对齐)、right（右对齐） |
| valign |
设置单元格内容的垂直对齐方式 |
baseline（基线对齐）、top（上对齐）、middle（居中对齐）、bottom（下对齐）(设置单元格的内容垂直对齐的方向，默认为center(居中对齐)) |
L:<form>标签
框架