HTML注释及CSS代码注释

<!--这是html的注释-->/*这是CSS的注释*/

网页结构代码

<!DOCTYPE html> <!--声明文档类型html5--><html lang="en"> <!--中文为zh-CN--><!--展示网页内部所有内容-->    <head><!--网页头部标签 给游览器和搜索引擎查看-->    <!--meta标签被称为元数据,作用是专门告诉浏览器或是搜索引擎关于网页的一些基本数据-->        <meta charset="UTF-8"> 显示字符集        <meta name="viewport" content="width=device-width, initial-scale=1.0">        <meta name="keywords" content="">关键词        <meta name="description" content="">描述信息        <title>我是一个标题文字</title>    </head>    <body><!--用户看到的所有数据-->    </body></html>

常用lang:

en-US 英语(美国)zh-CN 中文(简体中国大陆)zh-SG 中文(简体,新加坡)h-HK  中文(繁体,香港)zh-MO 中文(繁体,澳门)zh-TW 中文(繁体,台湾)

a标签

可选值:

href     #号返回顶部    id号去到相应的id名处    相对路径到相应内部页面    外网地址链接到相应的网址target    _self 默认值,当前页面打开    _blank 打开一个空白页面来显示    _new   打开一个新页面,如果已存在则不打开新页面

占位符:

# 缺点会返回顶部javascript:;

img标签

可选值

src 路径地址    相对地址 常用使用方法    绝对地址 不建议项目中使用    都是从当前目录来计算路径alt 图片加载失败时候的文字显示title  鼠标悬停的提示文字width/height 建议写上原始大小,不写单位,默认是px    只写宽,会等比例缩放

常用图片格式
jpegdpg)

支持的颜色丰富,不支持透明效果,不支持动图,有损——般用来显示照片

gif

支持的颜色比较少,支持简单透明,支持动图颜色单一的图片,动图

png

一支持的颜色丰富复杂透明的图片(专为网页而生的,适合图标,)

webp

这是谷歌专门推出来表现网页中的图片的一种格式一它具备所有图片的优点,而且文件还特别小缺点:兼容性不好

base64

一将图片使用base64进行编码,这样可以直接将图片直接转换为字符.通过字符的形式引入图片——般都是一些需要和网页一起加载的图片才会使用base64

原则:效果一样,用小的