失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > HTML基本结构标签以及常用标签

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

时间:2023-05-15 22:34:30

相关推荐

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

我们常用的开发工具:VScode

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

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

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

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

<title></title>文档的标题,给页面设置标题

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

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

1.标题标签:<h1>~<h6>一共六级选

2.段落标签:<p>我是一个段落标签</p>

3.换行标签:</br>——这是一个单标签

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

5.布局标签:

<div>一行只能放一个</div>

<span>一行能放多个</span>

得到效果如下

6.图像标签:

<img src="此处写图像路径"/>

src是<img>标签的属性

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

7.超链接标签:

<a href="跳转目标"target="目标窗口的弹出方式">文本或图像</a>

href后接跳转链接

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

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

8.base标签:

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

<base target ="_blank>

总结:

base可以设置整体链接的打开状态

base写到<head> </head>之间

把所有的链接 都,默认添加target ="_blank

如果觉得《HTML基本结构标签以及常用标签》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。