HTML入门笔记1

130 阅读1分钟

HTML由来

  1. HTML是由Tim Berners-Leef在1990年发明的;别名:李爵士
  2. www(world wide web)万维网,中文直译:像世界那么大的网
  3. www=URL+HTTP+HTML
  4. 李爵士做了世界上第一个浏览器、服务器,并且用实现了浏览器对服务器的访问

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 块级引用