html快速上手教程

熊黎龙2022年5月30日大约 1 分钟约 336 字

教程阅读说明

html语言本身入门简单，上手容易，网上已经有很多成熟的教程。

html入门的小伙伴可以先查看其它教程。

本教程只是做为一个常用标签速查。

一个标准的html文档

<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>文档标题</title>
  
  <!-- 通过https://cdn.bytedance.com渠道引入外部样式表 -->
  <link href="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/bootstrap/5.1.3/css/bootstrap.css" type="text/css" rel="stylesheet" />
  
  <style>
    	/* 这里写样式 */
  </style>
</head>
<body>
	<!--这里写内容-->
    
    <!--通过https://cdn.bytedance.com渠道引入js脚本文件。js脚本建议放body元素结尾，如果放在head元素中会等js加载完再渲染页面从而影响体验。-->
    <script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-d/bootstrap/5.1.3/js/bootstrap.bundle.js" type="application/javascript"></script>
</body>

</html>

内容解释：

内容片段	语义
<!doctype html>	这是一个HTML5版本的文档
lang="zh-CN"	该文档使用的是中文语言
charset="UTF-8"	该文档是使用uft-8编码
name="viewport"	窗口缩放配置（主要用于手机适配）
http-equiv="X-UA-Compatible"	以最高标准模式渲染（IE专有配置）