標籤：style blog http ar color sp java strong 檔案
網頁製作部分主要講解三大部分：
1、HTML 超文字標記語言 (HTML)（ 全稱：Hyper Text Markup Language） 專門編輯靜態網頁
2、CSS 網頁美化：是HTML控制的樣式、格式的一部分
3、Javascript 指令碼語言：主要是編寫網頁中動態效果的。
第一部分 HTML
超文字標記語言 (HTML)專門用於編寫靜態網頁。
1、開啟Adobe Dreamwaver CS6
2、建立HTML檔案：
3、編寫網頁檔案：
最簡單的方式是在記事本中編寫
查看：
一個< >代表一個標籤，網頁主要學習的是標籤；
代碼第一行代表引用國際標準
<html>代表網頁的標籤，表示一個網頁的開始
</html>代表網頁的結束
<head>.......</head> 代表一對，‘頭部檔案’表示用哪種編碼方式，中間存放標題、樣式的設定等等。
<title>.....</title>代表標題。
<boby>.....</boby>中間用於書寫網頁的內容
Boby中的屬性：
1）Backgroud：不管是backgroud還是bgcolor在前，都是bacgroud覆蓋bgcolor.
修改背景顏色：
修改背景圖：檔案路徑倒著翻找檔案夾，用.../.../來表示。
2）Text:設定boby中文本的顏色
3）topmargin=" 200" 上邊距，文字距離網頁頂部的間距，” ”中寫間距數是多少
4）bottommargin=" "下邊距
5）Left:左邊距
6）Right：右邊距，相當於word的長和寬
7）hidden="true" 隱藏整個網頁
8）</br>換行，相當於斷行符號
9）<strong> 你好</strong></br> --加粗
10）<center>你 好</center> ---置中
11） --空格
12）<b> 你好 </b> --加粗
13）<i>你 好</i> --傾斜
14）<u>你好</u> --加底線
15）<font>....</font> --字型修改（顏色、大小、字型更改）
color="#CC6699"
size="+5"
face="Times New Roman, Times, serif" ---在<font內修改>
第二課時
1、處理文本的標籤
1-6代表字型大小大小
<h1>標題1</h1>H1-h6字型大小依次變小
<p>.....</p> 段落，代表一段話
<ol> 列表(有序列表)
<li>行1<li>
<li>行2<li>
<li>行3<li>
<li>行4<li>
</ol>（有序列表）
<ul>(無序列表)
</ul>
2、超連結：<a href >
<h1><a href=“連結地址” target=”屬性”>標題1</h1>
Target--開啟檔案
New/black--開啟新的頁面
parent--替換之前的頁面
Self--在自身頁面開啟開
Top--在網頁嵌網頁時有區別
3、圖片的屬性：
1)<img src="圖片的路徑地址" width="30" height="100" />
2）name--圖片的名字,不顯示出來
3)width--寬度的設定
4）Height--高度的設定
5）Title--圖片的標題，當滑鼠放在網頁顯示的圖片上時，會顯示圖片的標題。便於搜尋引擎的尋找。
6)loop--迴圈的意思
7）style--圖片的樣式、格式
4、表格（重點）
必備的三部分：
1）表格的開頭和結尾：<table>.....</table >
2）表格的行：<tr>.....</tr>表示行
3）表格的儲存格：<td>.....</td>表示儲存格，沒有列
<table>表格的屬性：
1>width:寬度。可以用像素或百分比表示。常用960像素。
2>border:邊框。常用值為0.
3>cellpadding:內容跟儲存格邊框的邊距。常用值為0.
4>cellspacing:儲存格之間的間距，常用值為0.
5>align:橫向對齊。
6>bgcolor:背景色。
7>background:背景圖片
<tr>中行的屬性：
1>align 表示橫向對齊三種（上、中、下）
2>bgcolor 表示背景顏色選擇
3>bordercolor 表示表格邊框的顏色選擇
4>height 表示行的高度設定
5>hidden 隱藏
6>style:樣式、格式的修改
7>title 代表標題的修改
8>valign 表示縱向的對齊三種（上、中、下）
<td>儲存格的屬性：
1>align 表示橫向對齊三種（上、中、下）
2>valign 表示縱向的對齊三種（上、中、下）
3>bgcolor 表示背景顏色選擇
4>bordercolor 表示表格邊框的顏色選擇
5>height 表示儲存格的高度設定
6>width:表示儲存格寬度設定
7>hidden 隱藏
8>style:樣式、格式的修改
9>title 代表標題的修改
<th></th>表頭，儲存格的內容自動置中、加粗
align:儲存格的內容的對齊
valign:儲存格的內容的垂直對齊
width:儲存格的寬度
height:儲存格的高度
bgcolor:背景色
background:背景圖片
【注意事項】：內容必須放在儲存格中，儲存格必須放在行裡，行必須放在表格裡。設定儲存格的行高、列
高時，會同時影響對應的行或列。
儲存格的合并（重點）：盡量用表格嵌套
colspan=‘n‘ 合并同一行儲存格（後面寫代碼要減去相對應的列）
rowspan=‘n‘ 合并同一列儲存格（從第二行開始減去相對應的列）
建立表格：
代碼編寫表格：
---Colspan=’2’代表儲存格跨了2列
---rolspan=’3’代表儲存格跨了3行
查看效果：
20141116html 基礎知識
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
