文章介绍了HTML的基本结构，包括文档声明、常用标签的分类和使用，如<title>、<meta>、<p>、<h1>等，以及如何快捷生成网页格式。同时，详细讲解了<head>中的元数据设置，如字符集、图标、网页跳转和SEO相关元信息。
目录
html基本结构
html常用标签与分类
html快捷生成网页格式事项
<h1>html基本结构</h1>
解析文件的时候，要使用解析html文件规则 ，<!-- 文档声明===》告诉浏览器改文件是什么类型，文档声明要放在第一行。在html文件格式下且英文输入法的状态下：shift+!+enter/tab，可以一键生成网页基本结构。
<h2>html常用标签与分类</h2>
<!-- <title>正确书写</title> -->，一个html文件中有且只有一对html、body、head、title，元素写法：<标签名> 比如：<meta>书写元素时，先写标签名，然后回车分类---标签个数，双标签：由开始标签+结束标签，<标签名></标签名> 比如：<p>内容</p>；单标签：有一个标签组成元素 <标签名/>或<标签名> 比如：<br>、<input />，注意：结束标签与开始标签要一致标签可以嵌套，但是不能交叉嵌套，p标签不能嵌套h1~6和p，p签里的标题书写：<h1>一级标题</h1>,级别越高，字体越小。注：<!-- br:强制转行，br后面的元素另起一行 -->，强调：不独占一行；设置斜体文字：i 设置加粗字体：b；
<h3>html快捷生成网页格式事项</h3>
<!DOCTYPE html>
<!-- 根标签 html -->
<html>
<!-- 头部标签：储存元数据，里面内容基本是给浏览器解析的 -->
<head>
<!-- 设置字符集 utf-8（万国码）===》解决乱码问题 -->
<meta charset="utf-8">
<!-- 标题标签：设置网页标题，在网页标题栏显示 -->
<title>html网页结构</title>
<!-- 设置网页的图标
rel:设置link引入的数据类型，href：设置图片的地址 -->
<link rel="icon" href="1.png">
<!-- 设置几秒过后，页面跳转
http-equiv="refresh":设置操作
content设置内容
注意：时间后面没有单位，默认以s，时间与地址用，隔开 -->
<!-- <meta http-equiv="refresh" content="2,https://www.baidu.com"> -->
<!-- name：设置meta数据类型，content：设置数据内容 -->
<!-- keyword:设置网页关键字，给搜索引擎收录 -->
<meta name="keyword" content="基本结构,html">
<!-- description：设置网页介绍 -->
<meta name="description" content="html的基本结构，html是给页面添加内容的">
</head>
<!-- 主体标签：页面文本内容，主要给用户看的 -->
<body>
<!-- jw5==随机生成5个中文字符 -->
</body>
</html>
扫一扫
2222
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
