1.标签
修改后缀为html，若要修改应该在记事本打开
标签又称元素，推荐小写，存在并列关系和嵌套关系，可用tap键缩进
双标签：<标签名>标签体</标签名> 如：<marquee>xx</marquee>
单标签：<标签名> 如：<input>或<input/>
标签嵌套：
如：<marquee>xx</marquee>
格式：<marquee>
xx
</marquee>
2.属性
为元素添加的“附加信息” 属性名="属性值"
如<marquee loop="1" bgcolor="orange"> <input type="password">...
其中"loop="1"" "bgcolor="orange""为属性 loop为循环次数 bgcolor为背景颜色 type为类型 password为密码
*有部分只有属性值！同名属性不能重复！
3.html基本结构
在网页中 查看网页源代码看的是程序员编写的代码
检查看的是经过浏览器处理过的代码
网页基本结构：
例示：
<html>
<head>
<title>xx</title>
</head>
<body>
<marquee>yy</marquee>
</body>
</html>
想要呈现在网页中的要写在body中
head标签中的内容不会呈现在网页上
head中的title标签表示可以指定网页中的标题
4.HTML的注释
格式：<!-- -->如：<!-- 这是一个好位置 -->
注释可以换行，但不要嵌套，注释的内容会被浏览器忽略，但会在源代码中出现
作用：可以让代码临时不参与运行
快捷键：ctrl+/
5.文档声明
声明代码所使用的标准，避免和浏览器的渲染标准冲突
如：<!DOCYUPE html> 此处代表声明代码所用标准为HTML5.0
*文档声明要放在代码第一行！
6.字符编码
计算机将信息编码存储的所用标准，目前所所用标准为UTF-8
若编码时所用标准和存储时所用标准不一致，会出现乱码！
解释编码代码：<meta charset="UTF-8"> 表示让浏览器用UTF-8解码
编码时出现乱码无法恢复，解码时出现乱码可以恢复，将解码方式更改正确即可
*编写代码时，统一采用UTF-8编码
*可用meta标签配合charset属性指定字符编码
8.设置语言
显示内容内可能存在多种语言，此时浏览器将无法帮助翻译，需在代码中设置语言种类
代码：如：lang="zh-CN"
常见语言缩写：
zh-CN:简体中文 zh=中文 en-US:英语-美国 en-GB:英语-英国
一般只要写zh-CN
w3school 非盈利传播技术网站:
http://www.w3school.com.cn/taps/html_ref_language_codes.asp
http://www.w3school.com.cn/tags/html_ref_country_codes.asp
w3c官网：
http://www.w3.org/international/articles/language-tags
7.html标准结构
在Vscode里只打一个英文"!"可以快速生成：
其中：
与移动端网页有关
8.开发者文档
HTML的元素可以到w3c官网查找，对w3c文章进行翻译和解释的大网站：w3school&mdn
9.排版标签
将代码对应内容进行排版，以下三种均为双标签
<1.标题标签.
其中内容一共分六个等级：
在浏览器中大小和排版如下：
其中一级最重要！最好只有一个！其中常用的为h1~h3
<2.段落标签.
代码：<p>...</p>，可以编写多个，之间无主次之分，如：
<3.其他标签.
代码：<div>...</div>，无实际作用，可将一段代码打包到一起，便于管理
*注意事项：
1.h1~h6不允许嵌套
2.p标签内不可以出现h标签，p标签，div标签。
10.语义化标签.
语义：即含义 如：h1语义：网页主要内容
语义化：标签默认的效果不重要，语义最重要！
语义化的好处：
1.代码的可读性强清晰
2.有利于seo（搜索引擎优化），让搜索引擎更容易统计重点
3.方便设备解析
11.块级元素和行内元素
扫一扫
435
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
