HTML由来
- HTML是由Tim Berners-Leef在1990年发明的;别名:李爵士
- www(world wide web)万维网,中文直译:像世界那么大的网
- www=URL+HTTP+HTML
- 李爵士做了世界上第一个浏览器、服务器,并且用实现了浏览器对服务器的访问
HTML的起手式
首先新建一个以.html结尾的文件,例如index.html.使用VS Code编辑器打开,在编写区域中使用英文输入法中的!就可以快速生成HTML代码.
<!--文档类型/文档声明,告诉浏览器执行HTML语言,不写浏览器将会进入怪异渲染模式-->
<!DOCTYPE html>
<!--表示网页是由哪一种自然语言展示的,"en"表示英文,中文用“zh-CN”,html是根元素-->
<html lang="en">
<!--文档头,其中的内容不会显示在页面中-->
<head>
<!---告诉浏览器网页使用指定的字符编码,“UTF-8表示 Unicode 编码(万国码)的一个版本”-->
<meta charset="UTF-8">
<!--使用IE浏览器运行网页时,使用“edge”内核(最新)-->
<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>标签中
</body>
</html>
HTML中常用的表章节标签
- h1-h6 标题1-标题6,由大到小
- section 章节
- article 文章
- p 段落
- header 头部
- footer 底部
- main 主要内容
- aside 旁支内容
- div 块
HTML中的全局属性
- class 类
- contenteditable 可编辑
- hidden 隐藏
- id 给标签起一个唯一的标记(有BUG),尽量使用class
- style 样式
- tabindex tab键顺序访问/后跟数字(0代表最后访问/-1永远不会被tab键访问)
- title 提示
HTML中常见的内容标签
- ol+li 有序列表
- ul+li 无序列表
- dl+dt+dd 描述列表
- pre 会保留空格和换行符
- hr 分隔线
- br 换行
- a 超链接
- em 强调(语气)
- strong 重要(本身)
- code 定义计算机代码文本,行内样式,是所有字等宽
- quote 内联引用
- blockquote 块级引用