分享

◖HTML◗ L3 - 段落/換行/分隔線

網頁設計 HTML 零基礎課程

HTML5

上一章已經講解了標題的標籤,既然有標題就一定會有內容囉~,HTML裡面也稱之為段落標籤

標籤語法:

  • 段落標籤
<p>文章內容<p>
網頁設計 HTML 零基礎課程

段落標籤

段落標籤內所包含的文字就是您想要打的文章內容,當然文章內還可以嵌套文章,就如同第一課所說的基本上大部分的標籤可以在嵌套其他的標籤~但是這邊發現了一個問題就是文章很長一直連接著怎麼辦,我想要文字內容1和文字內容2分別在不同行,這時候就可以使用換行標籤了~
  • 換行標籤
<br>
網頁設計 HTML 零基礎課程

換行標籤

使用換行標籤就可以將文字斷行並呈現在下一段,這邊大家也注意到了吧 ,之前有說過所有標籤都是成對出現將內容包在裡面,但是這個卻只有一個,這邊就來說明一下標籤裡面有幾個特例是只有單標籤的只要記住就可以了~,而這個標籤的用法就要在斷行的文字後面寫上就可以了,如上圖所示一個簡單的文字排版已經完成了,接下來再讓我們優化一下畫面~
  • 分隔線標籤
<hr>
網頁設計 HTML 零基礎課程

分隔線標籤

使用分隔線標籤畫出一條標題和內容間的線段是不是讓整體更感覺有層次了呢...(是否有發現這個標籤也是單一標籤喔~~)
綜合以上的三個標籤你已經可以完成一個很基本的文字網頁了~~ ❤❤❤ ,趕快著手自己上機練習一下吧...
#線上練習編輯器 : Jsbin

課後作業 :

  1. 請分別說明<p><br><hr>三種標籤的功能?
  2. <p><br><hr>這三種標籤那兩種是單標籤?
  3. 如果想要換行需要使用哪種標籤?
#網頁設計  #HTML  #零基礎課程 
分類:學習

零基礎 / 簡單學 為宗旨的技術教學部落格

評論
上一篇
  • ◖HTML◗ L2 - 標題大小的重要性
  • 下一篇
  • ◖HTML◗ L4 - 加上超連結網址吧
  • 更多文章
    載入中... 沒有更多了