HTML知识点
Posted zy简单男孩
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML知识点相关的知识，希望对你有一定的参考价值。
1. HTML 初识
html 指的是超文本标记语言 (Hyper Text Markup Language)是用来描述网页的一种语言。
HTML 不是一种编程语言，而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
html作用:
网页是由网页元素组成的 ， 这些元素是利用html标签描述出来，然后通过浏览器解析，就可以显示给用户了。
**所谓超文本，有2层含义：**
1. 因为它可以加入图片、声音、动画、多媒体等内容（**超越文本限制 **）
2. 不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（**超级链接文本 **）。
**html 总结:**
* html 是超文本标记(标签)语言
* 我们学习html 主要学习html标签
* 我们用html标签描述网页元素。 比如 图片标签 、文字标签、链接标签等等
* 标签有自己的语法规范，所有的html标签都是用 <> 表示的
1.1 HTML骨架标签
html骨架标签总结
|
标签名 |
定义 |
说明 |
|
<html></html> |
HTML标签 |
页面中最大的标签，我们成为 根标签 |
|
<head></head> |
文档的头部 |
注意在head标签中我们必须要设置的标签是title |
|
<titile></title> |
文档的标题 |
让页面拥有一个属于自己的网页标题 |
|
<body></body> |
文档的主体 |
元素包含文档的所有内容，页面内容 基本都是放到body里面的 |
2. 文档类型<!DOCTYPE>
声明位于文档中的最前面的位置，处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范
3. 页面语言lang
1. `en`定义语言为英语
2. `zh-CN`定义语言为中文
考虑浏览器和操作系统的兼容性，目前仍然使用 zh-CN 属性值
4. 字符集
字符集(Character set)是多个字符的集合。
<meta charset="UTF-8" />
计算机要准确的处理各种字符集文字，需要进行字符编码，以便计算机能够识别和存储各种文字。
作用：
先把内容储存再编译（这句话是让 html 文件是以 UTF-8 编码保存的， 浏览器根据编码去解码对应的html内容。）
utf-8是目前最常用的字符集编码方式，常用的字符集编码方式还有gbk和gb2312。
* gb2312 简单中文 包括6763个汉字 GUO BIAO
* BIG5 繁体中文 港澳台等用
* GBK包含全部中文字符 是GB2312的扩展，加入对繁体字的支持，兼容GB2312
* UTF-8则基本包含全世界所有国家需要用到的字符
4.1 锚点定位 （难点）
1. 使用相应的id名标注跳转目标的位置。 (找目标)
<h3 id="two">第2集</h3>
2. 使用<a href="#id名">链接文本</a>创建链接文本（被点击的） （拉关系） 我也有一个姓毕的姥爷..
<a href="#two">
4.2 base 标签
语法：
<base target="_blank" />
4.3 预格式化文本pre标签
<pre> 标签可定义预格式化的文本。
4.4 特殊字符 （理解）
表格属性
表格有部分属性我们不常用，这里重点记住 cellspacing 、 cellpadding。
cellspacing 单元格与单元格边框的距离
Cellpadding 单元格内容与单元格边框之间的距离
表格标题caption
<caption>我是表格标题</caption>
合并单元格2种方式
跨行合并：rowspan="合并单元格的个数"
跨列合并：colspan="合并单元格的个数"
合并单元格三步曲
先确定是跨行还是跨列合并
根据 先上 后下 先左 后右的原则找到目标单元格 然后写上 合并方式 还有 要合并的单元格数量 比如 ： <td colspan="3"> </td>
删除多余的单元格 单元格
以上是关于HTML知识点的主要内容，如果未能解决你的问题，请参考以下文章