HTML(结构)CSS(表现)
搜索标签的网站:
www.w3school.com
浏览器解析代码:自上向下,大小写都行
<!doctype html>(文档说明告诉浏览器当前网页的版本)
<html>(根标签)
<head>(头标签)(头中有主)
<meta charset="utf-8(编码格式)">(meta设置网页的字符集,避免乱码问题)
<title> 主题</title>
</head>
<body>
<h1~h6></h1~h6>(一级标题~六级标题)
<p></p>(段落)
<br><br>换行
(内容)
</body>
</html>
``注释:<!-- -- >(注释不能嵌套)
标签:一般成对出现,但也有自结束的标签(<img> <input>)
属性:在标签中(开始标签或自结束标签)还可以再设置属性
特殊的符号需要使用实体(转义字符)
实体的语法:
&实体的名字;(分号不要忘了)
 ;(空格)
>;<;大于小于号
©版权符号
meta:主要用于设置网页中的一些元数据,给浏览器看
1.charset 指定网页的字符集
2.name 数据的名称=(keywords 关键字 description 网站的描述)
3.content 数据的内容
3秒跳转:<meta http-equiv="refresh" content="3;url=https://www.baidu.com">
块内元素:在网页中对页面布局
行内元素:包裹文字
<div>没有语义,表示一个区块(常用)
<span>没有语义,行内元素,用于网页选中文字
列表(list):
无序列表:ul创建列表与li表示列表项(常用)
有序列表:ol创建列表与li表示列表项
定义列表:dl创建列表与dt表示定义的内容与dd对内容解释说明
列表可以嵌套!
超链接:<a>来定义超链接,可以嵌套除它的任何元素
属性:href指定跳转的目标路径
相对路径:⑴./ 表示当前文件的目录 ⑵ ../表示当前文件的上一目录
./不写默认
target属性:指定超链接打开的位置
_self默认当前页面打开超链接
_bloc在新的页面打开超链接
跳转到当前页面顶部:href=”#”
id属性:每一个标签一个id属性
href=”#id”
href=”javascript:;”什么也不操作;
图片标签:
<img>自结束标签
属性:src指定的是图片的路径
alt无法加载时显示,用于搜索引擎来识别图片
width图片宽度 height图片高度(单位是像素)
只修改一个,另一个等比例缩放
内联框架:<iframe>用于引入其他页面
属性:src指定引入网页的路径
frameborder内联框架的边框(默认0)
引入视频:复制视频通用代码
音视频:<audio>引入音频(默认不播放)
属性:src指定的是音频路径
controls 是否开启控制播放
autoplay 是否自动播放(目前大部分浏览器不会自动播放)
loop是否循环播放
<video>引入视频
音视频公用的:<source src=””>
<embed src=”” type=””>