HTML知识点(上）

1.网页

1.网站

  网站是指在因特网商根据一定的规则，使用HTML等制作的用于展示特定内容相关的网页集合。
网页时网站中的一“页”，通常是HTML格式的文件，它要通过浏览器来阅读。

2.网页

网页是构成网站的基本元素，它通常有图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以.htm或.html后缀结尾的文件，因此将其俗称为HTML文件。

2.什么是HTML

HTML指的是超文本标记语言，它是用来描述网页的一种语言。

3.浏览器内核

负责读取网页内容，整理讯息，计算网页的显示方式并显示页面。

4.web标准形成：

主要包括结构，表现和行为三个方面。

5.基本语法

1.HTML标签

标签关系 ：包含关系  并列关系

2.标题标签<h1>-<h6>(重要)
特点：

1. 加了标题的文字会变的加粗，字号也会依次变大
2. 一个标题独占一行

3.段落标签：<p> </p>
特点：

1. 文本在一个段落中会根据浏览器窗口的大小自动换行 
2. 段落和段落之间保持空隙

4.换行标签：<br />

1. 文本格式化标签
2. 标签语义：突出重要性，比普通文字更重要

• 加粗标签<strong></strong>   或者 <b></b>
• 倾斜标签<em></em>    或者  <i></i>
• 删除线标签<del></del>  或者  <s></s>
• 下划线标签<ins></ins>  或者  <u></u>

5.<div>和<span>标签
它们都是没有语义的，它们就是一个盒子，用来装内容的
div是division的缩写，表示分割、区分
span意思是跨度、跨距

6. 图像标签和路径（重点）

1.图像标签<img src="图像"/>

1. scr是<img>标签的必须属性，它用于指定图像文件的路径和文件名。
2. 所谓属性：简单理解就是属于这个图像标签的特性。 

补充：

• alt 替换文本 图像显示不出来的时候用文字替换
• title 提示文本 鼠标放到图像上，提示的文字
• width 给图像设置宽度
• height 给图像设置高度
• border 给图像设定边框

图像标签属性注意点：

1. 图像标签可以拥有多个属性，必须写在标签名的后面
2. 属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开
3. 属性采取键值对的格式，即key=”value“的格式，属性=”属性值“

2.路径

1.相对路径

  以引用文件所在位置为参考基础，而建立出的目录路径。

• 下一级路径：/
• 上一级路径：../

2.绝对路径

指目录下的绝对位置，直接达到目标位置，通常是从盘符开始的路径

7.超链接标签<a>(重点）

作用：从一个页面链接到另一个页面

1.链接的语法格式

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

• href用于指定链接目标的url地址，（必须属性）当为标签应用href属性时，它就具有了超链接的功能。
• target用于指定链接页面的打开方式，其中_self为默认值，_blank为在新窗口中打开方式

2.链接分类

1. 外部链接：例如<a href="http://www.baidu.com">百度</a>
2. 内部链接:网站内部页面之间的相互链接.直接链接内部页面名称即可
3. 空链接：如果当时没有确定链接目标时，<a href="#">首页</a>
4. 下载链接：如果href里面的地址是一个文件或者压缩包，会下载这个文件
5. 网页元素链接：在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接。
6. 锚点链接：在我们点击链接时，可以快速定位到页面中的某个位置。

在链接文本的href属性中，设置属性值为#名字的形式，如<a href="#two">第二季</a>
找到目标位置标签，里面添加一个id属性=刚才加的名字，如:<h3 id-"two">第二季介绍</h3>

8.注释

• 以<!--"开头，以"-->结束
• <!-- 注释语句 -->    快捷键：ctrl + /

1. 空格符：&nbsp；
2. 小于号：&lt；
3. 大于号：&gt；
4. 和号：&amp；
5. 人民币: &yen；
6. 版权：&copy;
7. 摄氏度：&deg；
8. 正负号：&plusmn；
9. 乘号：&times；
10. 除号：&divide；
11. 平方2：&sup2；
12. 立方3：&sup3；