目录
一、HTML历史
1990年左右诞生,由Tim Berners-Lee发明,除了HTML,还发明了HTTP和URL。
二、 HTML起手式
<!--文档类型-->
<!DOCTYPE html>
<!--html标签,可更换成lang="zh-CN"-->
<html lang="en">
<head>
<!--文件的字符编码-->
<meta charset="UTF-8" />
<!--告诉IE使用最新的内核-->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!--窗口禁止缩放-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body></body>
</html>
三、.HTML标签
1. 常用标签
h1~h6 标题标签
section 章节标签
p 段落标签
header 头部标签
footer 脚部标签
main 主要内容
aside 旁支内容(导航)
div 划分成几部分
2. 全局属性
class 对网页元素分类 [class=middle]写法麻烦,改成.middle
contenteditable 可以允许用户修改内容
hidden 使当前元素和页面无关(隐藏)
id 规定元素的唯一id,不到万不得已不用id,css中#id可以直接添加样式,js中.id可以获得id
style 规定元素的样式,优先级比css优先级高,js优先级最高
tabindex 浏览器允许tab键遍历网页
- tabindex=正整数 按照属性值从小到大的顺序依次遍历
- tabindex=0 是最后一个访问的
- tabindex=-1 不要访问我
title 为元素添加说明,鼠标悬浮到上面,title属性值可作为浮动提示
3. 内容标签
ol+li 有顺序的列表+列表中的某一项
ul 没有顺序的列表
dl 描述列表,dt描述对象,dd描述内容
pre 可以帮我们保留空格,tab
code 显示代码 pre+code 可以让代码显示整齐
br 换行
hr 分隔线
a 超链接 target="_blank" 打开新页面
strong 本质强调 em 语气强调
blockquote 块级引用