HTML入门笔记

215 阅读2分钟

HTML历史

历史:Tim Berners-lee(李爵士)在1990年发明了www,同时发明了HTML、HTTP、UR

3w:让每个人输入网址就能看到网页

网址:url

网页:html

让系统更完善:http

HTML初始代码

<!DOCTYPE html> 文档类型(文档声明告诉浏览器这是html文件)
<html lang="en"> (语言类型,改成zh-CN)

<head>
    <meta charset="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>

章节标签

  • 标题h1-h6 (h1只能用一次)
  • 章节 section
  • 文章article
  • 段落p
  • 头部header
  • 脚部footer
  • 主要内容 main
  • 旁支内容 aside
  • 划分 div

全局属性标签

  • class (给标签起名分类)
  • contenteditable(在标签中写入,就可在网页编辑内容)
  • hidden(隐藏)
  • id(不到万不得已不用id,属于全局属性,但是写了两个也不会报错)
  • Style (行间加样式)
  • tabindex(用键盘tab键可以控制网页,tabindex = 0(最后一个访问) =-1(tab 不访问) 正数就按照号码顺序访问
  • title(文字超长用了省略号,可用title标签:里面写要显示内容)

内容标签

  • ol+li (ordered list + list item)

  • ul+li(unordered list + list item)

  • dl + dt + dd(descripteion list + term + data) 快捷键 dl+ tab 可以直接打出 dt(描述的东西) dl(描述的内容)

  • pre(preview) 用pre标签包裹的内容就能保留tab键和空格

  • hr 一条线

  • br(break) 转行

  • a(anchor)

  • em(emphasisi)强调语句

  • strong 内容的重要

  • code 用code标签包裹的代码 不会被网页解析

  • q (quote)内联的引用没有什么太大的区别

  • blockquote 块引用 标签包裹的内容会换行并且有缩进