1. 程式人生 > >web 標簽的總結

web 標簽的總結

device 郵箱 默認 另一個 告訴 跳轉 jpeg 娛樂 initial

<h1><font></font></h1>

  <h1 id="head"></h1>

<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="x-ua-compatible" content="IE=edge">
<meta http-equiv="refresh" content="2;URL=http://www.luffycity.com">
<meta name="Keywords" content="網易,郵箱,遊戲,新聞,體育,娛樂,女性,亞運,論壇,短信" />
<meta name="Description" content="網易是中國領先的互聯網技術公司," />
<meta name=viewport content="width=device-width, initial-scale=1">
<font face="微軟雅黑" color="green" size="8">字體</font>
   <h1>路飛學城</h1>
    <h2>路飛學城</h2>
    <h3>路飛學城</h3>
    <h4>路飛學城</h4>
    <h5>路飛學城</h5>
    <h6>路飛學城</h6>

<b>小馬哥</b>
<strong>小馬哥</strong>
<u>小馬哥</u>
<s>小馬哥</s>
<i>小馬哥</i>
<em>小馬哥</em>
5<sup>2</sup>
8<sub>2</sub>


特殊字符

  • &nbsp;:空格 (non-breaking spacing,不斷打空格)
  • &lt;:小於號(less than)
  • &gt;:大於號(greater than)
  • &amp;
    :符號&
  • &quot;:雙引號
  • &apos;:單引號
  • &copy;:版權?
  • &trade;:商標?
<p align="center">這是另一個段落</p>

塊級標簽 <div>和<span>


div和span是非常重要的標簽,div的語義是division“分割”; span的語義就是span“範圍、跨度”。CSS課程中你將知道,這兩個東西,都是最最重要的“盒子”。



div:把標簽中的內容作為一個塊兒來對待(division)。必須單獨占據一行。


div標簽的屬性:


  • align="屬性值":設置塊兒的位置。屬性值可選擇:left、right、 center

<span><div>唯一的區別在於<span>是不換行的,而<div>是換行的。


如果單獨在網頁中插入這兩個元素,不會對頁面產生任何的影響。這兩個元素是專門為定義CSS樣式而生的。或者說,DIV+CSS來實現各種樣式。

<div class="header">
    <div class="logo"></div>
        <div class="nav"></div>
    </div>
    <div class="content">
        <div class="guanggao"></div>
        <div class="shop"></div>
    </div>
<div class="footer"></div>


This <br> is a para<br>graph with line breaks

<p>小馬哥</p>
    <hr>
    <hr>
<p>我是段落</p>
This <br> is a para<br>graph with line breaks

<center>
       <p>小馬哥</p>
</center>    



 <pre>
        鵝鵝鵝

            作者:李白
        曲項向天歌
        白毛浮綠水
        
    </pre>


<a href="new.html">點擊進入到新網頁</a>


<a href="http://www.baidu.com" target="_blank">進入百度</a>

<a href="new.hhml#top">回到頂部</a>

<a href="mailto:[email protected]">聯系我們</a>

<a href="#">跳轉到頂部</a>

<a href="javascript:alert(1)">內容</a>
  <a href="javascript:;">內容</a>

  1. javascript:;表示什麽都不執行,這樣點擊<a>時就沒有任何反應 例如:<a href="javascrip:;">內容</2
  2. javascript:是表示在觸發<a>默認動作時,執行一段JavaScript代碼。 例如:<ahref="javascript:alert()">內容</a>
  • href:目標URL
  • title:懸停文本。
  • name:主要用於設置一個錨點的名稱。
  • target:告訴瀏覽器用什麽方式來打開目標頁面。target屬性有以下幾個值:
    • _self:在同一個網頁中顯示(默認值)
    • _blank在新的窗口中打開
    • _parent:在父窗口中顯示
    • _top:在頂級窗口中顯示

blank就是“空白”的意思,就表示新建一個空白窗口。為啥有一個_ ,就是規定,沒啥好解釋的。
也就是說,如果不寫target=”_blank”那麽就是在相同的標簽頁打開,如果寫了target=”_blank”,就是在新的空白標簽頁中打開。

<img src="images/bojie.jpeg" alt="波姐" title=‘波多野結衣‘ width="400" height="400">
 

web 標簽的總結