目錄
- 1 引言
- 2 常用标簽
- 2.1 基礎标簽
- 2.2 格式标簽
- 2.3 表格标簽
- 2.4 表單标簽
- 2.5 清單标簽
- 2.6 其他标簽
靜态網頁技術
- 靜态網頁開發技術包括HTML、CSS、JavaScript。
- HTML用于搭建基礎網頁、展示頁面内容。
- CSS用于美化頁面、布局頁面。
- JavaScript用于控制頁面元素、讓頁面有一些動态效果，如輪播圖等等。
HTML
- HTML是Hyper Text Markup Language的簡稱，表示“超文本标記語言”。
-
- 注：标記語言不是程式設計語言，它不含邏輯性，寫出的代碼按順序執行，不像程式設計語言有if-else判斷等。
-
<!DOCTYPE html>
<html>
<head>
<title>HelloWorld</title>
</head>
<body>
Hello World ! ! !
</body>
</html>
| 标簽 | 含義 | 備注 |
<!-- --> | 注釋 |
| h | 标題 | h1~h6 |
| p | 段落 |
| br | 換行 |
| hr | 水準線 |
| | | |
| b | 加粗 |
| i | 斜體 |
| u | 下劃線 |
| center | 居中 | 常用屬性：face(字型)、color、size |
| font | 字型 |
| | | |
| table | 表格 | 常用屬性：width、border、bgcolor、align |
| tr | 行 |
| td | 列 | colspan：跨列、rowspan：跨行 |
| thead | 頁眉 |
| tbody | 主題 |
| tfoot | 頁腳 |
| th | 表頭 | 一般浏覽器會加粗 |
| caption | 表格标題 |
| | | |
| form | 表單 | method常用的兩種方式：get、post |
| input | 輸入 | type屬性：text(placeholder)、password、radio、checkbox、file等 |
| label | |
| button | 按鈕 | submit、button、image等 |
| textarea | 多行文本框 | cols：指定列數，即每行幾個字元 rows：指定行數 |
| select | 下拉框 |
| option | 選擇清單中選項 |
| | | |
| img | 圖檔 | ./ ../ |
| a | 超連結 |
| div | 塊級标簽 | 占一行 |
| span | 内聯标簽 | 不換行 |
<!-- 注：重連接配接有兩種功能：(1)可以被點選，樣式發生改變；(2)點選後跳轉到href指定的url -->
<!-- 需求：保留上面第一種功能，去掉第二種功能 -->
<a href="http://www.baidu.com/">點我1</a>
<a href="javascript:void(0);">點我2</a>
![nodejs微信開發---授權登入+擷取使用者資訊微信網頁授權[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)