H5的简单标签

最新推荐文章于 2023-12-29 11:39:17 发布

原创最新推荐文章于 2023-12-29 11:39:17 发布 · 467 阅读

CC 4.0 BY-SA版权

3 篇文章

订阅专栏

本文介绍了HTML文档的基本结构及其常用标签的使用方法，包括标题、段落、输入框、超链接、图片、列表等标签，并展示了如何通过这些标签构建简单的网页。

	<!doctype html> <!--文档类型-->
	<html><!--html文档-->
	<head>
	<title>我是标题</title>
	<meta charset = "utf-8">
	<!-- 编码格式 -->
	<style type = "text/css">

	</style>
	</head><!--头部-->
	<body>
	<!--常用标签-->
	<!-- 标题标签 -->
	<h1>我是一号</h1>
	<h2>我是二号</h2>
	<h3>我是三号</h3>
	<h4>我是四号</h4>
	<h5>我是五号</h5>
	<h6>我是六号</h6>

	<!-- 段落标签 -->
	<p>第一段内容见客户都是国家女马的是否可见空间都刷接口和公开举报加快速度哈方尽快把更多反馈谁看见的划分及看法看什么的肯定不能付借款收到不科技融合办公交卡都是你们都是你让我的少女考试呢吗没发挥接口女裤都快来撒那美女贷款给反馈辣女吗</p>
	<p>第二段内容</p>
	<p>第三段内容</p>

	<!-- 输入框标签 -->
	<!-- 换行符加<br>-->
	<input></input><br>
	<input type = "button">男</input><br>
	<input type = "color">男</input><br>
	<input type = "date">男</input><br>
	<input type = "checkbox">男</input><br>
	<input type = "range">女</input>

	<!-- 超链接 -->
	<a href="http://baidu.com">百度</a>
	<a href="http://baidu.com" target = "_blank"><img src="img/Screenshot_2016-05-03-16-34-57.jpg"></a><br>

	<!-- 图片标签 -->
	<img src="http://h.hiphotos.baidu.com/zhidao/pic/item/cdbf6c81800a19d843141b0a30fa828ba61e46ae.jpg">


	<!-- 列表标签 -->

	<div>
	<ul>
	<li>1</li>
	<li>2</li>
	<li>3</li>
	</ul>
	</div>

	<!-- 进度条 -->
	<progress value = "20" max = "100"></progress>

	<video src = "" controls></video>

	</body><!--HTML主题-->
	</html>