html關於文字,背景,列表的相關代碼

3.12 設置基底網址<base>

 

  <html>

  <head>

  <base href=”文件路徑” target=”目標窗口”>

  </head>

  <body>

  </body>

  </html>

  Href用於設置網頁文件的鏈接地址(網址),target用於設置頁面顯示的目標窗口.

3.13 設置基準文字<basefont>

  <html>

  <head>

  <basefont face=’’’’ size=’’’’ color=’’’’>

  </head>

  <body>

  </body>

  </html>

  <basefont>標記用於設置網頁中的文字

  Face屬性用於設置文字的名稱,可以是宋體,隸書等;

3.14  定義元信息<meta>

  <html>

  <head>

  <meta http-equiv=’’’’ name=’’’’ content=’’’’>

  </head>

  <body>

  </body>

  </html>

  <meta>標記中的http-equiv屬性用於設置一個http的標題域,但確定值由content屬性

  決定,name屬性用於設置元信息出現的形式,content屬性用於設置元信息出現的內容.

3.15  設置頁面關鍵字keywords

  <html>

  <head>

  <meta name=”keywords” content=”計算機,英語,會計,物理,職場”>

  </head>

  <body>

  </body>

  </html>

  Keyword用於說明定義的是關鍵字,用於提高網站被搜索引擎搜到的機率,輸入任何計     算機,英語等可以搜到此網站。

3.16  設置頁面過期時間expires

  <html>

  <head>

  <meta http-equiv=”expires” content=”FRI,1 JUN 2007 00 00 00 GMT>

  </head>

  <body>

  </body>

  </html>

  Expires用於設置網頁的過期時間,content給出了網頁過期的具體時間值。

3.21  設置頁面背景 bgcolor

  <html>

  <head>

  </head>

  <body bgcolor=”blue”>

  </body>

  </html>

  Blue可以是英文的red 等,也可以是“#00ff00”等。

3.22  設置頁面邊距 topmargin, leftmargin, rightmargin, bottomnargin

  <html>

  <head>

  </head>

  <body topmargin=0 leftmargin=20 rightmargin=20 bottomnargin=180>

  </body>

  </html>

3.23  設計正文顏色 text

  <html>

  <head>

  </head>

  <body text=”white”>//設置正文顏色爲白色。

  </body>

  </html>

4.11  添加文字

  <body>

  在此處添加文字

  </body>

4.12  添加註釋<! -->或<comment>

  <html>

  <head>

  <! --請在此處添加註釋>

  </head>

  <body>

  <comment>請在此處添加註釋</comment>

  </body>

  </html>

  這兩個註釋添加到任何地方均不會被網頁顯示

4.13  添加空格 &nbsp

  <body>

  &nbsp; &nbsp; &nbsp; 

  </body>

  需要多少空格就輸入多少&nbsp.

4.14  添加刪除線<strike>

  <body>

  <strike>請在此輸入需要添加刪除線的文字</strike>

  </body>

4.15  插入特殊符號

  <body>

  &amp;......&copy;

  </body>

  插入符號對應的代碼就可完成特殊符號的插入

4.21  編輯網頁文字樣式<font>,<basefont>

  <body>

  <font face=”楷體” size=”6” color=”red”>

  &nbsp;&nbsp;&nbsp;添加的文本

  </font>

  </body>

4.22  設置文字標註標記<ruby>

  <body>

  <ruby>

  當代最可愛的人

  <rt>

  志願軍

  </rt>

  </body>

  利用成對的<ruby><rt>…</rt></ruby>

4.31  簡單修飾文字

  <body>

  普通文字顯示<br>

  <b>加粗的文字</b><br>

  <i>斜體文字</i><br>

  <u>添加下劃線文字</u><br>

  </body>

  利用成對的標記顯示

4.32  確定文字上下標<sup>/<sub>

  <body>

  <sup>上標內容</sup><br>

  <sub>下標內容</sub><br>

  </body>

4.33  設置地址文字<address>

  <body>

  <address>地址信息</address>

  </body>

4.34  設置等寬文字<tt><samp><code><kdb>

  <body>

  <tt>打字機風格顯示</tt>

  <code>等寬文字設置內容</code>

  <samp>等寬文字設置內容</samp>

  <kdb>鍵盤輸入風格</kdb>

  </body>

4.4  段落<p>

  <body>

  <p>

  段落

  </p>

  </body>

4.41  回車 <br>

  <body>

  要輸入現實的文字內容<br>繼續輸入要顯示的內容

  </body>

4.43  預定義格式<pre>

  <body>

  <pre>

  </pre>

  </body>

  此標記在輸入過程中按鍵盤上的回車鍵,就可以生成一個段落

4.44  居中顯示文字<center>

  <body>

  <center>需要對其的內容</center>

  </body>

4.45  設置段落縮進<blockquote>

  <body>

  <blockquote>要所進的內容<blockquote>

  </body>

  利用一對此縮進可以縮進五個字符

4.46  忽略HTML標記<xmp>

  <body>

  <xmp>忽略<br>標記</xmp>

  </body>

  上述例子忽略了HTML的<br>換行標記,將“忽略<br>標記”整體輸出。

4.47  插入並設置水平線<br>

  <body>

  <hr width=”100%” size=”1” color=””>

  </body>

  Width 設這水平線寬度,可以是像素,也可以是百分比 

  Size 設置水平線高度

  Noshade 設置水平線無陰影

  Color 設置水平線顏色

  Align 設置水平線居中對齊

5.11  插入定義列表<dl>

  <dl>

  <dt>名稱<dd>說明

  <dt>名稱<dd>說明

  <dt>名稱<dd>說明

  </dl>

  <dt>標記定義了組成列表項名稱部分,<dd>用於解釋說明<dt>標記定義的項目名稱

  此列表項目名稱與具體內容沒在同一行上.

  

5.12  插入無序列表<ul>     

  <ul>

  <li>項目名稱:</li>具體內容               輸出內容

  <li>聯繫人:</li>王增西                      ・聯繫人:王增西  

  <li>聯繫地址:</li>北京                     ・聯繫地址:北京

  </ul>

  此列表項目名稱與具體內容在同一行上.

5.13  插入目錄列表<dir>                      

  <dir>

  <li>聯繫人:莫某某</li>

  <li>聯繫地址:北京</li>

  </dir>

  輸出內容

  ・聯繫人:王增西 

  ・聯繫地址:北京

5.14  插入菜單列表<menu>

  <menu>

  <li>聯繫人

  <li>聯繫地址

  <li>聯繫地址

  <menu>

  此單列表只需單個標記<li>

5.15 插入有序列表<ol>

  <ol Type=””>

  <li>聯繫人:莫某某</li>

  <li>聯繫地址:北京</li>

  <ol>

  默認爲數字,此時去掉代碼中的”Type=”””

  若爲數字則顯示爲    1.聯繫人:莫某某

  此列表根據type屬性來確定序列名稱.

  1表示數字1 2 3 4 .....

  a表示小寫字母a b c...

  A表示大寫字母

  i表示羅馬小寫數字

  I表示羅馬大寫數字

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章