《HTML入门笔记1》

one同学
179 阅读2分钟

HTML（超文本标记语言——HyperText Markup Language）

介绍

  1. HTML的发明者
  2. HTML 起手内容
  3. HTML常用的表章节的标签
  4. 全局属性有哪些
  5. 常用的内容标签

1.HTML的发明者

Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言。Tim Berners-Lee还成立了万维网联盟（W3C），并担任万维网联盟的主席。万维网的主要工作也是围绕HTML开展。

48d1981e22b82ad0b09feb88032f4cbf.jpeg

2.HTML起手内容

<!DOCTYPE html>         //文档类型
<html lang="en">        //lang全局属性参与了元素语言的定义,可改为 lang='zh-CN'，即表示为中文
<head>
    <meta charset="UTF-8">  //文件的字符编码
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> //告诉IE使用最新的内核
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> //视图窗口，内容宽度为设备的宽度，默认缩放为1
    <title>Document</title>  //网页的标题
</head>
<body>
</body>
</html>

3.HTML常见的章节标签（表示文章/书的层级）

  1. h1-h6 (标题)
  2. section (章节)
  3. artcle (文章)
  4. p (段落）
  5. header （头部）
  6. main （主要内容）
  7. aside （边支内容）
  8. footer （脚步）
  9. div （划分）

看个简单的例子

<body>
    <header>这是头部</header>
    <div>
        <main>
            <h1>文章标题</h1>
            <section>
                <h2>这是标题1</h2>
                <p>这是标题1文字</p>
            </section>
            <section>
                <h2>这是标题2</h2>
                <p>这是标题2文字</p>
                <section>
                    <h2>这是标题2.1</h2>
                    <p>这是标题2.1的文字</p>
                </section>
            </section>
        </main>    
        <aside>这是侧信息</aside>
    </div>
    <footer>&copy; 这是版权声明</footer>
</body>

4.全局属性（所有标签都具有的属性）

  1. class (定义了元素的类名通常用于指向样式表的类。也可以用JS中的HTML DOM，来修改 HTML 元素的类名。)

  2. contenteditable //让标签内的内容可以直接编辑

  3. hidden //隐藏标签

  4. id //id在HTML文档中必须是唯一的(理论如此)。id 属性可用作链接锚（link anchor），通过 JavaScript（HTML DOM）或通过 CSS 为带有指定 id 的元素改变或添加样式。

  5. style //规定元素的行内样式（inline style）,优先级最高

  6. tabindex //利用tab键（Q键的左边）选择网页元素

  7. title //规定关于元素的额外信息。

5.常用的内容标签

  1. ol>li (ordered list>list item)
  2. ul>li (unordered list>list item)
  3. dl>dt+dd (description list>term>data)
  4. pre (preview)
  5. hr (horizontal rule)
  6. br (br)
  7. a (anchor)
  8. em (emphasis 语气强调)
  9. strong (内容强调)
  10. code (显示等宽字体)
  11. q (quote引用，常用于一句话)
  12. blockquote （常用于一段话）

每日一语：记住现在和过去的痛楚，期待未来的美好。

avatar
文章
阅读
粉丝