HTML基本操作

標籤：

網頁三部份內容：HTML CSS Javascript
路徑：一般做網頁的時候用的相對路徑。
images/aaa.jpg        網頁同一個目錄中找images檔案夾，再在images裡面找aaa.jpg
images/1000/aaa.jpg    網頁同一個目錄中找images檔案夾，再在images裡面找1000檔案夾，再在1000檔案夾中找aaa.jpg
../images/aaa.jpg    找網頁上一級檔案，在網頁上一級檔案夾中找images檔案夾，在images檔案夾中找aaa.jpg
../../images/aaa.jpg    找網頁上兩級檔案，在網頁上兩級檔案夾中找images檔案夾，在images檔案夾中找aaa.jpg

一、body：
bgcolor背景色
background背景圖片
topmargin上邊距
rightmargin
bottommargin
leftmargin
body以上的屬性僅做瞭解。

二、標籤：
（一）基本標籤：
1.格式控制：
<font face="字型名稱" color="顏色" size="大小"></font> 字型
<b></b>加粗    <strong></strong>
<i></i>傾斜    <em></em>
<u></u>底線
<br> 換行不分段
<pre></pre>段落
<center></center>置中
轉義：——需要記住
&nbsp;——空格
&lt;——小於符號 <
&gt;——大於符號 >
&amp;——&
&copy; ——?

2.內容容器：
<h1></h1> ...<h6></h6>  ——標題。預設情況下，加粗，獨立一行
<p></p>    ——段落。獨立一段，預設情況下，段落前後都會有一行大小的空白。

<div></div>——地區標籤，層標籤。用來劃分網頁地區，進行頁布局。前後換行。
<span></span>——地區標籤，層標籤。前後不換行。

<ul></ul>——無序列表標籤。
<ol></ol>——有序列表標籤。
<li></li>——清單項目標籤，用來放在ol或ul裡面的。

（二）常用標籤：
1. 超連結
<a href="超連結的路徑" target="_blank">超連結顯示的內容</a>
書籤：
第一步：定義書籤 <a name="書籤名">內容</a>
第二步：定義超連結 <a href="頁面名#書籤名">超連結顯示文字</a>

2.圖片
<img src="路徑（相對）" width="" height="" alt=""/>

3.圖片超連結
<a href="超連結的路徑"> <img src="圖片路徑"/> </a>

（三）表格：
<table></table>
    bgcolor：背景色。《》
    align：表格在頁面中的對齊。
    width:寬  像素，百分比。
    border：邊框寬度
    cellpadding：邊距
    cellspacing：間距

<tr></tr>
    bgcolor：背景色
    align：這一行中的文字的對齊
    height:高度，一般是像素，也可設百分比。

<td></td>
    bgcolor:背景色
    align：水平對齊
    valign：豎直對齊
    width:寬
    height:高
    colspan：列的跨度。
    rowspan：行的跨度。
    注意：合併儲存格的時候，一定要算好格好。

（四）表單：
<form id="" name="" action="" method=""></form>
1.文本類
單行文字框：<input id="" name="" type="text" value="內容"/>
多行文字框：<textarea id="" name="" rows="行數" cols="列數">內容</textarea>
密碼框：<input id="" name="" type="password" value="內容"/>
隱藏欄位：<input id="" name="" type="hidden" value="內容"/>
2.按鈕類
普通按鈕：<input id="" name="" type="button" value="按鈕上的文字"/>
提交按鈕：<input id="" name="" type="submit" value="按鈕上的文字"/>
重設按鈕：<input id="" name="" type="reset" value="按鈕上的文字"/>
圖片按鈕：<input id="" name="" type="image" src="圖片的路徑" width="寬" height="高"/>

3.選擇類
單選
複選
列表
檔案

 

 

 

 

（五）架構：

HTML基本操作