1、 文本标签
-
<div></div>块标签 作用是设定字、画、表格等的摆放位置 -
<p></p>段落标签 自成一段 会将上下的文字 和它保持一定的距离 -
<h1>-</h6>标题标签 字体加粗 自占一行
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>常用标签</title>
</head>
<body>
<div>这是div标签</div>
<p>这是p标签，可以存很长的一段话</p>
<h1>h1标签</h1>
<h2>h2标签</h2>
<h3>h3标签</h3>
<h4>h4标签</h4>
<h5>h5标签</h5>
<h6>h6标签</h6>
</body>
</html>
image.png
2、 图片标签
<img /> 在网页中插入一张图片
属性：
- src： 图片名及url地址 (必须属性)
- alt: 图片加载失败时的提示信息
- title：文字提示属性
- width：图片宽度
- height：图片高度
<img src="图片地址" title="文字提示" alt="图片加载失败显示得信息" width="宽" height="高" border="边框" />
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图片标签</title>
</head>
<body>
<img src="慕容紫英.jpg" alt="加载失败的时候显式的文字">
<img src="./img/慕容紫英2.jpg" alt="加载失败的时候显式的文字">
</body>
</html>
1675781542267.png
图片路径
(1)相对路径
- ./ 当前
- ../ 上一级
(2)绝对路径
- 一个固定得链接地址(如域名)
- 从根磁盘 一直到你的文件得路径
3、超链接
<a href="链接地址" title="提示信息" target="打开方式">点击显示得内容</a>
属性：
href必须，指的是链接跳转地址
target:
_blank 新建窗口得形式来打开
_self 本窗口来打开(默认)
title：文字提示属性（详情）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>超链接</title>
</head>
<body>
<a href="https://www.baidu.com">百度官网 本页打开</a>
<a href="https://www.baidu.com" target="_blank">百度官网 新标签页打开</a>
</body>
</html>
image.png
网友评论