目录
第一章、概述
1.1、网站和网页的区别
网站:网页的合集;网页:是网站中的一页。
网页是构成网站的基本元素,它通常由图片、文字、链接、视频等元素组成。网页通常以.htm或.html后缀结尾的文件,因此将其称为HTML文件。
1.2、什么是HTML语言
HTML是指超文本标记语言(Hyper Text Markup Language),是用来描述网页的一种语言。
HTML不是编程语言,而是标记语言。
所谓超文本,有2层含义:
1、它可加入图片、声音、动画、多媒体等内容,超越了文本限制;
2、还可以从一个文件夹跳转至另一个文件夹,与与世界各地主机的文件连接。
1.3、网页的形成
网页是由网页元素组成的,这些元素是利用html标签描述出来的,然后通过浏览器解析来显示给用户的。(前端开发人员 一> 浏览器显示代码(解析、渲染)一> 生成Web页面)
1.4、Web标准
Web标准是由W3C组织和其他标准化组织制定的一系列标准的集合。
W3C(万维网联盟)是国际最著名的标准化组织。
1.5、Web标准的构成
主要包括结构(Structure)、表现(Presentation)、和行为(Behavior)三个方面。
标准 | 说明 |
结构 | 用于对页面元素进行整理和分类,相对最重要的是HTML。 |
表现 |
用于设置网页元素的版式、颜色、大小等外观样式,主要指的是CSS。 |
行为 | 行为是指网页模型的定义及交互的编写,现阶段主要学的是Javascript。 |
第二章、HTML标签
2.1、语法规范
1、HTML标签是由尖括号包围的关键词,例如:<html>;
2、HTML标签通常成对出现,例如<html> </html>,称为双标签。
3、有些特殊标签必须是单个标签,例如<br />换行标签,称为;<hr/>分割线,
4、标签关系:双标签关系可分为两类:包含关系和并列关系。
2.2、基本结构标签
每个网页都会有一个基本的结构标签(也称骨架标签),页面内容也是在这些基本标签上书写。
标签名 | 定义 | 说明 |
<html> </html> | HTML标签 | 页面中最大的标签,称为根标签 |
<head> </head> | 文档的头部 | 在<head>标签中必须要设置的标签是<title> |
<title> </title> | 文档的标题 | 让页面拥有一个属于自己的网页标题 |
<body> </body> | 文档的主体 | 元素包含文档的所有内容,页面内容基本都放在<body>里 |
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<title>标题<title>
</head>
<body>
主体
</body>
</html>
1、<!DOCTYPE>是文档类型声明标签,用于浏览器识别使用哪种HTML版本来显示页面。
2、lang语言:定义文档显示的语言。(en:英文;zh-CN:中文)
2.3、字集符
字集符(Character set)是多个字符的集合,以便计算机识别和存储各种文字。
在<head>标签内,可通过<meta>标签的charset属性来规定HTML文档应该使用哪种字符编码。
<meta charset="UTF-8"/>
charset常用的值有:GB2312、BIG5、GBK和UFT-8,其中UTF-8称为万国码,基本包含了全世界所有国家需要用到的字符。
标签语义
标签语义是指标签含义,根据语义在合适的地方给一个最合理的标签,可让页面结构更清晰。
2.4、文本标签
1、标题标签<h1> - <h6>。
标题一共六级选,文字加粗一行显,由大到小依次减,从重到轻随之变。
<h1> 一级标题 </h1>
<h2> 二级标题 </h2>
<h3> 三级标题 </h3>
2、段落标签<p>,把文档分割为若干段。
<p> 段落标签 </p>
3、换行标签<br />,特殊标签单独出现。(每次出现都会段内换行)
水平分割线标