Learning Notes

# HTML入门

# 1. HTML 起手式

新建demo-->新建html--><!DOCTYPE html>

# 2. 全局属性

<style>
      style{display:block;}
      #xxx{
       color:green;
      }
  </style>

使得style可见，前提需将style放入body中

  <style>
   [class="hder"]{
     color:red;
   }
   .hder{
     color:green;
   }
  </style>
<header class="hder">这是我的html笔记</header>

如果class有多个属性，则[class="属性"]需写入全部属性才可匹配对应的class，使用 .属性方式写入class的某一个属性即可匹配class

不到万不得已不使用id，id不报错

  • tabindex 整数属性，指示元素是否可以获取输入焦点（可聚焦），是否应该参与顺序键盘导航 正值通过顺序键盘导航进行聚焦和访问,0 表示最后访问，-1表示不可通过键盘导航到达
  • title 表示与其所属元素相关信息的文本

# 3.章节标签

章节
<section> 定义文档中的一个章节
<h1>,<h2>,<h3>,<h4>,<h5>,<h6> 六层文档标题，<h1> 最大,<h6> 最小
<article> 可以独立于内容其余部分的完整独立内容块
<p> 定义一个段落
<header> 定义页面或章节的头部
<footer> 定义页面或章节的尾部
<main> 定义文档中主要或重要的内容。
<aside> 定义和页面内容关联度较低的内容
<div> 代表一个通用的容器

# 4.内容标签

内容标签
<ol> 定义一个有序列表
<ul> 定义一个无序列表
<li> 定义列表中的一个列表项
<dl> 定义一个定义列表（一系列术语和其定义）
<dt> 代表一个由下一个 <dd> 定义的术语
<dd> 代表出现在它之前术语的定义
<pre> 代表其内容已经预先排版过，格式应当保留
<hr> 代表章节、文章或其他长内容中段落之间的分隔符
<br> 代表换行
<a> 代表一个链接到其他资源的超链接
<em> 代表强调 文字
<strong> 代表特别重要 文字
<code> 代表计算机代码
<q> 代表内联的引用
<blockquote> 代表引用自其他来源的内容
        <pre>
          <code>
            var a = 1
            console.log(a)
          </code>
          <hr>
          <p>
            控制风险的<em>最好办法</em>是<strong>深入思考</strong>
          </p>
          <pre>
          <ul>
            <li> 查理·芒格说过：<q>我相信人类快乐的秘诀在于不要把目标定得太高。</q></li>
            <li> 沃伦·巴菲特说过：<blockquote>在错误的道路上，奔跑也没有用</blockquote></li>
          </ul>
        </pre>

← HTML标签 →