tft每日頭條

 > 生活

 > 零基礎自學htmlcss

零基礎自學htmlcss

生活 更新时间:2024-08-24 10:20:24

8.簡易标簽的了解

标題标簽

HTML提供了六級标題标簽

  • <h1>顯示效果最大,也是最重要</h1>
  • <h2>二級标題</h2>
  • <h3>顯示的是标準的字體</h3>
  • <h4>456不常用</h4>
  • <h5>456不常用</h5>
  • <h6>456不常用,這裡最小</h6>

零基礎自學htmlcss(零基礎學習HTMLCSS網頁設計)1

注意:每個标題标簽都是獨占一行的

段落級标簽<p></p>

想要文字有條理地顯示,離不開段落标記。

<p>标簽可以使用align屬性,用于說明對齊方式

  1. <p align="left">這裡的文字會左對齊</p>
  2. <p align="center">這裡的文字會居中對齊</p>
  3. <p align="right">這裡的文字會右對齊</p>

零基礎自學htmlcss(零基礎學習HTMLCSS網頁設計)2

結束标簽</p>可以不寫,下一個<p>标簽的出現,就意味着上一個<p>段落的結束。

換行标簽<br>

<br>無結束标記。與段落标記的區别在于它僅表示換行,但上下兩行仍為一個段落。

預排版标記<pre></pre>

會保留原始的文本排版效果,裡面寫的什麼,空格換行都會一模一樣展現出來,不常用。

文本格式化标簽

歡迎<sub>光臨</sub> 下标

歡迎<sup>光臨</sup> 上标

<b>該文本将以粗體顯示</b>

<i>該文本将以斜體顯示</i>

<u>給文字加上下劃線</u>

零基礎自學htmlcss(零基礎學習HTMLCSS網頁設計)3

了解标簽的語義

标題标簽h1-h6

  • h1-h6重要遞減,h1最重要,h6最不重要。
  • 在頁面中獨占一行,是塊元素(block element)

段落标簽<p>

  • 表示一個段落,是塊元素

<hgroup></hgroup>

  • hgroup 表示一個标題組
  • 用來為标題分組,将一組相關标題同時放入hgrop

<em></em>

  • em表示語音語調的一個加重
  • 不獨占一行,是行内元素(inline element)

<strong></strong>

  • strong表示強調,強調一些重要的内容

<blockquote></blockquote>

  • blockquote表示一個長引用

<q></q>

  • q表示一個短引用

零基礎自學htmlcss(零基礎學習HTMLCSS網頁設計)4

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved