1. 程式人生 > 其它 >Html--標籤2

Html--標籤2

<!-- html開始標籤 -->
<!DOCTYPE html>
<!-- head 標籤 -->

<head>
    <meta http-equiv="content-type" charset="UTF-8">
    <!--字元編碼(請求頭)-->
    <meta name="keywords" content="標籤, html, meta">
    <!--檢索關鍵字-->
    <meta name="description" content="描述資訊">
    <!--描述資訊-->
    <!--<meta http-equiv="refresh" content="2">-->
    <!--2秒後重新整理,跳轉到新的url-->
    <!--    <meta http-equiv="refresh" content="2;url=https://www.baidu.com">-->
    <meta http-equiv="x-ua-compatible" content="IE=EmulateIE11" />
    <!--相容IE瀏覽器-->
    <title>Home</title>
    <!--標題-->
    <link rel="icon" href="https://cos.amfc.ltd/learn/html/ammo_num.ico">
    <!--標題圖示-->

</head>

<body>

<h4 id="1">自定義標籤</h4>
<div style="color: red; background-color: aqua;height: 100px; width:50%; font-size: 40px; text-align: center;">自定義標籤
</div><br>

<em style="background-color: firebrick;">斜體</em><br>

<h4>特殊字元</h4>
&lt;<br>
&gt;<br>

<br>
塊級標籤: 獨佔一行<br>
內聯標籤: 自己設定<br>

<h4>圖片標籤</h4>
<!-- <img src="https://cos.amfc.ltd/Amfc/file/photo/wallpaper1.jpg" alt="桌布" title="圖片" width="1024px" height="768"><br> -->

<h4>超連結標籤</h4>
<a href="https://google.com" target="blank">google</a><br>
href: 超連結地址<br>
target = 'blank' : 在新的頁面開啟超連結<br>
<!-- <a href="https://google.com" target="blank"><img src="https://cos.amfc.ltd/Amfc/file/photo/wallpaper1.jpg" alt="" width="1024" height="768"></a><br> -->

<h4>無序列表標籤</h4>
<ul>
    <li>無序第一列</li>
    <li>無序第二列</li>
</ul>

<h4>有序標籤</h4>
<dl>
    <dt>標題</dt>
    <dd>第一節</dd>
    <dd>第二節</dd>
</dl>


<a href="#1">返回頂部</a><br>
#n :表示在網頁內找id = n