HTML入门笔记1

152 阅读2分钟

一、HTML是谁发明的

HTML是李爵士(Tim Berners-Lee)发明的!
李爵士做了什么:

  • 1.写了第一个浏览器和第一个服务器
  • 2.用自己写的浏览器访问了自己写的服务器
  • 3.发明了www(万维网),同时发明了HTML、HTTP和URL(www=HTML+HTTP+URL)

二、HTML 起手应该写什么

  • 1.自己创建一个新文件夹
  • 2.在vscode打开这个新文件夹并创建新文件xxx.html
  • 3.!+Tab键,自动补全,把"en"改成"zh-CN"
<!DOCTYPE html>  <!--文档类型-->
<html lang="zh-CN">  <!--lang里的en改成zh-CN-->
<head>
    <meta charset="UTF-8">  <!--文件的字符编码,一定是UTF-8 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  <!--禁止缩放,兼容手机-->
    <meta http-equiv="X-UA-Compatible" content="ie=edge">  <!--告诉IE使用最新内核-->
    <title>Document</title>  <!--标题-->
</head>
<body>
    
</body>
</html>

三、常用的表章节标签

表示文章/书的层级

  • 标题 h1~h6
  • 章节 section
  • 文章 article
  • 段落 p
  • 头部 header
  • 脚部 footer
  • 主要内容 main
  • 旁支内容 aside
  • 划分 div

四、全局属性

所有标签都有的全局属性:

  • class 规定元素的一个或多个类名(引用样式表中的类)
  • contenteditable 规定元素内容是否可编辑
  • hidden 规定元素仍未或不再相关
  • id 规定元素的唯一id
  • style 规定元素的行内 CSS 样式
  • tabindex 规定元素的 tab 键次序
  • title 规定有关元素的额外信息,会在鼠标移到元素上时显示一段工具提示文本
  • style 规定元素的行内 CSS 样式

五、常用的内容标签

  • ol+li(ordered list+list item) 有序列表+列表项
  • ul+li(unordered list+item) 无序列表+列表项
  • dl+dt+dd(description list+term+data)
  • pre(preview) 预定义格式文本
  • hr 在HTML页面中创建一条水平线用作分割线
  • br(break) 换行
  • a(anchor) 定义超链接
  • em(emphasis) 斜体字(强调)
  • i 斜体字
  • strong 粗体字(强调)
  • b 粗体字
  • code 用于表示计算机源代码
  • q(quote) 定义一个短的引用
  • blockquote 定义摘自另一个源的块引用,在该标签中的内容将会被从常规文本中分离出来,默认会表现为左右两侧缩进的文本
  • font 定义文本字体尺寸、颜色、大小
  • img 图像