HTML入门笔记1

HTML 发明

李爵士 Tim Berners-Lee

HTML 起手

VSCode中快捷键：!+Tab

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

常用的表章节的标签

  • h1~h6 ：标题（heading）元素，<h1>级别最高，字体效果最大
  • section：章节
  • article：文章
  • main：主要内容
  • aside：旁支内容

全局属性

  • class

  • contenteditable:枚举属性，表示元素是否可被用户编辑

    <blockquote contenteditable="true">
    <p>可编辑</p>
</blockquote>
<blockquote contenteditable="false">
    <p>不可编辑</p>
</blockquote>

  • hidden：布尔属性，表示一个元素尚未或者不再相关。例如，它可以被用来隐藏一个页面元素直到登录完毕。如果一个元素设置了这个属性，它就不会被显示。

  • id：不推荐使用

  • style

  • tabindex：指示其元素是否可以聚焦，以及它是否/在何处参与顺序键盘导航（通常使用tab键

    • tabindex=负值 (通常是tabindex=“-1”)，表示元素是可聚焦的，但是不能通过键盘导航来访问到该元素，用JS做页面小组件内部键盘导航的时候非常有用。
    • tabindex="0" ，表示元素是可聚焦的，并且可以通过键盘导航来聚焦到该元素，它的相对顺序是当前处于的DOM结构来决定的。
    • tabindex=正值，表示元素是可聚焦的，并且可以通过键盘导航来访问到该元素；它的相对顺序按照tabindex 的数值递增而滞后获焦。如果多个元素拥有相同的 tabindex，它们的相对顺序按照他们在当前DOM中的先后顺序决定。

  • titile

常用的内容标签

  • <a>：锚，创建超链接

  • <strong>：表示文本十分重要，一般用粗体显示

  • <em>：着重元素 标记出需要用户着重阅读的内容

  • <code>：呈现一段计算机代码. 默认情况下, 它以浏览器的默认等宽字体显示.

  • <pre>：表示预定义格式文本。在该元素中的文本通常按照原文件中的编排，以等宽字体的形式展现

posted @ 2021-08-04 17:18  失去樱桃的卡Q因  阅读(55)  评论(0)    收藏  举报