1.1 HTML指的是 超文本标记语言,它是用来描述网页的一种语言。
HTML不是编程语言,是标记语言。
标记语言是一套标记标签。超文本标记语言,用来制作网页的一门语言,由标签组成,比如 图片标签 连接标签 视频标签 等。
Web标准的构成:主要包括 结构 表现 和 行为 三个方面。
Web标准提出的最佳体验方案:结构,样式,行为相分离。
理解:结构写到HTML文件中,表现写到CSS文件中,行为写到JavaScript文件中。
1.2 标签关系
双标签关系可以分为两类:包含关系和并列关系。
包含关系:
<head>
<title></title>
</head>
并列关系:
<head></head>
<body></body>
2.1 每个网页都会有一个基本的结构标签(骨架标签),页面内容也是在这些基本标签上书写。
3.1 网页开发工具
Visual Studio Code
1.双击打开文件。2.新建文件(Ctrl+R)。3.新建好就保存(Ctrl+S),注意保存为html文件。
4.Ctrl+加号,Ctrl+减号 可以放大缩小视图。5.生成页面骨架快捷方式 !选第一个或按下Tab键 。
注意:插件安装完成之后要重启软件。JS-CSS-HTML插件不要安装不好用。
3.2 VSCode工具生成骨架标签新增代码
1.文档类型声明标签
<!DOCTYPE>不是一个HTML标签,它就是一个文档类型声明标签,作用是告诉浏览器使用哪种HTML版本(HTML4,HTML5,XHTML)来显示网页。它位于html之前,不属于html中的一部分。
<!DOCTYPE html>这句代码的意思是:当前页面采取的是HTML5版本来显示网页。
2.lang语言种类 用来定义当前文档显示的语言
en定义语言为英语 zh-CN定义语言为中文 。定义en就是英文网页,定义zh-CN就是中文网页。
提倡用zh-CN
3.字符集
字符集(Character set)是多个字符的集合。以便于计算机能够识别和存储各种文字。
在<head>标签内,可以通过<meta>标签charset属性来规定HTML文档应该使用哪种字符编码。
UTF-8是目前最常用的字符集编码方式,万国码。
★<mate charset="UTF-8" /> 这是必须要写的代码,否则可能引起乱码的情况。一般情况下,统一使用"UTF-8"编码,不要写"utf-8","UTF8"。UTF-8是目前最常用的字符集编码方式
3.4 总结
1.以上三个代码是vscode自动生成的不用自己写的。
2.<!DOCTYPE html>文档类型声明标签,告诉浏览器这个页面采取HTML5版本来显示页面。
3.<html lang= "en">告诉浏览器或者搜索引擎这是一个英文网站,本页面采取英文显示。
4.<mate charset="UTF-8" /> 必须写,采取UTF-8(万国码)来保存文字,不写会乱码。
4.HTML常用标签
4.1标签的的语义:标签是做什么用的
4.2标题标签。HTML提供了6各等级的网页标题,即(h1~h6)
<h1>我是一级标题</h1> 单纯head的缩写,意为头部,标题。
标签语义:作为标题使用,并且一句重要性递减。
特点:1.加了标题的文字会变得加粗,字号也会一次变大。
2.一个标题独占一行。