一些常用的HTML标签

最新推荐文章于 2023-05-07 23:36:37 发布

luyunix

最新推荐文章于 2023-05-07 23:36:37 发布

阅读量220

点赞数

分类专栏： HTML，CSS，JS的学习文章标签： html 标签源码

本文链接：https://blog.csdn.net/weixin_37311400/article/details/78643940

版权

HTML，CSS，JS的学习专栏收录该内容

14 篇文章 0 订阅

订阅专栏

项目目录

页面源码

<!--定义文档类型-->
<!DOCTYPE html>
<!--定义 HTML文档-->
<html>
	<!--定义关于文档的信息-->
	<head>
		<!--meta 用来设置网页元数据,给浏览器或其他网页解析程序传递信息-->
		<!--cahrset 用来设置字符集,utf-8-->
		<meta charset="utf-8" />
		<!--keywords设置关键字,以备搜索引擎与网络爬虫的搜索与搜录-->
		<meta name="keywords" content="HTML,CSS,JS" />
		<title>一些常用标签</title>
	</head>
	<!--定义文档的主体-->
	<body>
		<!--1-6由大到小-->
		<h1>niyulu web</h1>
		<h6>niyulu web</h6>
		<!--p段落前后会自动换行,块状元素-->
		<p>Hello world!</p>
		<!--span层是行内元素,前后不会换行 -->
		<!--span主要用来包围短小的文本,一般用于验证的提示消息-->
		AAA<span>CCCCC</span>BBB
		<!--短文本引用,前后带引号-->
		<q>YYYY</q>
		<!--长文本引用,前后自动缩进-->
		<blockquote>
			QQQQQQQQQQ<br/>
			EEEEEEEEEE<br/>
			WWWWWWWWWW<br/>
		</blockquote>
		<!--定义水平线-->
		<hr />
		<!--呈现粗体文本效果。-->
		<b>This text is bold</b><br />
		<!--把文本定义为语气更强的强调的内容。-->
		<strong>This text is strong</strong><br />
		<!--呈现大号字体效果。-->
		<big>This text is big</big><br />
		<!--标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说，这意味着要把这段文字用斜体来显示-->
	    <em>This text is emphasized</em><br />
	    <!--显示斜体文本效果-->
		<i>This text is italic</i><br />
		<!--呈现小号字体效果。-->
		<small>This text is small</small><br />
		This text contains
		<!--<sub> 标签可定义下标文本-->
		<sub>subscript</sub><br />
		This text contains
		<!--<sup> 标签可定义上标文本-->
		<sup>superscript</sup><br />
		<!--显示地址,字会斜一点点-->
		<address>江西农业大学</address>
		<!--定义计算机代码文本,显示成代码风格-->
		<code>var i = 1</code>
		<!--定义删除文本-->
		<del>这个上面会有斜线</del>
		<!--显示预定义格式-->
		<pre>
			function s()
			{
				alter("弹窗口"); 
			}
		</pre>
		<!--HTML中的预留字符必须被替换为字符实体-->
		"HHHHH"
		&copy;倪裕禄
		<!--绝对路径不好维护,推荐使用相对路径".."代表上一层目录-->
		<!--alt替代图片的文字,title停留时显示的文字,(width宽度height高度)一般没用,因为一般事先定好-->
		<img src="../img/Beer-Cap-Delicious_128.png" alt="text" title="text" width="60" height="60"/>
		<!--字体颜色与大小的显示特征最好用CSS-->
		<font size="7" color="aquamarine">niyulu web</font>
		<!--href连接路径target连接在那个窗口打开_self原窗口_blank新窗口默认_self-->
		<!--内链使用相对路径,不用设置target-->
		<!--文字链接-->
		<a href="http://www.163.com" target="_blank">网易</a>
		<!--图片链接-->
		<a href="http://www.sina.com" target="_blank"><img src="../img/Beer-Cap-Delicious_128.png" /></a>
		<!--邮件链接-->
		<a href="mailto:address">邮件链接</a>
	</body>
</html>