HTML基本结构标签以及常用标签

我们常用的开发工具:VScode

首先我们先看到的是HTML的基本结构标签

HTML基本结构标签以及常用标签_第1张图片

 由上图我们依次解释其用途

作为页面中一个最大的标签,包裹住其他小标签,称其为根标签

文档的头部,在这其中必须包含tilte标签

文档的标题,给页面设置标题

文档发主体,页面中的内容基本都放在改标签里。

接着我们来看HTML的常用标签

1.标题标签:

~

一共六级选

2.段落标签:

我是一个段落标签

3.换行标签:
——这是一个单标签

4.文本格式化标签:将字体设置粗体、斜体删除线下划线效果

语义 标签 说明
加粗 常用
斜体 常用
删除线 常用
下划线 常用

5.布局标签:

一行只能放一个

一行能放多个

HTML基本结构标签以及常用标签_第2张图片

得到效果如下

HTML基本结构标签以及常用标签_第3张图片

6.图像标签:

src是标签的属性

上图在路径后的height为图片的高度,可根据自身需求来修改图片大小 、像素

7.超链接标签:

文本或图像

href后接跳转链接

target为目标窗口弹出的方式,其中_self为默认值,_blank为新窗口打开方式

 

使用超链接标签时注意路径的问题

8.base标签:

在上面的超链接标签中提到的新打开窗口方式,为了方便之后的网页都能使用,则设置的一个base标签,让所有的链接都默认添加target,不用在每个连接后添加。

 

你可能感兴趣的:(html)