HTML入门笔记1

126 阅读2分钟
  1. HTML是由 Tim Berners-Lee 发明的,我们称之为李爵士。他是英国计算机科学家,他是万维网的发明者。1990年12月25日,他成功利用互联网实现了超文本传输协议客户端与服务器的第一次通讯。

  2. HTML起手式是Emmet感叹号,你可以在 VS code 中,新建一个index.html,再首页输入!,再按tab键得到如下代码

<!DOCTYPE html>
<html lang="en">
  <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" />
    <title>Document</title>
  </head>
  <body></body>
</html>

此处建议把lang的属性值en替换成zh-CN

为了支持响应式布局meta:vp强烈建议使用以下完整内容代替初始内容:

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  1. 表章节的标签主要包括:

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

  2. 全局属性主要包括:

    class类的标识
    contenteditable表示元素是否可被用户编辑
    hidden 是否隐藏
    id 唯一的标识
    style 样式信息
    tabindex 指示其元素是否可以聚焦,以及它是否/在何处参与顺序键盘导航
    title 标题

  3. 常用的内容标签主要包括:

    ol+li 有序列表
    ul+li 无序列表
    dl+dt+dd 描述列表(图表)
    pre 预定义格式文本(保留格式)
    hr 段落级元素之间的主题转换(分割线)
    br 换行符号
    a 锚元素(可以通向网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的超链接)
    em 着重阅读内容(语气重要)
    strong 重要阅读内容(本身重要)
    code 代码(等宽字体显示)
    q 引用元素(quote 缩写,短文本)
    blockquote 块级引用元素(段落级别,可空行)

    以上。