《HTML入门笔记1》

237 阅读3分钟

HTML的发明者:

HTML的首个公开描述出现于一个名为 HTML Tags 的文件中,由蒂姆·伯纳斯-李于1991年底提及。它描述18个元素,包括HTML初始的、相对简单的设计。除了超链接标签外,其他设计都深受CERN内部一个以标准通用标记语言(SGML)为基础的文件格式SGMLguid的影响。

一. HTML 起手式

<!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>

二. HTML常用的表章节的标签

  • <h1>-<h6>: 呈现了六个不同的级别的标题,<h1> 级别最高,而 <h6> 级别最低。

  • <article>: 表示页面里面一段完整的内容,即使页面的其他部分不存在,也具有独立使用的意义,通常用来表示一篇文章或者一个论坛帖子。它可以有自己的标题(<h1><h6>)。

  • <section>: 通常用在文档里面表示一个章节,比如<article>可以包含多个<section>

  • <p>:是一个块级元素,代表文章的一个段落(paragraph)。不仅是文本,任何想以段落显示的内容,比如图片和表单项,都可以放进<p>元素。

  • <header>: 用于展示介绍性内容,通常包含一组介绍性的或是辅助导航的实用元素。它可能包含一些标题元素,但也可能包含其他元素,比如 Logo、搜索框、作者名称,等等。

  • <footer>: 表示网页、文章或章节的尾部。如果用于整张网页的尾部,就称为“页尾”,通常包含版权信息或者其他相关信息。

  • <main>:表示页面的主体内容。呈现了文档的<body>或应用的主体部分。主体部分由与文档直接相关,或者扩展于文档的中心主题、应用的主要功能部分的内容组成。一个页面只能有一个<main><main>是顶层标签,不能放置在<header>、<footer>、<article>、<aside>、<nav>等标签之中。

  • <aside>: 签用来放置与网页或文章主要内容间接相关的部分。网页级别的<aside>,可以用来放置侧边栏,但不一定就在页面的侧边;文章级别的<aside>,可以用来放置评论或注释。

  • <div>: HTML 文档分区元素, 是一个通用型的流内容容器,在不使用CSS的情况下,其对内容或布局没有任何影响。

三. HTML全局属性

四. HTML常用的内容标签

  • <ol>+<il>: 有序列表
  • <ul>+<il>: 无序列表
  • <dl>+<dt>+<dd>: 描述列表
  • <pre>: 块级元素,表示保留原来的格式(preformatted),即浏览器会保留该标签内部原始的换行和空格。浏览器默认以等宽字体显示标签内容。
  • <hr>: 用来在一篇文章中分隔两个不同的主题,浏览器会将其渲染为一根水平线。
  • <br>:让网页产生一个换行效果。
  • <a>:链接通过<a>标签表示,用户点击后,浏览器会跳转到指定的网址。
  • <em>: 一个行内标签,表示强调(emphasize),标记出需要用户着重阅读的内容,浏览器会以斜体显示它包含的内容。
  • <strong>: 一个行内标签,表示文本十分重要,一般用粗体显示。
  • <code>: 一个行内元素,表示标签内容是计算机代码,浏览器默认会以等宽字体显示。
  • <quote>: 表示引用
  • <blockquote>: 块级引用元素,代表其中的文字是引用内容。