HTML学习日志（6月16日）

1.创建html结构的快捷方式

①crtl+！

②html:5

2.<html lang="en"> 代表使用的语言

3.<meta charset="UTF-8"> 代表使用的编码

4.<title></title> 代表网页的标题

5.<header></header> 代表一个区域的头部内容

<footer></footer> 代表一个区域的底部内容（这两个标签也可以代表整个页面的顶部和底部）

<nav></nav> 代表导航区域

<article></article> 代表一个内容区域

<section></section> 代表结构相似区域中的一个（可以放在article中）

<aside></aside> 代表页面的小挂件或者侧边区域（与主题内容关联不大，网页的附加内容）

<div></div> 使用最多的标签，代表一个区域（较为通用）

<main></main> 代表页面的主要内容区域（一个页面最好只出现一次该标签）

6.JPEG格式图片是有损压缩，不能保留透明信息。（使用场景最多）

PNG格式图片是无损压缩，能够保留透明信息。（适用于页面中的小图标）

GIF格式图片损失信息较多，能够展示动态信息。（适用于动图）

7.<img src="" alt=""> 图片标签（src图像存储路径，alt图像异常时的信息说明）

8.<a href="" target="" title=""></a> 超链接标签（href跳转页面地址，target打开方式，如_blank在标签打开链接，title文字提示）

<a href="#id" ></a> 锚点，跳转到页面的某一位置

9.<form action="" method=""></form> 表单标签（用于收集信息提交到后端，action后端数据处理脚本，method提交方式）

<fieldset></fieldset> 表单域标签（用于组合表单元素）

<legend></legend> 为表单域定义标题

<input type="" name=""> 输入框标签（用于收集信息，type输入内容类型，name提交到后端的数据名）

<label for=""></label> 为输入框定义标签

　　　①for属性值和输入框id值相同，点击页面上的标签，会自动为输入框获取焦点。

　　②使用label标签包裹input标签，无需设置for属性值，也能够实现①相同效果。

posted on 2022-06-17 00:00 拘小礼而行大义阅读(46) 评论(0) 收藏举报