零基础必看的Html5+Css3+移动端前端教程(二)

目录

一、标签的分类

二、标签的关系

 三、标签的结构

 四、常用的标签介绍

1.标题标签

2.段落和换行标签

4.div和span标签

特点：

5.图像标签

6.链接标签

 7.注释和字符标签

五、案例

一、标签的分类

1. HTML标签由尖括号包围的关键词，如
2. HTML标签中通常是成对出现的，例如和,称为双标签。双标签第一个是开始标签，第二个是结束标签
3. 有些特殊的是单标签（比较少），例如换行标签
   

二、标签的关系

 三、标签的结构

 

 四、常用的标签介绍

1.标题标签

分为h1~h6个，具体代码为

    
标题标签
    
标题一共六级选,
    
文字加粗一行显。
    
由大到小依次减，
    
从重到轻随之变。
    
语法规范书写后，
    
具体效果刷新见。

2.段落和换行标签

一段文字

使用段落标签后文章会分段显示并且两段中间有几个空行

单标签，遇到这个标签就换行

    
    
    
    


    
在中国IT教育行业发展的轨迹中，
 能始终秉承着初心做教育的企业为数不多，而在李开复老师的心中，传智播客就是其中之一。


在中国，李开复老师至少影响了70和80后两代人，然而翻开他的履历，我们并没有看到诸如马云、马化腾那样堪称传奇的成功经历，我们看到的只是一位厚积薄发、深耕在世界IT互联网行业多年的“导师”：

3.文本标签

4.div和span标签

 

和标签没有具体的含义，它们兄弟俩就像一个盒子，用来装内容。

大盒子

小盒子

div是division的缩写，表示分割、分区，span意为跨度。

特点：

1.

标签用来布局，但是一行只能放一个

2.标签用来布局，一行可以放多个

5.图像标签

 

绝对路径：

1. 自己电脑中的图片
2. 网络上的图片

6.链接标签

    
    
    
    


    
0.锚点链接

    个人作品
    
1.外部链接
    腾讯
    
2.内部链接
    The first
    
3.空链接
    简介
    
4.下载链接

    压缩包
    
5.其它链接

    
    
xxxxxxxxxxxxxxxx

 7.注释和字符标签

如果在程序中添加注释文字，需要注释标签。HTML中的注释以结束 。

快捷键 ctr + /

 

五、案例

        这个案例就是一个简单的圣诞老人的介绍，主要运用上面所学的知识点，

 文件具体的源码和素材我放到资源中了，可以免费下载。

如果感兴趣还可以看一下：零基础必看的Html5+Css3+移动端前端教程(一)