1. 程式人生 > >網頁制作常用標簽

網頁制作常用標簽

ext 列表 空格 highlight 所有 作用 face 亂碼 font

Hyper Text Markup Language超文本標記語言(超文本顧名思義超出文本,也就是不光有文字;還有音頻、視頻。等各種形式)簡稱:HTML

單標記雙標記

<html></html>是雙標記中間可以加內容,有開始和結束,代表網頁。

裏面有頭部<head></head>作用為控制網頁的布局效果和頁面效果等。

還有主體<body></body>作用是顯示網頁的內容。

<html>-------開始
 
          <head>
 
               <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>控制網頁編碼格式,防止亂碼
               <title>網頁的名字或者標題</title>
 
              <style>固定在head裏面</style>head的樣式標簽
 
         </head>
 
        <body bgcolor=“選顏色也可以用顏色的英文” text=“選顏色也可以用顏色的英文” background=“選圖片”>
 
                 <font>文字控制標簽</font>
 
                <font color="選顏色也可以用顏色的英文">文字顏色控制<font>
 
                <font size="選擇大小的數字">文字大小控制<font>
 
                <font face="選擇字體也可以直接用漢子寫上字體比如宋體">文字字體控制<font>
 
                <b>文字加粗</b> 換行:<br/>單標記有換行作用,也可以<br>
                <i>文字傾斜</i>
                <u>下劃線</u>
                <strong>文字加粗,這個是用來強調的,爬蟲用</strong>
                <em>文字傾斜,這個是用來強調的,爬蟲用</em>
                 空格作用一個代表一個空格
                <h1>自定義標題自動換行</h1>
                <h2>從h1-h6標題會越來越小</h2>
                <h3></h3>
                <h4></h4>
                <h5></h5>
                <h6></h6>
                <ol type="1">
                     <li>有序列表,序號為1、2、3......當type="a"序號為a、b、c......當type="A"序號為A、B、C......當type="i"序號為i、ii、iii......當type="I"序號為I、II、III......</li>
               </ol>
                
               <ul type>
                     <li>無序列表</li>
               </ul>
<a href="超鏈接的地址可以是網頁,也可以是網址,圖片,文本等" target="超鏈接打開的樣式,在原頁上打開,還是在新頁面上打開,當是-blank和new時超鏈接在新頁中打開>超文本鏈接</a>
<a name="給回到的地方起個名字"></a>
<a href="#name名字">可以在網頁中點擊某一部分回到網頁別的地方比如返回首頁</a>
<img/ src="圖片保存的路徑" width="圖片的寬"height="圖片高" alt="圖片打不開時對圖片的文字" title="把鼠標放在圖片上,會顯示文字">
</body> </html>------結束

  

body的屬性:bgcolor(背景顏色 bg是background簡寫) text(文字顏色,同意設定正個網頁所有字體的顏色,也可以用font單獨設置每個字體的顏色) background(背景圖片,壁紙。優先級大於bgcolor) body同時設置bgcolor和background圖片打不開是能顯示背景顏色,影響網頁觀賞美感。

網頁制作常用標簽