《HTML入门笔记1》

gatekeeper1989
229 阅读2分钟
我的掘金博客
测试用

《HTML入门笔记1》

    笔记1的主要内容

  1. HTML是谁发明的？

    2. Tim Berners-Lee.jpg

    蒂姆·伯纳斯·李[1](Tim Berners-Lee)。他是万维网的发明者，南安普顿大学与麻省理工学院教授。1990年12月25日，罗伯特·卡里奥在CERN和他一起成功通过Internet实现了HTTP代理与服务器的第一次通讯。

  2. HTML起手应该写什么？

    3. 在新建的空白HTML文件中，键入感叹号!键，在弹出的对话框中选择emmet abbreviation(也可以按Tab键默认此选项)快速生成HTML文档类型。

    qishoushi.png

    • <!DOCTYPE html>用哪种文档类型解析
    • <html lang="en">浏览器语言更改
    • <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最新内核

  3. 常用的表章节的标签有哪些，分别是什么意思？

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

  4. 全局属性有哪些？

      5. 所有标签都有属性

    • class：给标签分类，标记标签。
    • contenteditable：使任何元素可被编写
    • hidden：隐藏整个标签
    • id：具有"唯一性"标记，但有时不报错，与CSS
      • 和JS有作用。
    • style：修改标签样式。(优先级：JS>html>CSS)
    • tabindex:不使用鼠标情况下，Tab键切换选中网页操作(按正整数大小顺序切换，没有某个整数则往下延顺)。
      其中，tabindex[0]是最后被选中,tabindex[-1]是永不被选中。
    • title：显示完整的内容

  5. 常用的内容标签有哪些，分别是什么意思？

    • ol+li——>有序列表、列表项目
    • ul+li——>无顺讯列表、列表项目
    • dl+dt+dd——>描述列表、描述对象和描述内容
    • pre——>保留空格、回车和tab(html只保留1个空格)
    • hr——>水平分割线
    • br——>换行
    • a——>a标签，用法很多
    • em——>强调，默认斜体
    • strong——>重要，默认粗体
    • code——>显示代码，默认英文字符等宽，不保留回车等
    • quote——>引用(内联)
    • blockquote——>引用块
    • 等等...

©转载声明
参考资料

[1] 中华人民共和国国家互联网信息办公室[引用日期2020-03-31]

avatar
文章
阅读
粉丝