HTML —— 简单知识点
目录
一、网页
1. 什么是网页
1.1 网站:使用HTML等制作的用于展示特定内容相关的网页集合;
1.2 网页:网站中的一“页”,用HTML语言创建,通常是HTML格式的文件,通过浏览器阅读;
1.3 网站和网页的关系:网页是构成网站的基本元素,网页通常以 .htm 或者 .html后缀结尾的文件
1.4 网页的组成:图片、文字、链接、声音、视频等;
2. 什么是HTML
2.1 HTML:超文本标记语言,用来描述网页的一种语言(标记语言);
2.2 标记语言:一套标记标签;
2.3 超文本含义:
① 超越了文本限制:可以加入图片、声音、动画、多媒体等;
② 超级链接文本:从一个文件跳转到另一个文件,与世界各地主机文件连接;
3. 网页的形成
网页由网页元素组成,通过利用HTML标签描述出来,在通过浏览器进行解析,最后展示在用户面前。
二、浏览器
1. 常用浏览器
1.1 浏览器:网页显示、运行的平台;
1.2 常用五大浏览器:IE、火狐(Firefox)、谷歌(Chrome)、Safari、Opera;
1.3 浏览器的内核(渲染引擎):负责读取网页的内容、整理讯息、计算网页的显示方式并显示页面;
三、Web标准
1. Web标准
1.1 Web标准:由W3C组织(万维网联盟)和其他标准化组织制定的一系列标准的集合;
1.2 为什么需要Web标准(六点):遵循Web标准可以让不同的开发人员写出的页面更标准、更统一;
2. Web标准的构成
2.1 构成:结构、表现、行为;
2.2 具体解释:
2.3 Web标准提供的最佳的体验方案:结构、表现、行为相分离(分开写);
即结构写在HTML文件中,表现写在CSS文件中,行为写在JavaScript文件中。
四、HTML标签
1. HTML语法规范
1.1 HTML标签由尖括号<>包围的关键词;
如<head>;
1.2 HTML标签通常是成对出现的,称为双标签;
如<head></head>;
① <head> 称为开始标签,</head> 称为结束标签;
② 结束标签只比开始标签多一个 “/” ;
1.3 有些特殊的标签必须是单个的标签(极少),称为单标签,单标签的后面要加上一个“/”;
如<br />;
2. 标签的关系
2.1 包含关系(双标签):
<head>
<title></title>
</head>
head就如title的父亲,因此又称为父子关系;
2.2 并列关系(双标签):
<head></head>
<body></body>
head和body就如兄弟,因此又称兄弟关系;
3. HTML基本构成标签
3.1 每个网页都会有一个基本的结构标签(骨架标签),页面内容就在这些基本标签上书写;
3.2 基本结构标签:
3.3 具体解释:
① html:根标签,包含所有的标签
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>吴世勋</title>
</head>
<body>
<h1>吴世勋</h1>
</body>
</html>
② head:文档的头部
③ title:标题
<title>吴世勋</title>
④ body:主体内容
<body>
<h1>吴世勋</h1>
</body>
五 、网页开发工具
1. 一些标签
1.1 文档类型声明标签:<!DOCTYPE> 告诉浏览器使用哪种HTML版本来显示网页;
1.2 lang语言种类:用来定义当前文档显示的语言;
① en:代表英语,表示此网页为英文网页;
② zh-CN:代表中文,表示此网页为中文网页;
1.3 字符集(Character set):多个字符的集合;
在<head>标签内,可以通过<meta>标签的charset属性来规定HTML文档应该使用哪种字符编码;
charset常用的值有:GB2312(简体中文)、BIG5(繁体中文)、GBK(简体+繁体)、UTF-8(万国码);
UTF-8(万国码):基本包含了全世界所有国家需要用到的字符;
2. HTML常用标签
2.1 标签语义:标签的含义;
2.2 标题标签:为了使网页更具有语义化,使用标题标签(6个)作为标题;
特点:
① 标题独占一行;
② 标题的文字会进行加粗以及变大;
<h1></h1>
......
<h6></h6>
2.3 段落标签:<p>文字</p> 定义段落;
特点:
① 文本在一个段落中会根据浏览器窗口的大小自动换行;
② 段落和段落之间保有空隙;
<p>汉皇重色思倾国,御宇多年求不得。</p>
<p>杨家有女初长成,养在深闺人未识。</p>
2.4 换行标签:<br /> 强制换行;
特点:
① 是个单标签;
② 间隙与段落相比更小;
<p>吴世勋 <br />2021/1/29</p>