前端的實現分爲三大部分 HTML CSS Javascript
HTML 搭建網頁的基本架構
CSS 對網頁進行美化
JAVAScript(JS) 對網頁進行動態效果的設置
HTML標籤的使用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="author" content=""></meta>
<meta name="keywords" content=""></meta>
<title>Title</title>
</head>
<body>
<!--標題標籤 h1 ---h6 六個級別-->
<h1></h1>
<!-- 單標籤-->
<br/> <hr/>
<!-- 段落標籤-->
<p></p>
<!-- 文本標籤-->
<b></b><strong></strong><!--加粗-->
<i></i><em></em><!--傾斜-->
<u></u><ins></ins><!--刪除線-->
<s></s><del></del><!--下劃線-->
<!--圖像標籤-->
<img src="" alt=""/>
<!--超鏈接標籤-->
<a href="" target=""></a>
<!--列表標籤-->
<!--有序列表-->
<ol>
<li></li>
</ol>
<!--無序列表-->
<ul>
<li></li>
</ul>
<!--自定義列表-->
<dl>
<dt></dt>
<dd></dd>
</dl>
</body>
</html>
表格table
<!--
cellpadding 設置單元格中的內容於表格變寬的距離 通常使用像素值來表示
cellspacing 設置單元格於單元格之間的空白間距
align 位於table標籤 則是整個表格在頁面按照設定的對齊方式對齊
align位於td 則是單元格的內容進行按照設定的對齊方式對齊
align 位於tr 則是當前行的所有單元格內容按照設定的對齊方式對齊
align 位於tbody 對標題的內容進行設置對齊方式
rowspan 合併單元格 行合併 其後的參數表示要合併的行的數量
colspan 列合併 其後的參數表示要合併的列的數量
-->
<table border="1px" width="500px" height="200px" cellpadding="10px" cellspacing="0px" align="center">
<thead>
<tr>
<th>姓名</th>
<th>學校</th>
<th>年齡</th>
</tr>
</thead>
<tbody align="center">
<tr>
<td >張三</td>
<td rowspan="4">中北大學</td>
<td>22</td>
</tr>
<tr >
<td>李四</td>
<td>20</td>
</tr>
<tr >
<td>王五</td>
<td>23</td>
</tr>
<tr >
<td>李小四</td>
<td>25</td>
</tr>
<tr>
<td>合計</td>
<td colspan="2"></td>
</tr>
</tbody>
</table>
表單
收集數據以便用於提交
表單控件:
包含了具體的表單功能項,如單行文本輸入框、密碼輸入框、複選框、提交按鈕、重置按鈕等。
提示信息:
一個表單中通常還需要包含一些說明性的文字,提示用戶進行填寫和操作。
表單域:
他相當於一個容器,用來容納所有的表單控件和提示信息,可以通過他定義處理表單數據所用程序的url地址,以及數據提交到服務器的方法。如果不定義表單域,表單中的數據就無法傳送到後臺服務器。