一、HTML基本概念
文档：HTML文档俗称网页。
标签：用尖括号包围的关键词我们成为标签。通常HTML标签成对出现，如：<a>、</a>。
- 开始标签：标签对中的第一个标签是开始标签，也成为开放标签。如<a>。
- 结束标签：标签对中的第二个标签是结束标签，也成为闭合标签。如</a>。
元素：我们把匹配的标签对以及它们包围的内容称为元素。即（元素 = 开始标签 + 内容 + 结束标签）。如：<a href="http://hanzhaoxin.cnblogs.com/">我的博客</a>。
- 块级元素：在浏览器默认显示时以新行来开始（和结束）的元素。
- 内联元素：又称行内元素，在浏览器默认显示时在同一行按从左至右顺序显示，不单独占一行的元素。
属性：开始标签中那些以名称/值对的形式出现的内容，我们称之为属性。如上例中: href="http://hanzhaoxin.cnblogs.com/"。（href是属性称，"http://hanzhaoxin.cnblogs.com/"是属性值）。
二.HTML基本元素
1.根元素
| 元素 | 含义 |
|---|---|
| <doctype> | 定义文档类型。 |
| <html> | 定义 HTML 文档。 |
2、元数据元素
| 元素 | 含义 |
|---|---|
| <head> | 定义关于文档的信息。 |
| <meta> | 定义关于 HTML 文档的元数据。 |
| <link> | 定义文档与外部资源之间的关系，一般用于引入样式表。 |
| <base> | 定义页面上所有链接的默认地址或默认目标。 |
| <title> | 定义文档标题。 |
| <style> | 定义文档的样式信息。 |
3、脚本元素
| 元素 | 含义 |
|---|---|
| <script> | 定义客户端脚本。 |
| <noscript> | 定义当浏览器不支持脚本的时候所显示的内容 |
4、块元素
| 元素 | 含义 |
|---|---|
| <body> | 定义文档的主体。 |
| <h1>、<h2>...<h6> | 定义文档标题。 |
| <p> | 定义文档段落。 |
| <blockquote> | 定义块引用。 |
| <ul>、<ul>、<dl> | 定义列表。 |
| <table> | 定义表格。 |
1）列表元素
| 列表 | 元素 | 含义 |
|---|---|---|
| 无序列表 | <ul> | 定义无序的列表。 |
| <li> | 定义列表项。 | |
| 有序列表 | <ol> | 定义有序的列表。 |
| <li> | 定义列表项。 | |
| 定义列表 | <dl> | 定义定义列表。 |
| <dt> | 定义定义术语。 | |
| <dd> | 定义定义描述。 |
2）表格元素
| 元素 | 含义 |
|---|---|
| <table> | 定义表格。 |
| <thead> | 定义表格的页眉。 |
| <tbody> | 定义表格的主体。 |
| <tfoot> | 定义表格的页脚。 |
| <th> | 定义表格的表头行。 |
| <tr> | 定义表格的行。 |
| <td> | 定义表格单元。 |
5、文本元素
1）文本格式化元素
| 元素 | 含义 |
|---|---|
| <em> | 定义着重文字。 |
| <strong> | 定义加重语气。 |
| <sup | 定义上标字。 |
| <sub | 定义下标字。 |
| <ins> | 定义插入字。 |
| <del> | 定义删除字。 |
| <b> | 定义粗体文本。 |
| <i> | 定义斜体文本。 |
| <big> | 定义大号字。 |
| <small> | 定义小号字。 |
2）引用、引用和术语定义
| 元素 | 含义 |
|---|---|
| <q> | 定义简短引用。 |
| <blockquote> | 定义长引用。 |
| <address> | 定义地址。 |
6、引用、引用和术语定义
| 属性 | 含义 |
|---|---|
| <q> | 定义简短引用。 |
| <blockquote> | 定义长引用。 |
| <address> | 定义地址。 |
7、<div> 和 <span>
| 元素 | 含义 |
|---|---|
| <div> | 定义文档中的分区或节（division/section）。 |
| <span> | 定义 span，用来组合文档中的行内元素。 |
三、HTML基本属性
1、HTML全局属性
1）核心属性
| 属性 | 含义 |
|---|---|
| id | 设置元素的唯一 id。 |
| class | 设置元素的一个或多个类名（引用样式表中的类）。 |
| style | 设置元素的行内样式（CSS内联样式）。 |
| title | 设置有关元素的额外信息（可在工具提示中显示）。 |
2）常见元素属性：
（1）<a>元素的属性：
| 属性 | 含义 |
|---|---|
| href | 指定链接到互联网或你的计算机上的一个资源的别称。 |
| target | 指定打开链接的目标窗口。 |
| title | 指定所要链接到页面的文本描述。 |
（2）<img>元素的属性：
| 属性 | 含义 |
|---|---|
| src | 指定向服务器请求的资源。 |
| alt | 指定图像无法显示时的替代文本。 |
网友评论