HTML的基本结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
//页面内容
</body>
</html>
<!DOCTYPE HTML>声明文档是html5的文档,主要作用是告诉浏览器以w3c的标准来解析为我们的文档,必须要写,如果不写的话浏览器会以自己的标准来进行解析文档
<html lang="en"></html>:网页的起始和结束位置
lang (网页的语言)
en表示的是英文,浏览器会提示翻译
zh-cn表示中文网页,浏览器不会提示翻译
<head></head>标签是网页的头部区域
<meta>元标签
<meta charset="UTF-8">告诉浏览器用什么字符码来解析 utf-8表示万国码
<title></title>标签是网页的名字标题
<body></body>网页的主体区域,用于在页面中展示内容
HTML常用标签
标签分为单标签和双标签
双标签:标签是成对出现的
单标签:单个出现,并且自己结束的
语义化标签:该标签有一定的含义与作用,有利于SEO搜索引擎优化,代码可读性增强
1.<h1>-<h6>标签是标题标签,分别代表一级到六级标题 注意:一个网页中只能出现一个h1标签,这是w3c一种规范
2.<p>表示的是段落标签,放在里面的内容会以段落形式出现
3.<strong>标签是加粗标签,strong(以加粗的形式来突出内容的重要)属于语义化标签 <b>也是加粗标签,属于样式标签 没有语义
4.<em> <i>斜体标签,<em>(以斜体的形式来突出内容的重要性,属于语义话标签) <i>属于样式标签,没有语义
5.<ins> <u>下划线标签,能在文字底下加一条下划线,ins属于语义化标签,u属于样式标签
6.<s> <del>:表示删除线标签, <del>属于语义化标签
7.<div>大容器标签,没有任何语义,块元素,定义网页当中某一部分区域的
8.<span>:小段文字,有不同样式的文字段,没有任何语义,属于行内元素,与div类似
9. sub:文本朝下(下标) sup:文本朝上(上标)
媒体标签
video: 视频标签 视频源(source) src:视频的地址
audio:音频标签 音频源(source) src:音频的地址
属性:视频标签和音频标签的属性基本都是一样
controls:播放控件
autoplay:自动播放 如果要实现自动播放需要配合muted一起使用
loop:循环播放
muted:静音播放
poster:图片的第一帧,需插入图片地址
注意:在标签里面属性名和属性值一样 可以不写后面的 例如:controls="controls" 直接写属性就可以了