HTML的基本資訊——小白篇(2)

餘神發表於2020-12-05
HTML

HTML的基本資訊

 <! --DCTYPE: 告訴瀏覽器，我們要使用什麼規範>
    <! DOCTYPE html>   
    
    <! html    lang="en">
       
    <! --head標籤代表網頁頭部--  >
    <head>
     
    <!  ---meat 描述性標籤，它用來描述我們網站的一些資訊---   > 
    <meta  charset ="UTF-8">  
    
    <! -- title網頁標題--     >       
    <titile>  我的第一個網頁  </titile>   
    </head>   
    <!-- body標籤代表網頁主體>  
    <body>         
    </body>     
    </html>

網頁基本標籤

1. 標題標籤< h1>

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>基本標籤學習</title>
</head>
<body>
<!--標題學習 -->
<h1>一級標籤</h1>
<h2>二級標籤</h2>
<h3>三級標籤</h3>
<h4>四級標籤</h4>
<h5>五級標籤</h5>
<h6>六級標籤</h6>
</body>
</html>

網頁顯示結果

在這裡插入圖片描述

2. 段落標籤< p>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基本標籤學習</title>
</head>
<body>
<!--段落學習 -->
<p>怪我沒能力跟隨你去的方向。</p>
<p>飢餓是最好的調味，孤獨是最強的催眠</p>
<p>也許時間是一種解藥，也是我現在正服下的毒藥</p>
</body>
</html>

網頁顯示結果

在這裡插入圖片描述

換行標籤(< br >)加水平線(< hr>)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基本標籤學習</title>
</head>
<body>
<!--水平線學習 -->
<hr>

<!--換行學習 -->
相信太難，不如沉默來得簡單<br/>
有一天，我發現自憐資格都已沒有，只剩下不知疲倦的肩膀，擔負著簡單的滿足<br/>
我的人生就是一錯再錯錯完了再從頭，也許放棄掉一些活得更輕鬆我卻不再是我<br/>
</body>
</html>

網頁顯示結果

在這裡插入圖片描述

粗體斜體

<!--粗體學習 -->
<strong>只因為我不想打擾，只因為怕你解釋不了，只因為現在你的眼睛裡，她比我還重要。</strong>
</br>
<!--斜體學習 -->
<em>我一個人孤單旅行到處走走停停，也一個人看書寫信自己對話談心，只是心又飄到了哪裡，就連自己看也看不清，我想我不僅僅是失去你。</em>
</body>

網頁顯示結果

在這裡插入圖片描述

特殊符號

空格：&nbsp
&g檢視特殊符號
在這裡插入圖片描述

相關文章