零基础必看的Html5+Css3+移动端前端教程(二)
一、标签的分类
- HTML标签由尖括号包围的关键词，如<html>
- HTML标签中通常是成对出现的，例如<html>和</html>,称为双标签。双标签第一个是开始标签，第二个是结束标签
- 有些特殊的是单标签（比较少），例如换行标签<br />
二、标签的关系
三、标签的结构
四、常用的标签介绍
1.标题标签
分为h1~h6个，具体代码为
<body>
<h1>标题标签</h1>
<h1>标题一共六级选,</h1>
<h2>文字加粗一行显。</h2>
<h3>由大到小依次减，</h3>
<h4>从重到轻随之变。</h4>
<h5>语法规范书写后，</h5>
<h6>具体效果刷新见。</h6>
</body>
2.段落和换行标签
<p>一段文字</p>使用段落标签后文章会分段显示并且两段中间有几个空行
<br >单标签，遇到这个标签就换行
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<p>在中国IT教育行业发展的轨迹中，<br /> 能始终秉承着初心做教育的企业为数不多，而在李开复老师的心中，传智播客就是其中之一。</p>
<p>在中国，李开复老师至少影响了70和80后两代人，然而翻开他的履历，我们并没有看到诸如马云、马化腾那样堪称传奇的成功经历，我们看到的只是一位厚积薄发、深耕在世界IT互联网行业多年的“导师”：</p>
</body>
</html>
3.文本标签
4.div和span标签
<div>和<span>标签没有具体的含义，它们兄弟俩就像一个盒子，用来装内容。
<div>大盒子<div> <span>小盒子<span>
div是division的缩写，表示分割、分区，span意为跨度。
特点：
1.<div>标签用来布局，但是一行只能放一个<div> 2.<span>标签用来布局，一行可以放多个<span>
5.图像标签
绝对路径：
- 自己电脑中的图片
- 网络上的图片
<body>
<img src="C:UsersappleDesktop前端基础第一天-HTML案例img.jpg" />
<img src="http://www.itcast.cn/2018czgw/images/logo.png" />
</body>
6.链接标签
7.注释和字符标签
如果在程序中添加注释文字，需要注释标签。HTML中的注释以<!--开始 ，-->结束 。
<!-- 注释语句 --> 快捷键 ctr + /
五、案例
这个案例就是一个简单的圣诞老人的介绍，主要运用上面所学的知识点，
文件具体的源码和素材我放到资源中了，可以免费下载。
如果感兴趣还可以看一下：
