1. 程式人生 > >web前端開發學習筆記-01-HTML標籤

web前端開發學習筆記-01-HTML標籤

原課程在這裡:https://www.icourse163.org/learn/BJFU-1003382003?tid=1003609002#/learn/announce

HTML標籤

  • 標題:h1~h6
<h1>一級標題</h1>	
<h2>二級標題</h2>	
<h3>三級標題</h3>	
<h4>四級標題</h4>	
<h5>五級標題</h5>	
<h6>六級標題</h6>	

在這裡插入圖片描述

一個頁面建議只有一個h1

  • 段落:p
<
p
>
前端開發是建立Web頁面或app等前端介面呈現給使用者的過程。</p>

在這裡插入圖片描述
(以上p標籤內的來自百度百科)會自動去掉空格換行!!所以得另外使用br,hr

  • 空格字元:
    &nbsp;
  • 段內換行:
    <br/>
    每出現一次換一次行,注意是單獨出現
  • 預留格式:pre
    pre內部的格式都會被保留
<body>
	<pre>
		這是預留格式文字。它保留了    空格和
		
		空行。
	</pre>
	<p>pre標籤很適合顯示計算機程式碼:</p>
	<pre>
fori=1 to 10 print i next i </pre> </body>

在這裡插入圖片描述

  • 段內分組:span
    組合行內元素,可以設定屬性
<p>
	<style type="text/css">
	span{
		color:blue; 
		font-weight:bold;
	</style>
	<p>最新<span>中國人口調查報告</span>指出...</p>
</p>

在這裡插入圖片描述

  • 水平線:hr
    單獨出現
<p>
正文段落</p> <hr/> <p>正文段落</p>

在這裡插入圖片描述

  • 註釋
<body>
	<!--這是一段註釋。-->
	<!--註釋不會在瀏覽器中顯示。-->
	<!--註釋可以
	跨行-->
</body>

沒有顯示啦~~~