文字内容
HTML基本骨架是网页模板。
html:整个网页
head:网页头部,存放浏览器看的代码,例如CSS。
body:网页主体,存放给用户看的代码,例如图片、文字。
父子、嵌套。
CTRL+/
h1-h6(双标签)
为文本添加特殊格式,常见文本格式:加粗、倾斜、下划线、删除线。
在网页中插入图片。
格式:
src是用于指定图像的位置和名称,是的必须属性。
在""里面以./开头,有提示。
alt 作用:替换文本 说明:图片无法显示的时候显示的文字(解决网速慢,看不见图片,但通过文字知道这是什么)
title 作用:提示文本 说明:鼠标停留图片上面的时候显示文字
width 作用:图片的宽度 说明:值为数字,没有单位(浏览器缩放比例,默认等比例缩放。)
height 作用:图片的高度 说明:值为数字,没有单位
路径:查找文件时,从起点到终点经历的路线。
路径分类:
相对路径:从当前文件位置出发查找目标文件
绝对路径:从盘符出发查找目标文件(windows电脑从盘符出发,mac电脑从根目录出发)
/表示进入某个文件夹里面 文件夹名字/
.表示当前文件所在文件夹 ·/
../:表示返回上级文件夹,如果上返回上上级文件夹,多加一个点。
绝对路径
如果要跳转本地文件:相对路劲查找。如果想要链接是新的窗口,在网址后面加target="
_blank"
开发初期,不知道要用超链接跳到哪里,herf属性值写#,表示空连接,不会跳转。
src(必须属性) 作用:音频的URL 特殊说明:支持格式MP3、Ogg、Wav
controls 作用:显示音频控制面板
loop 循环播放
autoplay 自动播放 为提升用户体验,浏览器一般会禁用自动播放
在HTML5里面,如果属性值和属性名字完全一样,可以简写一个单词controls(原来是controls="controls")以下三个同理。
常见属性
src(必须属性) 作用:视频的URL 特殊说明:支持格式MP、Ogg、WebM
controls 作用:显示音频控制面板
loop 循环播放
muted 静音播放
autoplay 自动播放 为提升用户体验,浏览器一般会禁用自动播放
在浏览器中想要自动播放需要加muted