标签(元素),html的基本组成单位
- 分类:
单标签和双标签
- 标签组成:
<标签名 属性名="属性值" 属性名="属性值">标签体</标签名>
- 属性
文件声明:告诉浏览器当前网页的版本
<!DOCTYPE html>
设置语言 设置编码
<meta charset="UTF-8">
<html lang="zh-CN">
排版标签
h1-h6:标题标签,h1写一个,其他可以写多个,尽量不要嵌套
p:段落
div:布局标签
标签语义化,有助于搜索引擎检索
块级元素和行内元素
- 块级元素能写块级和行内
- 行内只能写行内
- p标签内不能写块级元素
- h1-h6不能相互嵌套
文本标签
- em着重阅读的标签
- strong比em语气更高
- span小包装袋
图片标签 IMG 单标签
- src地址
- alt描述
- width宽度
- height高度
a标签
- href地址
- download下载文件
- target打开方式 _self _blank
ps:代码中的多个空格,多个换行都会解释成一个空格
<!-- 跳转到test1锚点-->
<a href="#test1">去test1锚点</a>
<!-- 跳到本页面顶部 -->
<a href="#">回到顶部</a>
<!-- 跳转到其他页面锚点 -->
<a href="demo.html#test1">去demo.html页面的test1锚点</a>
<!-- 刷新本页面 -->
<a href="">刷新本页面</a>
<!-- 执行一段js,如果还不知道执行什么,可以留空,javascript:; -->
<a href="javascript:alert(1);">点我弹窗
列表和表格
列表
- 无序列表 ul>li
- 有序列表 ol>li
表格
- 标题caption
- 头部thead:包含td>th
- 主体tbody:包含tr>td
- 脚注tfoot
ps:rowspan和colspan
表单
- from:action,target(_self和_blank),method
- input:type(text|password|radio|checkbox|hidden|submit|reset|button),name
- button
- textarea
- select>option
常用meta
//2秒后跳转到某个页面
<meta http-equiv="refresh" content="2;url=练习.html">