html学习笔记_html pudding-CSDN博客

本文链接：https://blog.csdn.net/qq_43628500/article/details/96991972

文档声明
HTML5使用<!doctype　html>
乱码问题
根本原因是编码和解码采用的字符集不同
方案①格式→编码字符集→中文→GB2312
方案②<meta　charset="utf-8"　/>
引号里写使用的字符集
常见字符集
①ASCII
②IOS-8859-1
③GBK
④GB2312　中文系统的默认编码
⑤UTF-8　万国码，支持地球上所有文字
⑥ANSI　自动以系统的默认编码来保存文件
在中文系统的浏览器中，默认都是使用GB2312进行解码。
常用标签
标题标签 <h1>~<h6>关心标签语义，对搜索引擎来说h1最重要，h2~h6重要性依次递减，页面只能写一个h1，一般页面中只使用h1，h2，h3。
段落标签<p>p标签中的文字，默认会独占一行，段与段之间会有一个间距。在HTML中，字符之间写再多空格，浏览器也会当成一个空格解析，换行同理。
换行标签<br　/>
水平线标签<hr　/>
居中标签<center>（不赞成使用）
图片标签<img　/>
src：设置一个外部图片的路径。
alt：可以用来设置在图片不能显示时对图片的描述，如果不写alt，那么搜索引擎不会对img中的图片进行收录。
width：图片宽度，一般使用px为单位。
height：图片高度，一般使用px为单位。
宽高两种属性如果设置一个，另一个也会同等比例调整大小，如果设置两个值则按照设置值来调整。
一般开发中除了自适应的页面，不建议设置width和height。
相对路径：相对于当前资源所在目录的位置。
可以使用…/来返回一级目录，返回几级就写几个。
格式
①JPEG(JPG)
图片支持的颜色多，图片可压缩，不支持透明。
一般使用JPEG来保存照片等颜色丰富的图片。
②GIF
支持颜色少，只支持简单的透明，支持动态图。
图片颜色单一或者是动态图时可以使用gif。
③PNG
支持颜色多，支持复杂的透明。
可以用来支持颜色复杂的透明的图片。
图片的使用原则：
效果不一致，使用效果好的。
效果一致，使用小的。
语法规范
1.HTML中不区分大小写，但是一般都使用小写。
2.HTML中的注释不能嵌套。
3.HTML中的标签必须结构完整，要么成对出现，要么自结束标签。
4.HTML标签可以嵌套，但是不能交叉嵌套。
5.HTML标签中的属性必须有值，且值必须加引号（单双都可）。
内联框架
引入外部页面
使用<iframe>创建一个内联框架。
src：指向一个外部页面的路径，可以使用相对路径。
width、height：无法按比例调整。
name属性
在现实开发里不推荐使用内联框架，因为内联框架里的内容不会被搜索引擎所检索。
超链接
使用<a>标签创建一个超链接。
href：指向链接跳转的目标地址，可以写一个相对路径也可以写一个完整的地址。
创建超链接时，如果地址不确定可以直接写一个 #作为占位符。
①#：自动跳转到当前页面的顶部=。
②跳转到id属性为xx的元素所在的位置，直接在href中写#id属性值。
③==“mailto:@123.com”==
target：用来指定打开链接的位置。
可选值：
_self：表示在当前窗口中打开（默认值）。
_blank：在一个新的窗口中打开链接。
可以设置为一个内联框架的name属性值，链接将会在指定框架中打开。
注意：HTML中有一个属性，每一个元素都可以设置，该属性可以作为标签的唯一标识。这个属性就是id，id属性在同一个页面中只能有一个不能重复。