Css--層疊樣式表
控制網頁樣式。
Internet存放網頁的計算機稱為web伺服器
常見的web伺服器
Apache：使用排名第一web伺服器。
Tomcat：開源免費的一個伺服器，Apache的一個基金會項目。
Jboss：web service容器，ejb的容器。
IIS：internet資訊伺服器。微軟主推的一個伺服器。
WebLogic：開發、管理、部署一些大型的web應用。分布式的伺服器。
HTML超文本标記語言。
<!DOCTYPE HTMl>解析語言。聲明目前html的版本
<html>
<head>
<title>Show web<title>
<meta chars = “utf-8”>
<body>
<p> firest boold <p>
<body>
<head>
<html>
1什麼是html
本質上是一種描述網頁的語言
Html超文本标記語言。Hypertext markup language
屬于标記語言，不屬于程式設計語言。（xml）
Html文檔也稱為web網頁。
2.html标簽的含義
a) 第一個标簽是喀什标簽，第二個标簽是結束标簽，不是所有的标簽都需要結束。自開閉标簽
b) Himl注意格式規範。必須成套出現。
c) Html标簽最好區分大小寫。
3.<!doctype Html>
a) 主要申明網頁的版本以及網頁應該遵循的規範，有助于浏覽器顯示網頁
b) 網絡上有各種不同類型的檔案，浏覽器都可以正确的打開。如果能夠正确聲明html，那浏覽器就更加準确的解析。
c) DOCTYPE 後面的内容 不區分大小寫。
4.meta
a) Meta不需要閉合的标簽。提供html的元元素，元元素不會顯示出來，隻會被浏覽器解析。
b) 除了設定目前編碼集以外，還可以設定網頁的關鍵字。網頁的描述資訊、作者的資訊。
c) 設定關鍵字<meta name = “description” content = “this is meta ”>，設定關鍵字keywords，設定作者author。
4.body内容
a) 标題
b) 注釋<!--注釋内容-->、<p id = “1”> 标簽加id
c) <p></p>段落标簽
d) 超連結
<a href = “www.baidu.com”>百度</a> 跳轉到本頁加”#”
e) 通過a 标簽設定，錨點，一個a标簽設定name屬性，一個a标簽跳轉到目前name屬性對應的值。
f) Img圖檔标簽。可以自開自閉的标簽 <img src = “xxxx.jpg”/>路徑加格式------------------設定圖檔大小<img src = “xxxx.jpg” width=”200px” height =”300px” title =”桌面” alt=”這是xxxx 圖檔提示”/ >
g) ../表示上一級目錄。
h) </br> 換行。自開閉标簽。浏覽器會把換行和空格解析是以使用該标簽。
i) <hr>----分隔線。<hr width = “100px”/>自開閉空間。
j) <abbr>用來表示縮寫文字。<abbr title = “zhonguo”>zg<abbr/>
k) <address>表示文檔作者的資訊。<address>...........................................<address/>
l) 定義粗體标簽 <b>粗體</b> <strong >粗體</strong>
m) 高亮标簽 <mark>xxxxxxxx</mark>
n) 斜體強調 <em></em>
o) <dbo dir=”rtl”>asdadadadasd</dbo> 文本方向
p) 斜體突出 <p>this <i>is</i> dog</p>
q) <ins>定義已經被插入文檔中的文本 <p>不要<del>删除的内容</del>隻要<ins>新内容</ins></p>
r) 可定義預格式化的文本 <pre> zadadasdfgerw <pre>
s) q标簽 表示引用 <q>引用内容</q>
t) u标簽 <u>内容</u> 加下劃線。
Html表單
什麼是表單？-
1.是包含表單元素的區域--用來和使用者互動
2.
<form html5.html action=””>在表單中書寫内容 action表示目前擷取到值後，送出到伺服器。
<input type = “text” name=”” id =” ” readonly =”readonly” disable = “disable”>文本框 readonly隻讀 disable 禁用。
<input type = “password” maxlenth = “10” placeholder = “密碼”>密碼框 maxlenth最大長度
<Lab> 文本内容</lab>
Value 賦初始值
Textare 文本域
<button ><btton/> 按鈕
Input type = “botton” value “修改”
Input type = “reset” value = “重置”
Input type = “rsubmit” value = “送出”
</form>
下拉框
<select name =”” id =”” size = “3” multiple = “multiple”> size 表示顯示行數 multiple表示可以多選。
<Option>1</option>
<Option>2</option>
<Option>3</option>
<Option>4</option>
<Option>5</option>
</select>
<Fieldset> 區域
<legend>xxxx<legend>
</Fieldset>
單選按鈕 --Radio
<Input type =”radio” name=”1組”>
Input type =”radio” name=”1組”
多選按鈕--
<Input type =”checkbox”>
<Input type =”checkbox”>
<Input type =”checkbox”>
iframe架構
<iframe src = “form.html”>
</iframe>
表格
<Table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
Thead tbody tfoot 語義化标簽，有利于搜素引擎查詢，可以快速定位内容。
Th 表示表頭，自動加粗内容加粗
![web前端布局練手項目[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)