html笔记

最新推荐文章于 2024-01-18 19:00:14 发布

sunshine434343

最新推荐文章于 2024-01-18 19:00:14 发布

阅读量123

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/qq_41166930/article/details/108435686

版权

笔记专栏收录该内容

2 篇文章 0 订阅

订阅专栏

注释

<!— ... —>

不可嵌套

文档声明

<!DOCTYPE HTML>

meta标签

charset
name
1）关键字
2）keyword
3）description
content

进制

①8进制
②2进制（计算机底层）
③10进制
④16进制（显示二进制，读取）
1 byte（字节）=8 bit（位）
1024 kb=1 kb
1024 kb=1 mb
1024 mb=1 gb
1024 gb=1 tb
1024 tb=1 pb

字符编码

编码：字符转换为二进制
解码：二进制转换为字符

标签属性

开始标签
自结束标签

使用标签时注意语义而不是样式

浏览器解析网页时不符合规范的内容会背修正

块元素

①h1-h6——标题
h1最重要，仅次于title标签
②p————段落
③hgroup——标题分组

行内元素

①em————语音强调加重
②strong———强调重要内容
③blockquote——长引用（块元素）
④q——————短引用
⑤br——————换行

补充

块元素中什么都能放
p不能放任何块元素
块元素：布局
行内元素：包裹文字

列表

有序列表
<ol></ol>
无序列表
<ul></ul>
定义列表

<dl>
	<dt></dt><dd></dd>
</dl>

dl——创建定义列表
dt——定义的内容
dd——对定义内容的说明

超链接

行内元素，可以嵌套除它本身的任何元素
属性：href目标路径
内部，页面地址
外部，网站地址
相对路径
./开头——当前文件所在目录，可忽略不写
…/开头——当前文件所在目录的上一级目录

结构

header——头部
main——主体部分（每个页面只有一个）
footer——底部
nav——导航
aside——和主题相关的内容（侧边栏）
article——独立的文章
div——表示一个区块（主要布局元素）
span——行内元素，网页中选择文字

超链接其他用法

target属性，指定连接的打开位置
可选

_self	默认，当前页打开超链接
_blank	新页面打开超链接

href属性

href=“#”	回到顶部
href=“#id属性”	去id属性位置
herf=“javascript:;”	点击时什么也不发生

img

替换元素，在行内元素和块元素之间，两种元素的特点

src——路径
width——图片宽度
height——图片高度
alt——图片的描述，搜索引擎根据alt中内容识别图片

音视频播放

默认不允许用户操作
1⃣️ audio——音频，引入一个外部音频文件

src——路径
auto——自动播放（写了就自动播放，大多数不用）
controls——是否允许用户控制（写了可以控制）
loop——是否循环播放

两种写法：

//第一种
<audio src=“” controls></audio>
//第二种
<audio controls>
	<source src=“”>
</audio>

2⃣️video——视频，同audio
3⃣️audio和video
正常浏览器用source引入
不正常浏览器用embed引入

内联框架

iframe，向当前页面引入一个其他页面
①src——路径
②frameborder——内联框架的边框

图片格式

效果一样的用小的，不一样用效果好的

格式名	效果	应用场景
jpg	颜色丰富，不透明，不动图	照片
gif	颜色较少，可透明，可动图	动图
png	颜色丰富，可复杂透明，不动图	专为网页而生
webp	谷歌新推出专门表示网页中图片的一种格式	所有优点，但是兼容性不好
base64	一些需要和网页一起加载的图片使用	/