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

发布时间:2022-08-19 14:05

目录

一、标签的分类

二、标签的关系

 三、标签的结构

 四、常用的标签介绍

1.标题标签

2.段落和换行标签

4.div和span标签

特点:

5.图像标签

6.链接标签

 7.注释和字符标签

五、案例

一、标签的分类

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

二、标签的关系

零基础必看的Html5+Css3+移动端前端教程(二)_第1张图片

 三、标签的结构

 零基础必看的Html5+Css3+移动端前端教程(二)_第2张图片

 四、常用的标签介绍

1.标题标签

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



    

标题标签

标题一共六级选,

文字加粗一行显。

由大到小依次减,

从重到轻随之变。

语法规范书写后,
具体效果刷新见。

2.段落和换行标签

一段文字

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

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





    
    
    
    Document


    

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

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

3.文本标签

零基础必看的Html5+Css3+移动端前端教程(二)_第3张图片

4.div和span标签

 

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

大盒子
小盒子

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

特点:

1.

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

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

5.图像标签

零基础必看的Html5+Css3+移动端前端教程(二)_第4张图片

 零基础必看的Html5+Css3+移动端前端教程(二)_第5张图片

绝对路径:

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


    

    

6.链接标签

零基础必看的Html5+Css3+移动端前端教程(二)_第6张图片




    
    
    
    超链接标签


    

0.锚点链接

个人作品

1.外部链接

腾讯

2.内部链接

The first

3.空链接

简介

4.下载链接

压缩包

5.其它链接

xxxxxxxxxxxxxxxx

 7.注释和字符标签

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

快捷键 ctr + /

 零基础必看的Html5+Css3+移动端前端教程(二)_第7张图片

五、案例

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

零基础必看的Html5+Css3+移动端前端教程(二)_第8张图片

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

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

ItVuer - 免责声明 - 关于我们 - 联系我们

本网站信息来源于互联网,如有侵权请联系:561261067@qq.com

桂ICP备16001015号