HTML标签详解

最新推荐文章于 2023-07-27 10:52:54 发布

一切会更好

最新推荐文章于 2023-07-27 10:52:54 发布

阅读量145

点赞数

分类专栏： java前端

本文链接：https://blog.csdn.net/weixin_45165848/article/details/96594937

版权

java前端专栏收录该内容

20 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>网页名字</title>
	</head>
	<body>
		<!--body包含的内容叫做元素-->
		<div  id="" class=""  style="" title=""></div> <!--大的区域块 级别最高的标签-->
		<!--一个标签的属性 id class style title-->
		<!--标题标签-->
		<h1>标题</h1>
		<h2>标题</h2>
		<h3>标题</h3>
		<h4>标题</h4>
		<h5>标题</h5>
		<h6>标题</h6>

		<p>段落</p>
		<h1>列表标签</h1>
		<hr size="5" color="#0000FF"/> <!-- size是水平线的粗细 hr直线-->
		  <!--li 特有属性控制前面点的显示形式 有三个值 square方形 circle空心圆   disc实心圆-->
		<ul>
			<li type="square">无序列表</li>
			<li type="circle">无序列表</li>
			<li type="disc">无序列表</li>
		</ul>
		
		<ol>
			<li>有 序列表</li>
			<li>有序列表</li>
			<li>有序列表</li>
		</ol>
		<ol start="2" reversed>
			<!--可在ol上加快开始的数字，只能加数字-->
			<li>有 序列表</li>
			<li>有序列表</li>
			<li>有序列表</li>
		</ol>
		
		<dl>
			<dt>标题列表</dt>
			<dd>内容</dd>
		</dl>
		
		<h1>内联元素标签</h1>
		<hr />  
		<a href="http://www.baidu.com" target="_blank">百度链接</a>  <!--target a标签的属性 控制浏览器打开窗口-->
		<a href="#aa">锚点</a>
		<img src="img/balloon-blue-1_c279c32.png" title="log" alt="图片的描述"/>
	<!--	title属性 鼠标放上去时图片会出现title内容   alt是图片的描述可以把图片上的一些的文字内容写到alt中 作为浏览器收录的内容-->
		<span>普通文字修饰</span>
		<label>普通文字修饰</label>  <!--一般用来做标题标签-->
			<div >
				<label>用户名</label>
				<input type="text" name="" id="" value="" />
			</div>
			<i>斜体字 普通文字</i>
			<em>斜体字 普通文字</em>
		 <strong>粗体</strong><!-- 强调文字-->
		 <b>也是粗体</b> <!--一般强调-->
		 <small>小字</small>
		
		<h1>不太常用但比较有用的标签</h1>
		<hr />
	<u>下划线</u>
	<del>删除线</del>
		<span>m <sup>2</sup></span>  <!--sup上标文字-->
		
		<ruby>
			给<rp><rt>gei</rt></rp>
			文<rp><rt>wen</rt></rp>
			字<rp><rt>zi</rt></rp>
			加<rp><rt>jia</rt></rp>
			拼<rp><rt>ping</rt></rp>
			音<rp><rt>yin</rt></rp>
		</ruby>
		
		
		<div id="aa">
			<p>我是锚点</p>
		</div>
		
		
	</body>
</html>