1.一个网页主要包含以下三个部分：
文本内容、对其他文件的引用、标记
2.基本的HTML页面
·网页的顶部和头部：
顶部：<!DOCTYPE html>
<html lang=”en”>
头部：<head></head>
<mate charset=”utf-8”>
<title></title>
·网页的主体：
<body></body>
3.标签的组成：元素、属性、值
<img src=”blueflax.jpg”>
其中： <img>是元素，src是属性，=后面”blueflax.jpg”是src的值。
不同的 属性-值 对之间用空格隔开。
4.父元素和子元素
如下代码：
<article>
<h1>The Ephemeral Blue Flax</h1>
<img src=”blueflax.jmg”/>
<p> …continually <em> amazed </em> …delicate <a…> Blue Flax</a> …</p>
</article>
结构如下：
<article> -------------------父元素
<h1> <img> <p> --------------<article>的子元素
<em> <a> --------<p>的子元素
其中：<h1> <img> <p> <em> <a>全为<article>的后代，<article>是它们的祖先。<h1> <img> <p>为<article>的直接后代，<article>是它们的直接祖先。同一级中，紧挨着的为直接同胞，没有紧挨着的为一般同胞。
5.为文件和文件夹命名采用小写字母，不要在文件名和文件夹名中使用空格分隔单词，应该使用短横线。
6.绝对路径和相对路径：
绝对路径包含了指向目录或完整信息，包括模式、主机名和路径。相对路径指的是相对于提供信息的文件的路径。
7.rel="external"：告诉搜索引擎这个链接来自外部引用。
rel="nofollow"：告诉搜索引擎不要将这个链接计入权重。
rel="external nofollow"：告诉搜索引擎这个链接是外部链接而且不要计入权重。
a 元素的 title 属性效果是：当用户鼠标滑过该链接，就会显示title属性的内容。增加了 a 元素的语义。
8.语义为什么重要：
提升可访问性和互操作性。
提升搜索引擎优化（SEO）的效果。
使维护代码和添加样式变得更容易。
使代码更少，页面加载更快。