網頁設計 標籤

星期五, 3月 09, 2018 0 留言 A+ a-


Adobe Dreamweaver 常用快捷鍵

Ctrl + C 複製
Ctrl + V 貼上
Ctrl + Z 還原
Ctrl + X 剪下

編碼格式

UTF-8(8-bit Unicode Transformation Format):
是一種針對 Unicode 的可變長度字元編碼,也是一種字首碼。
補充:網站只有英文不一定要宣告,如果有英文以外的文字一定要宣告,不然會顯示亂碼。

Unicode(中文:萬國碼、國際碼、統一碼、單一碼):是電腦科學領域裡的一項業界標準。
它對世界上大部分的文字系統進行了整理、編碼,使得電腦可以用更為簡單的方式來呈現和處理文字。

標籤介紹

標籤的概念
<標籤>

標籤後面可以打屬性
<標籤 屬性="值" 屬性="值"......>......</標籤>

舉例:<table> 是表格標籤,
width 是屬性代表表格寬度,後面寬度值 600,
border 是屬性代表框線,後面的1是框線的粗細值,</table> 是表格標籤的結束。
<table width="600" border="1"></table>


HTML 標題

<h1> ~ <h6> 都是粗體字標題。數字越小(h1)顯示的字越大,數字越大(h6)字越小。
<h1>在此輸入標題</h1>
<h2>在此輸入標題</h2>
<h3>在此輸入標題</h3>
<h4>在此輸入標題</h4>
<h5>在此輸入標題</h5>
<h6>在此輸入標題</h6>


段落

每段上下都會空一行,HTML 段落是通過 <p> 標籤進行定義的。
<p>段落</p>

換行

<br> 或 <br /> 都可以使用。
在此輸入文字<br>


空格

網頁的空格代碼。在 Dreamweaver 中預設空白符號只有一格,可輸入此語法增加空格。
&nbsp;

表格

<tr> 表示行。<td> 表示列。下面舉例 2*3 表格的語法。
<table>
 <tr>
  <td>在此輸入表格內容</td>
  <td>在此輸入表格內容</td>
  <td>在此輸入表格內容</td>
 </tr>
 <tr>
  <td>在此輸入表格內容</td>
  <td>在此輸入表格內容</td>
  <td>在此輸入表格內容</td>
 </tr>
</table>

項目清單

<ul>
 <li>在此輸入項目</li>
 <li>在此輸入項目</li>
 <li>在此輸入項目</li>
</ul>

改變項目符號屬性 type 後面可以用 disc、square、circle。
<ul type="disc">
 <li>在此輸入項目</li>
</ul>


編號清單

<ol>
 <li>在此輸入編號</li>
 <li>在此輸入編號</li>
 <li>在此輸入編號</li>
</ol>

改變編號清單屬性 type 後面可以用 1、a、A、i、I。
<ol type="1">
 <li>在此輸入項目</li>
</ol>


*自己跟自己頭尾的標籤


<meta>
<br>
<img />

一定要有屬性的標籤(至少一個屬性)

<img src =" ">
<a href =" ">......</a>