HTML第二講 排版和標籤

1.web標準javascript

WEB標準不是某一個標準,而是一系列標準的集合。網頁主要由三部分組成:結構(Structure)、表現(Presentation)和行爲(Behavior)。css

結構標準:xhtml和xmlhtml

表現標準:cssjava

行爲標準:javascriptweb

網站:網頁文檔以及文檔使用的資源的集合,有不少資源,使用文件夾來管理站點。ide

主要文件夾,以下:網站

p_w_picpaths文件夾,css文件夾,js文件夾,index.html網頁spa

2.排版xml

表格排版:經過表格,格式化顯示數據功能,實現網頁的排版(單元格嵌表格)。htm

<table> 標籤訂義 HTML 表格。

簡單的 HTML 表格由 table 元素以及一個或多個 tr、th 或 td 元素組成。

tr 元素定義表格行,th 元素定義表頭,td 元素定義表格單元。

例:一個簡單的html表格,包含兩行兩列

QQ截圖20130716235557

align:對齊屬性,值可爲left、center、right。

border:顯示錶格的邊界,默認0。

3.常見標籤屬性說明

width:長度

height:高度

src:指定圖片路徑

href:指定連接路徑

target:指定窗口打開路徑

cellspacing:邊框邊界

cellpadding:表格內容與邊框界

background:背景圖片

bgcolor:背景色

colspan:水平單元格合併

rowspan:垂直單元格合併

4.文字排版標記

<p> :標籤訂義段落

<ol>:編號列表或有序列表

<ul>:無序列表

<li>:要列表的項

<dl>:自定義列表

<dt>:定義列表的項目符號或文字

<dd>:定義列表項

<br/>:換行

&nbsp:空格

</span>:行內標記

排版案列

效果圖以下:

login

代碼以下:

<html>    
<head>      
<title>html表格排版02</title>      
</head>      
<body bgcolor="#0A3B64">      
   <br/>      
   <br/>      
   <br/>      
   <br/>      
   <br/>      
   <br/>      
   <br/>      
   <table align="center" background="loginbg_03.gif" ;528" height="254">      
   <tr>      
   <td ;230">      
   </td>

   <td>    
       <table>      
           <tr>      
           <td><font color="white">用戶名
</td>      
           <td><input type="text" size="13"></td>      
           </tr>      
           <tr>      
           <td><font color="white">密碼</td>      
           <td><input type="text" size="13"></td>      
           </tr>      
           <tr>      
           <td><font color="white">驗證碼</td>      
           <td><input type="text" size="13"></td>      
           </tr>      
       </table>      
   </td>

   <td>    
   <img src="login_06.gif">      
   </td>

   </tr>        </table>      </body>      </html>

相關文章
相關標籤/搜索