一.所有的标签都必须包含在<>中，一般标签都是成对出现的，<html>开始标签</html>结束标签,<br/>单标签
二.标签关系：包含关系和并列关系
三.基本标签结构总结：
<html>最大的标签，根标签
<head>文档的头部
<title>网页标题</title>
</head>
<body>主体内容</body>
</html>
四.文档类型声明标签
<!DOCTYPE>文档类型声明，作用就是告诉浏览器使用哪种HTML版本来显示网页<!DOCTYPE html>即采取的是html5版本来显示网页
<!DOCTYPE>不是一个HTML标签他就是文档类型声明标签
五.lang语言种类：用来定义当前文档显示的语言
en定义语言为英语，zh-CN定义语言为中文
六.字符集
1.字符集是多个字符的集合，以便计算机能够识别和储存各种文字。
2.在<head>标签内，可以通过<meta>标签的charset属性来规定HTML文档应该使用哪种字符编码。
3.charset常用的值有：GB2312,GBK,UTF-8,其中，UTF-8被称为万国码，基本包含了全世界所有国家需要用到的字符
七.
①.为了使网页更具有语义化，在页面中经常用到标题标签，HTML提供了6个等级的网页标题，即<h1>-<h6>.
标签语义：作为标题使用，并且依据重要性递减.
特点：1.加了标题的标签文字会变粗，字号会变大.
2.一个标题独占一行.
②.段落标签
<p>标签用于定义段落，它可以将整个网页分为若干个段落。
标签语义：可以把HTML文档分割为若干个段落。
特点：
1.文本在一个段落中会根据浏览器窗口大小自动换行.
2.段落和段落之间保有空隙.
③.换行标签
<br/>标签：强制将某段文本换行显示
标签语义：强制换行
特点：
1.<br/>是个单标签
2.<br/>标签只是简单地开始新的一行，跟段落不一样。段落之间会插入一些垂直的间距.
④.文本格式化标签
在网页中，有时需要为文字设置粗体，斜体或下划线等效果，这时候就需要用文本格式化标签.
标签语义：突出重要性.
加粗<strong>
倾斜<em>
删除线<del>
下划线<ins>
⑤.<div>和<span>标签
<div>和<span>没有语义，他们就是一个盒子，用来装内容.
特点：
1.<div>标签用来布局，一行只能放一个<div>，大盒子.
2.<span>标签用来布局，一行上可以放多个<span>，小盒子.
八.图像标签和路径
<img src="图像URL"/>单标签
src是<img>标签的必须属性，它用于指定图像文件的路径和文件名.
图像标签的其他属性
src必须属性
alt替换文本，图像不能显示的时候，显示的文字
title提示文本，鼠标放在图片上显示的文字
width设置图像的宽度（像素）
height设置图像的高度（像素）
border设置图像的边框粗细
注意！！！：
1.图像标签可以有多个属性，必须写在标签名的后面.
2.属性之间不分先后顺序，标签名与属性，属性与属性之间均以空格隔开.
3.属性采取键值对的格式，即key=“value"的格式，属性=”属性值“.
路径：
1.目录文件夹：就是普通的文件夹，里面只不过存放了我们做页面的文件，图片等.
2.根目录：打开目录文件夹的第一层就是根目录
3.相对路径：以引用文件所在位置为参考基础，而建立出的目录路径.图片相对于html页面的位置
同一级路径：图像文件位于html文件同一级
下一级路径：表示:/图像位于html文件下一级
上一级路径：表示: ../图像文件位于html文件上一级
4.绝对路径：是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径或者完整的网络地址.
网友评论