小白学习HTML

1 HTML 的类别

HTML可以将元素分类方式分为行内元素、块级元素和行内块状元素三种。

1. display:inline;转换为行内元素
2. display:block;转换为块级元素
3. display:inline-block;转换为行内块级元素

1.1 行内元素

1. 无法设置宽高
2. 对margin仅设置左右方向有效，上下无效；padding设置上下左右都有效。
3. 不会自动进行换行

1.2 块级元素

1. 能设置宽高，默认宽度100%，占领一整行
2. margin与padding 均生效
3. 可自动换行
4. 多个块级元素标签写在一起，默认排列方式为从上至下

1.3 行内块级元素

1. 能设置宽高，不占领一整行
2. margin与padding 均生效
3. 多个行内块级元素标签写在一起，默认排列方式为从左至右
4. 不会自动进行换行

html中的块级元素：

标签	描述
<address>	定义地址。
<article>	定义文章。
<aside>	定义页面内容之外的内容。
<audio>	定义声音内容。
<blockquote>	定义长的引用。
<canvas>	定义图形。
<caption>	定义表格标题。
<dd>	定义定义列表中项目的描述。
<div>	定义文档中的节。
<dl>	定义定义列表。
<dt>	定义定义列表中的项目。
<details>	定义元素的细节。
<fieldset>	定义围绕表单中元素的边框。
<figcaption>	定义 figure 元素的标题。
<figure>	定义媒介内容的分组，以及它们的标题。
<footer>	定义 section 或 page 的页脚。
<form>	定义供用户输入的 HTML 表单。
<h1> to <h6>	定义 HTML 标题。
<header>	定义 section 或 page 的页眉。
<hr>	定义水平线。
<legend>	定义 fieldset 元素的标题。
<li>	定义列表的项目。
<menu>	定义命令的列表或菜单。
<meter>	定义预定义范围内的度量。
<nav>	定义导航链接。
<noframes>	定义针对不支持框架的用户的替代内容。
<noscript>	定义针对不支持客户端脚本的用户的替代内容。
<ol>	定义有序列表。
<output>	定义输出的一些类型。
<p>	定义段落。
<pre>	定义预格式文本。
<section>	定义 section。
<table>	定义表格。
<tbody>	定义表格中的主体内容。
<td>	定义表格中的单元。
<tfoot>	定义表格中的表注内容（脚注）。
<th>	定义表格中的表头单元格。
<thead>	定义表格中的表头内容。
<time>	定义日期/时间。
<tr>	定义表格中的行。
<ul>	定义无序列表。

html中的行内元素：

标签	描述
<a>	定义锚。
<abbr>	定义缩写。
<acronym>	定义只取首字母的缩写。
<b>	定义粗体字
<bdo>	定义文字方向。
<big>	定义大号文本。
<br>	定义简单的折行。
<button>	定义按钮 (push button)。
<cite>	定义引用(citation)。
<code>	定义计算机代码文本。
<command>	定义命令按钮。
<dfn>	定义定义项目。
<del>	定义被删除文本。
<em>	定义强调文本。
<embed>	定义外部交互内容或插件。
<i>	定义斜体字。
<img>	定义图像。
<input>	定义输入控件。
<kbd>	定义键盘文本。
<label>	定义 input 元素的标注。
<map>	定义图像映射。
<mark>	定义有记号的文本。
<objec>	定义内嵌对象。
<progress>	定义任何类型的任务的进度。
<q>	定义短的引用。
<samp>	定义计算机代码样本。
<select>	定义选择列表（下拉列表）。
<small>	定义小号文本。
<span>	定义文档中的节。
<strong>	定义强调文本。
<sub>	定义下标文本。
<sup>	定义上标文本。
<textarea>	定义多行的文本输入控件。
<time>	定义日期/时间。
<tt>	定义打字机文本。
<var>	定义文本的变量部分。
<video>	定义视频。
<wbr>	定义可能的换行符。