1.3常见标签的使用

yuyuy
104 阅读1分钟 
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<!-- 指定所有a标签得打开方式 -->
	<base target="_blank">
</head>
<body>
	<!-- a标签 img标签 p段落标签 br hr  -->
	<!-- img src alt   -->
	<!-- 相对路径 
			 ./ 当前目录 ../上一级目录 
		绝对路径 C D  
		img特有属性 src alt width height
	-->
	<span>行内元素</span>
	<img width="150px"  src="../音视频/ad8.jpeg" alt="图片加载失败文字说明">
	<img src="https://img1.baidu.com/it/u=1960110688,1786190632&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1685466000&t=c9eb18d2d11a1876c67cdc0e07de8b59" alt="">
	<div>块级元素</div>
	<!-- 标题标签 -->
	<h1 id="box">一级标题</h1>
	<h2>二级标题</h2>
	<h3>三级标题</h3>
	<h4>四级标题</h4>
	<h5>五级标题</h5>
	<h6>六级标题</h6>
	<!-- 1.超链接标签 进行页面跳转 本地 外部网址 锚点 指定跳转方式 
		target _blank打开新页面 _self 在自身页面打开 可以使用base标签指定a标签跳转方式
		base写在head头部-->
	<!-- 打开本地页面 -->
	<a href="./2-块级元素和行内元素.html" >跳转到2页面</a>
	<a href="https://www.baidu.com" >百度一下</a>
	<!-- 2.打开电子邮箱 -->
	<a href="mailto:2681091754@qq.com">打开邮箱</a>
	<!-- 3.设置锚点 -->
	<br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br>
	<span>行内元素</span><br><span>行内元素</span>
	<!-- 跳转顶部 -->
	<a href="#">回到顶部</a>
	<br>
	<!-- 指定锚点跳转 -->
	<a href="#box">回到h1标题</a>
	<hr>
	<div>hr是分割线</div>
	<p>段落标签</p>
	<a href="./4-音视频.html">跳转到音视频</a>
</body>
</html>
avatar
文章
阅读
粉丝