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:在当前窗口打开
- 有序列表标签:(块级元素)
<ol>
<li>有序列表第一行</li>
<li>有序列表第二行</li>
</ol>
- 无序列表标签:(块级元素)
<ul>
<li>无序列表第一行</li>
<li>无序列表第二行</li>
</ul>
三、编码规范
- 所有的标签必须关闭
- 所有的标签和其属性的名字都必须使用小写
- 所有的标签都必须合理嵌套
- 所有的属性必须赋值,所有的属性值必须用引号括起来
- 没有对缩进的要求