WEB：常用标签学习实例

最新推荐文章于 2024-05-21 23:53:50 发布

伊人冰

最新推荐文章于 2024-05-21 23:53:50 发布

阅读量294

点赞数

分类专栏： WEB

本文链接：https://blog.csdn.net/sxb956347789/article/details/53175626

版权

WEB 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<title>常用标签学习</title>
	</head>
	<body>
		<div>
			<h1>常用标签学习</h1>
		</div>
		<hr/><!-- 水平线-->
		
		<div><!--头部区域-->
			<h1>第一个标题</h1>
			<h2>第二个标题</h2>
			<hr/><!-- 水平线-->
		</div>
		
		<div> <!--内容区域1-->
			<p>段落一</p><br>
			<p>段落二</p>
			
			<strong>加粗文本优选strong</strong>
			<br><b>相同加粗功能</b>
			<br/><br/>
			
			<em>斜体文本</em>
			<br><i>斜体优选em</i>
			<br /><br/>
			
			<sub>下标</sub> 和<sup>上标</sup>
			<br /><br>
			
			<a href="http://www.runoob.com/html/html-tutorial.html"><br/><br/>www.runoob.com/html/html-tutorial.html</a>
			
			<!--使用 target 属性，你可以定义被链接的文档在何处显示。-->
			<a href="http://www.runoob.com/html/html-tutorial.html" target="_blank"><br/><br/>www.runoob.com/html/html-tutorial.html</a>
			
			<br/><br/>
			<a href="http://www.runoob.com">www.runoob.com</a>
			<br/><br/>
			
			<!--alt 属性用来为图像定义一串预备的可替换的文本。-->
			<img src="http://www.runoob.com/images/pulpit.jpg" alt="这是一张图" width="100" height="100"/>
			
			<img src="file:///E:\123.jpg" alt="这是一张图" width="100" height="100"/><br>
			<img src="E:\123.jpg" alt="这是一张图" width="100" height="100"/>
		</div>
		
		<hr/>
		<div>  <!--左菜单区域-->
			<!--无序列表-->
			<ul>
				<li>Coffee</li>
				<li>Milk</li>
			</ul>

			<!--有序列表-->
			<ol>
				<li>Coffee</li>
				<li>Milk</li>
			</ol>
		</div>
	</body>
</html>

页面如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>html学习</title>
	</head>

	<body>
		<h1>Html超文本标记语言学习</h1>
		<div>
			<a href="./basc.html"><h3>常用标签学习</h3></a>
			<a href="./table.html"><h3>表格学习</h3></a>
			<a href="./form.html"><h3>表单学习</h3></a>
		</div>
	</body>
</html>