iT邦幫忙

2023 iThome 鐵人賽

DAY 27
0

嗨各位,今天是鐵人賽第3天,今天要介紹的是一些我在暑假學習HTML認識的基本標籤,那我們直接開始。

標題

HTML提供了六個不同重要程度的標題,從<h1><h6>表示重要的程度,其中<h1>是最重要的標題,而<h6>是最不重要的標題。

<h1>食物</h1>

    <h2>水果</h2>
    <ul>
        <li>蘋果</li>
        <li>香蕉</li>
        <li>橘子</li>
    </ul>
    <h2>飲料</h2>
    <ul>
        <li>紅茶</li>
        <li>綠茶</li>
        <li>奶茶</li>
    </ul>

結果

大概就像是這樣,大標題,小標題,可以讓你的網頁內容更好的區別分類。

<p>段落

段落通常使用<p>標籤來定義。這是用於編寫文本內容的基本素。

<h1>食物</h1>

<h2>水果</h2>
<P>今天有哪些水果</P>
<ul>
    <li>蘋果</li>
    <li>香蕉</li>
    <li>橘子</li>
</ul>
<h2>飲料</h2>
<P>今天有哪些飲料</P>
<ul>
    <li>紅茶</li>
    <li>綠茶</li>
    <li>奶茶</li>
</ul>

結果:

換行<br>

它用於在文本或內容中插入斷行,從而在網頁上創建垂直的換行效果。通常<br> 不需要開啟和關閉標籤,因為它是一個空元素,直接使用即可。

<p>這是第一行。<br>這是第二行。</p>

結果:

<hr>水平線

<hr>標籤用於在網頁中插入水平分隔線。它通常被用來分隔不同部分的內容或創建視覺分隔效果。

<p>這是第一行。</p>
<hr>
<p>這是第二行。</p>

結果:

以上就是今天介紹的標籤,雖然這些標籤很簡單,但如果使用妥當,還是對網頁有很棒的效果,之後還會分享我在暑假認識到其他的HTML標籤還有其他的知識,那今天就介紹到這裡,我們明天再見吧~


上一篇
DAY26 CSS中的陰影
下一篇
DAY28 jquery 簡化 DOM 操作
系列文
關於學習網頁這檔事30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言