《HTML入门笔记1》

129 阅读2分钟

1.HTML发明人

李爵士(Tim Berners-Lee),一位英国计算机科学家,发明于1990年。

2.HTML的起手式

<!DOCTYPE html >
需要注意大小写

3.一些常用的表章节标签

(1)<h1>~<h6>标题元素,其中<h1>级别最高,<h6>级别最低

<h1> </h1>
<h2> </h2>
···
<h6> </h6>

(2)<p>段落标签,常用于段落的划分

<h1>标题1</h1>
<p>这里是正文内容</p>

(3)<section>章、节标签,表示一个包含在HTML文档中的独立部分,它没有更具体的语义元素来表示,一般来说会有包含一个标题。

注意:如果元素的内容作为一个独立的有意义的集合,<article>元素可能是更好的选择。

<section>
  <h1>标题1</h1>
  <p>这是中间内容</p>
</section>

(4)<article>文章标签,表示页面或网站中的独立结构部分,目的是让包含其中的结构成为相对独立模块,像网站显示的用户评论结构划分。

<article>
  <h1>标题1</h1>
  <p>这是中间内容</p>
</article>

(5)<main>元素,main是“主体”的意思,呈现了文档的 或应用的主体部分。主体部分由与文档直接相关,或者扩展于文档的中心主题、应用的主要功能部分的内容组成。

<main>
  <h1>标题1</h1>
  <p>这是中间内容</p>
  <article>
  <h1>标题2</h1>
  <p>这是中间内容</p>
</article>
</main>

(6)<aside>元素,意思是旁边。表示一个和其余页面内容几乎无关的部分,被认为是独立于该内容的一部分并且可以被单独的拆分出来而不会使整体受影响。其通常表现为侧边栏或者标注框

4.标签的全局属性有哪些?

全局属性:所有标签都有的属性。

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

5.罗列一些内容标签

内容标签解释
<a>超链接标签
<strong>译为强壮,表示文本十分重要,一般用粗体显示
<em>原词emphasis译为强调, 标记文本着重阅读的内容
<code>译为代码,让字体等宽显示
<pre>Predefined译为预定义,表示预定义格式文本 ,文
本中的空白符(比如空格和换行符)都会显示出来
<ol>ordered list译为有序列表,一般显示以数字递增列表
例:(1.2.3.···)(i.ii.iii.···)(I.II.III···)···
<ul>unordered list译为无序列表,每项前显示·符号的列表
<dl>description list译为描述标签,常接子标签<dt>描述对
象<dt/>,<dd>描述内容<dd/>