Html基础：基本结构&常用标签&特殊字符

最新推荐文章于 2024-06-14 14:36:26 发布

渣猫略懂

最新推荐文章于 2024-06-14 14:36:26 发布

阅读量82

点赞数

分类专栏：前端基础文章标签： html html5

本文链接：https://blog.csdn.net/weixin_52854090/article/details/120491890

版权

前端基础专栏收录该内容

30 篇文章 0 订阅

订阅专栏

<!-- 声明这是一个html文件（html5） -->
<!DOCTYPE html>
<!-- lang：为文档设置语言（中英文）规范，搜索引擎SEO技术根据lang属性确认网页是中文版还是国际版，是SEO优化的一部分-->
<html lang="zh-cmn-Hans">
	<head>
		<!-- 编码格式 -->
		<meta charset="utf-8">
		<!-- 关键词，SEO根据相关关键词搜索到网页 -->
		<meta name="keywords" content="关键词1，关键词2，关键词3"/>
		<!-- 搜索到网页后小字对网页进行描述 -->
		<meta name="Description" content="网页描述"/>
		<!-- 网页在标题栏，收藏夹显示的名字 -->
		<title>网页名字</title>
		<!-- 网页标题栏，收藏夹显示的logo -->
		<link rel="icon" herf="../image/zun.png"/>
	</head>
	<body>
		<!-- 常用标签 -->
		<!-- h1标签是除title外最重要的标签，SEO首先抓取h1标签的内容，所以规定h1标签只能出现一次，html语法无此要求 -->
		<h1>h1标签，常用网站大标题</h1>
		<h2>h2标签，常用网站副标题</h2>
		<h3>h3标签，常用网站分类目录</h3>
		<h4>h4标签，常用网站文章分类</h4>
		<h5>h5标签，常用文章标注</h5>
		<h6>h6标签，常用tag标签</h6>
		<!-- 分割线 ：单标签，按照网页大小显示-->
		<hr>
		<!-- 换行：块级标签独占一行，下一个标签自动在下一行显示，行级标签需要手动换行，多个空格或回车会被折叠仅显示一个空格 -->
		<br>
		<!-- 根据望文生义，搜索引擎搜索，推荐使用srong,em,del,ins -->
		<b>b标签，加粗</b> <strong>strong标签，加粗</strong><br>
		<i>i标签，倾斜</i> <em>em标签，倾斜</em><br>
		<s>s标签，删除线</s> <del>del标签，删除线</del><br>
		<u>u标签，下划线</u> <ins>ins标签，下划线</ins><hr>
		<!-- font标签，属性size表示字体大小，color表示字体颜色，由于样式与标签未分离，不推荐使用 -->
		<font size="30" color="red">font标签</font>
		<!-- 常用特殊字符 -->
		空格：&nbsp;
		大于号：&gt;
		小于号：&lt;
		与：&amp;
		引号：&quot;
		<!-- 段落标签，特殊字符直接输入可能导致无法正常显示，使用特殊字符编码展示 -->
		<!-- 段落标签显示为一个文字的段落，与其他标签在样式上有空行 -->
		<!-- 段落里标签内，多个空格或回车会被自动折叠仅显示一个空格 -->
		<p>
			段落标签&nbsp;段落标签&gt;段落标签&lt;段落
			标签&amp;段落标签&quot;段落标签，段落标签
			段落标签段落标签段落标签段落标签段落标签
			段落标签段落标签段落标签此处空格
			段落标签段落标签段落标签段落标签
			段落标签段落标签段落标签段落标签
		</p>
		<p>
			段落标签段落标签段落标签段落标签段落标签
			段落标签段落标签段落标签段落标签段落标签
			段落标签段落标签段落标签段落标签段落标签
			段落标签段落标签段落标签段落标签段落标签
			段落标签段落标签段落标签段落标签段落标签
			段落标签段落标签段落标签段落标签段落标签
		</p>
	</body>
</html>

渣猫略懂

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Html基础：基本结构&常用标签&特殊字符

<!DOCTYPE html><html lang="zh-cmn-Hans"> <head>  <meta charset="utf-8"> <!-- 关键词，SEO根据相关关键.
复制链接

扫一扫