HTML入门笔记1

2024年3月10日 205次阅读 来源: Oliver

（一） HTML是谁发明的？

答：
HTML之父（WWW之父）：Tim Berners-Lee于1990年左右在英国发明

（二） HTML起手应该写什么？

答：

     <!-- 声明版本 -->
<!DOCTYPE html>
     <!-- 声明语言 -->
<html lang="en"> 
     <!-- head标签内的内容一般是看不到的！ -->
<head>
    <meta charset="UTF-8">
     <!-- 禁用缩放，兼容手机 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!-- 需升级到ie的最新内核 -->
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>网页标题</title>
</head>
<body>
     <!-- body内为网页的主体部分 -->
</body>
</html>

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

答：

  • 标题h1~h5
  • 章节 section
  • 文章 article
  • 段落 p
  • 头部 header
  • 脚部 footer
  • 主要内容 main
  • 旁支内容 aside
  • 划分 div
网页大致的结构：
<body>
    <header>页首
    <div>
            <main>主要内容
            </main>
            <aside>旁支内容
            </aside>
    </div>
    </header>
    <footer>页脚
    </footer>
</body>

（四） 全局属性有哪些？

答：

  • class
  • contenteditable
  • hidden
  • id
  • style
  • tabindex
  • title

（1）contenteditable：用户可以编辑网页中的元素
（2）hidden：将元素隐藏
（3）id：一般只用class，只有在权重问题难以解决时使用id，否则不到万不得已不要用id
（4）tabindex：控制在网页中按下”tab”键选中的顺序 tabindex=1,2,3 ….（不必连续）

   特别地：tabindex=0表示最后一个 被tab访问；tabindex=-1表示不可被tab访问

（5）title：显示完整的内容，效果如图：图片描述
（6）style：用于给定css的样式

（五） 常用的内容标签有哪些，分别是什么意思？

答：

  • ol + li
  • ul + li
  • dl + dt + dd（dt概述 + dd数据）
  • pre
  • hr（分割线，单标签）
  • br（换行，单标签）
  • a
  • em
  • strong
  • code
  • q(quote的缩写)
  • blockqute

（1）pre（双标签）：保留空格、回车、tab……
（2）code（双标签）：中间写代码段；一般配合pre使用 外层pre内层code，可以自由换行
（3）em和strong的区别：em表示语气上的强调（默认斜体），strong表示内容本身的重要性（默认加粗）
（4）quote：内联的引用(语意标签)
（5）blockquote：块级的引用
（6）a：链接标签，href属性指向链接

- 特别地，target属性常用以下两种值
    _self：当前窗口打开，这是默认值。
    _blank：新窗口打开。

（7）ul：无序列表、双标签。ul中只能包含<li></li>标签
（8）ol：有序列表、双标签。ol中只能包含<li></li>标签

    原文作者：Oliver
    原文地址: https://segmentfault.com/a/1190000020259601
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞