web前端與移動開發－－－html標籤的學習及特殊符號

時間 2019-11-12

標籤 web 前端移動開發 html 標籤學習特殊符號欄目 HTML 简体版

原文原文鏈接

　　在學習html標籤以前，咱們先來回顧一下瀏覽器在請求服務器的過程：html

　　　　1.在瀏覽器的地址欄裏面輸入URL瀏覽器

　　　　2.瀏覽器發送一條請求到服務器，服務器接收請求並處理服務器

　　　　3.服務器將數據傳回瀏覽器ide

　　　　4.瀏覽器解析數據，而且顯示在頁面上學習

　　下面開始html標籤的學習字體

　　　　1.p標籤：url

　　　　p標籤是一個雙標籤，用來存放段落內容，使其與其餘內容上下保持必定的間隙。spa

<p>段落內容</p>

　　　　2.h系列標籤，從h1到h6字體大小逐漸減少，用來存放標題，使其內容字體加粗變大，獨成一行。code

<h1>標題1</h1>
<h2>標題2</h2>
<h3>標題3</h3>
<h4>標題4</h4>
<h5>標題5</h5>
<h6>標題6</h6>

　　　　3.img圖片標籤，用來顯示圖片。htm

<img src="圖片路徑" title="" alt="" />

　　　　路徑分爲絕對路徑和相對路徑，其中絕對路徑是指一個文件存放在電腦的物理路徑，即帶有盤符的路徑。相對路徑是指相對於當前文件的路徑。寫相對路徑的時候會遇到查找上一級路徑的問題，此時咱們用「../返回上一層目錄「來查找到上一級路徑。（路徑問題常常會遇到，但願你們多加練習）

　　　　4.a超級鏈接。

<a href="跳轉的路徑">超連接</a>

　　　　5.還有一些其餘的標籤。

<hr/>水平標籤
<br/>換行標籤
<font>文本標籤</font>

　　　　s del : 刪除標籤

　　　　i em : 傾斜標籤

　　　　u ins：下劃線

　　深度解析a標籤：

　　　　1.使用a標籤實現頁面跳轉

<html>
    <head>
        <title></title>
        <base target="_blank"/>
    </head>
    <body>
        <a href="http://www.baidu.com">百度</a>
    </body>
</html>

屬性	做用
target	_self 在當前頁面直接打開（默認值） _blank 在一個新的頁面打開
base標籤（放在title標籤的下面）	做用
target	用來設置當前頁面上全部超連接的跳轉方式

　　　　2.在當前頁面定位到目標位置

<a href="#mubiao">目標位置</a>
<p>這是一段文字</p>
<p>這是一段文字</p>
<p>這是一段文字</p>
<p>這是一段文字</p>
<p>這是一段文字</p>
<p>這是一段文字</p>
<p>這是一段文字</p>
<p>這是一段文字</p>
<p>這是一段文字</p>
<p>這是一段文字</p>
<p>這是一段文字</p>
<p>這是一段文字</p>
<p id="mubiao">這是一段文字</p>
<p>這是一段文字</p>
<p>這是一段文字</p>

　　　　3.跨轉到另外一頁面的目標位置

　　　　第一個頁面的代碼

<a href="#mubiao">跨頁面定位</a>

　　　　第二個頁面的代碼

<p>這是第一個段落</p>
<p>這是第一個段落</p>
<p>這是第一個段落</p>
<p>這是第一個段落</p>
<p>這是第一個段落</p>
<p>這是第一個段落</p>
<p>這是第一個段落</p>
<p>這是第一個段落</p>
<p>這是第一個段落</p>
************************
<p>這是第二個段落</p>
<p>這是第二個段落</p>
<p>這是第二個段落</p>
<p>這是第二個段落</p>
<p>這是第二個段落</p>
<p>這是第二個段落</p>
<p>這是第二個段落</p>
<p>這是第二個段落</p>
<p>這是第二個段落</p>
<p id="mubiao">這是第二個段落</p>
<p>這是第二個段落</p>
<p>這是第二個段落</p>

　　通過這兩天的學習不少人是否發現，在html中再多的空格，再多的換行，再多的tab，在瀏覽器上顯示的時候，都會變成一個空格。由於在html當，由專門來表示空格的東西 。接下來，咱們就來學習其餘的特殊字符用html來表示。

特殊字符	描述	字符的代碼
	空格
<	小於號	<
>	大於號	>
&	和號	&
¥	人民幣	¥
©	版權	©
®	註冊商標	®
°	攝氏度	°
±	正負號	±
×	乘號	×
÷	除號	÷
²	平方2（上標2）	²
³	立方3（上標3）	³