1.走进HTML

什么是HTML

京东的这个页面就是用HTML编写的。

让我们来看一些漂亮的页面~
Hexo Themes

HTML是Hyper Text Markup Language（超文本标记语言）的缩写

目前网页中常用的标准是HTML5

基本结构：

开发环境：Visual Studio Code (VS Code)

VS Code

基本标签

1. 标题标签

2. 段落标签

3. 换行标签

4. 水平线标签

5. 字体样式标签

6. 注释和特殊符号

注释：

nbsp = Non-Breaking Space
gt = great than
lt = less than

7. 图像标签

8. 链接标签

注意：rel="noopener noreferrer"

锚链接

<p id="hello">Hello</p>
<a href="#hello">To Hello</a>
<a href="b.html#hello">To Hello</a>

功能性链接

<a href="tel: 13500000000">联系我们</a>
<a href="mailto: xx@hotmail.com">E-Mail</a>

9. 有序列表

有序列表的特性
1. 每个<li>标签独占一行
2. 默认<li>标签项前面有顺序编号
3. 一般用于排序类型的列表，如试卷、问卷选项等

10. 无序列表

无序列表的特性

1. 每个<li>标签独占一行
2. 默认<li>标签项前面有个实心小圆点，没有顺序编号
3. 一般用于无序类型的列表，如导航、侧边栏新闻、有规律的图文组合模块等

11. 定义列表

12. 表格

<table border="3" cellspacing="10" cellpadding="5">
    <tr>
        <th colspan="4">COLUMNS</th>
    </tr>
    <tr>
        <td rowspan="4">ROWS</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
</table>