- Web网页的组成部分(Web标准)
- HTML:定义网页的结构(网页有哪些内容组成)
- CSS:定义网页的表现(网页好不好看?)
- JavaScript:定义网页的行为,让网页和人可以交互
- 常用标签
2.1 标题标签【常用】
- 标签名:h1~h6
- 例如:
一级标题
header - 特点:
- 默认字体加粗
- 默认换行,独占一行
- 字体逐渐变小,h1标题字体最大,h6标题字体最小
- 只有6级标题
2.2 段落标签【常用】
- 标签名:p标签
- 例如:
段落内容
paragraph - 特点:
- 独占一行
- 每个段落之间一个空白行(大的简写)
2.3 换行标签
- 标签名:br标签--->单标签
- 例如:我爱中国
我爱中国 break row - 效果:
[图片]
2.4 水平线标签 - 标签名:hr标签--->单标签
- 例如:我爱中国
我爱中国 horizontal rule - 效果:
[图片]
2.5 图片标签【常用】 - 标签名:img标签
- 例如:

- 属性:
必须属性
src:定义图片的地址
属性的语法:属性名 = "属性值",多组属性用空格隔开。例如:
可选属性:
alt:图片无法显示的时候显示的文字
title:鼠标移入图片上面的时候显示的文字
width:图片的宽度,值为数字或者百分比
height:图片的高度,值为数字或者百分比 - 路径的分类
相对路径:相对当前html文件所在的目录,从当前html文件所在目录中开始查找。【常用】
./ 表示当前目录,使用时可以省略不写。
../ 表示上一级目录,使用时必须写。
绝对路径:带盘符开头的路径(不推荐,在真正的服务器是访问不了)
例如:C:\Users\zhoux\Desktop\code\day01-html\images\cat.jpg
网络路径:带http://或者 https://开头的路径
例如:https://xxx.jpg
2.6 超链接标签【常用】 - 标签名:a标签
- 例如:123 anchor hypertext reference
- 属性:
href:链接地址,点击之后要调整的网页地址。地址的写法参考img标签的src属性
target:指定打开方式
_self:默认值,当前窗口打开
_blank:新窗口打开
2.7 音频标签 - 标签名:audio标签
- 例如:
- 属性:
src:音频地址,支持格式:mp3、ogg、wav等。和图片的src属性写法一样【必须属性】
controls:显示播放控件【必须属性】
loop:循环播放
autoplay:自动播放为了提升用户体验,有些浏览器会禁用此功能
2.8 视频标签 - 标签名:video标签
- 例如:
- 属性:
src:视频地址,支持格式:mp4、ogg、webm等。和图片的src属性写法一样【必须属性】
controls:显示播放控件【必须属性】
loop:循环播放
autoplay:自动播放为了提升用户体验,有些浏览器会禁用此功能
width:视频宽度
height:视频高度
muted:静音播放
- 快捷键【常用】
- 生成页面骨架:!+回车
- 注释:ctrl+/ 或者 ctrl+shift+/
- 向下复制一行:ctrl+D 复制当前行内容粘贴到下一行
- 删除当前行:ctrl+Y
- 向右缩进两个空格:tab
- 向左缩进两个空格:shift+tab
- 剪切:ctrl+X (windows快捷键)
- 复制:ctrl+C (windows快捷键)
- 粘贴:ctrl+V (windows快捷键)
- 撤销:ctrl+Z (windows快捷键)
- 保存:ctrl+S (windows快捷键)