html学习笔记

一、标签1、非归属地标签地址，用于定义文章的联系方式。元素定义作品的标题。元素用于定义文本的方向。段落前后加空行如果想换行而不新建段落，使用
标签3.引用

用于定义短引用，通常元素包含引号

用于定义块引用，通常是缩进的。例如，cite属性用于表示引用的来源4.缩写用于定义缩写或首字母缩略词

WHO成立于1948年。

用于定义项目，标签可以将那些定义标记为特殊的术语或短语。、5.a标签有两种使用标签的方法：通过使用href属性-创建指向另一个文档的链接访问W3School通过使用name属性-在文档中创建书签用于在大型文档的开头创建目录。您可以为每个部分指定一个锚点，然后将指向这些锚点的链接放在文档的顶部。如果你经常访问百度百科，你会发现几乎每个词条都使用这种导航方式。如果浏览器找不到定义的命名锚点，它将导航到文档的顶部。不会发生错误。target属性标记的target属性指定打开链接文档的位置。(1)打开一个新窗口，为窗口定义一个名称，然后6.标签的alt属性用来定义一个可以替换的文本。当浏览器无法加载图片时，浏览器会显示替代文本而不是图片7.tableformMonthlysavingsHeadingAnotherHeadingrow1,单元格1第1行，单元格2第2行，单元格1第2行，单元格28.htmllistul无序列表ul>liol有序列表ol>lidl定义列表dl>dt+dd

Coffee

黑色热饮

牛奶

白色冷饮

9.meta标签的name属性主要用来描述网页，对应的属性是contentKeywords为搜索引擎提供的关键字wordlistname="viewport"可以优化手机浏览器的显示，设置网页的缩放属性屏幕<元name="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>width[设备宽度|pixel_value]width，如果直接设置pixel_value的值，大部分android手机不支持，ios支持；height-视口高度（范围从223到10,000）用户可缩放[yes|no]是否允许缩放initial-scale[value]初始化scale(范围从>0到10)minimum-scale[value]允许缩放的最小scalemaximum-scale[value]允许缩放的最大scaleDescription用来告诉搜索引擎关于您网站的主要内容版权标记版权http-equiv属性http-equiv类似于HTTP协议的标头，它向浏览器响应一些有用的信息，以帮助正确、准确地显示网页内容。对应的属性值为content，content中的内容其实就是各个参数的变量值。Set-Cookie浏览器在访问某个页面时，会保存在缓存中，下次再次访问时可以从缓存中读取，以提高速度。如果您希望访问者每次都刷新您的广告图标，或者每次都刷新您的计数器，请禁用缓存。content-Type设置页面使用的字符集。当meta标签的charset信息参数为UTF-8时，代表世界通用的语言编码；在HTML5中，我们一般使用：head>base元素标签为页面上的所有链接指定默认地址或默认目标（target）：2.属性属性提供了关于HTML元素的更多信息，属性值应该始终用引号括起来。3.HTML响应式设计响应式设计是交付可变尺寸网页的能力3.1响应式布局方法总结百分比布局为图片和大布局设置百分比媒体查询使用媒体查询设置不同分辨率下的CSS样式body{background-color:gray;}@mediascreenand(min-width:1200px){/*当宽度大于1200px时*/body{background-color:pink;}}@mediascreenand(min-width:700px)and(max-width:1200px){body{background-color:blue;}}@mediascreenand(max-width:700px){/*当宽度小于700px时*/body{background-color:orange;}}vwresponse公式布局vw和vh是基于viewport的布局方案，所以必须声明这个meta元素的viewport。vw,vh,rem的使用样式>.box{宽度：50vw；高度：20vh；行高：20vh；字体大小：1.5rem；保证金：0自动；字体粗细：粗体；背景色：rgba(255,255,255,0.8)；}}/style>上面代码中的50vw表示div占视口宽度的50%，高度占视口高度的20%，会随着视口的变化而自适应；字体是html根字体大小的1.5倍。并根据媒体查询更改字体大小。四、基础知识补充1、你不知道的css单位rem：相对长度单位。相对于根元素（即html元素）font-size计算值的倍数；vw：相对于视口的宽度。视口分为100个单位的vw；vh：相对于视口的高度。视口被分成100个单位的vh；vmax：相对于视口的宽度或高度，以较大者为准。其中最大的被分成100个单位的vmax；