Web开发·期末不挂之第二章·HTML基础一（考试必考冷知识）

Posted 2021-06-27 只想婧婧的小菜鸡

html基础一

• 一、理解网页文件 ✪✪✪
• 二、HTML ✪✪✪
• 三、编码规范

---

一、理解网页文件 ✪✪✪

网页:
浏览器中看到的网页实质上是网页文件，每个网页对应一个网页文件

网页文件：

• 文本文件
• 扩展名为 .html 或 .htm 等 （不只.html）
• 文件内容是HTML代码和文本内容

二、HTML ✪✪✪

全称✪：超文本标记语言（不是一种编程语言）

单双标签：

• 双标签代表标签作用范围

• 单标签无需表达范围，仅在标签出现处有效

• 标题标签：< h1>< /h1> (1~6 从大到小)

• 段落标签：< p>< /p>(块级元素)

• 图片标签：< img src=" 存储位置 " alt="图片加载失败后显示内容 "/> (行内元素)

绝对路径和相对路径
绝对路径：本机绝对路径 e:\\my_site\\web\\image\\a.png（不推荐）
		 网络绝对路径  http://www.a.com/image/a.png（大多网页）
相对路径：相对当前文件戒目录的路径
 - 图片和网页在同级目录 src="图片名"
 - 图片在网页的下一级目录 src="目录名称/图片名"
 - 图片在网页的上一级目录 src="../图片名"

• 超链接标签：< a href=“链接目标URL” target="何处打开 ">< /a>（行内元素）

target属性：_blank:在新窗口打开
			_self:在当前窗口打开

• 有序列表标签：（块级元素）

<ul>
	<li>有序列表第一行</li>
	<li>有序列表第二行</li>
</ul>

• 无序列表标签：（块级元素）

<ul>
	<li>无序列表第一行</li>
	<li>无序列表第二行</li>
</ul>

三、编码规范

• 所有的标签必须关闭
• 所有的标签和其属性的名字都必须使用小写
• 所有的标签都必须合理嵌套
• 所有的属性必须赋值，所有的属性值必须用引号括起来
• 没有对缩进的要求