[php入门] 4、HTML基础入门一篇概览
?
?
[php入門] 1、從安裝開發環境環境到（莊B）做個炫酷的登陸應用
[php入門] 2、基礎核心語法大綱
[php入門] 3、WAMP中的集成MySQL相關基礎操作
?
1、HTML的作用
HTML是超文本標記語言，主要用于制作頁面結構；而經常與之一起用的CSS是層疊樣式表，用于設置頁面的樣式，比如顏色、字體等；而javascript主要用來制作動畫效果、與數據庫交互等。
?
2、HTML有兩種標簽形式：
① 雙閉合標簽：<標簽名 ?屬性名1=值1 屬性2=值2......>標簽中的內容</標簽名>
② 單閉合標簽：<標簽名 屬性名1=值1 屬性名2=值2..../>
?
3、基本結構：
<!DOCTYPE>是文檔聲明，表明當前靜態頁使用哪個版本的靜態頁。像博客園首頁采用的<!DOCTYPE html>是HTML5
?
? 標簽是一層嵌套一層，HTML標簽是最外層標簽，其它標簽都寫在這個標簽里面。
HTML標簽又包含了head標簽和body標簽，其中head設置頭信息，body設置內容。
?
head標簽又包含頭、編碼、關鍵詞等標簽。
其中第一個是設置本靜態文檔的編碼為UTF-8；第二個是設置該靜態文檔的標題：；第三個是關鍵詞，供搜索引擎搜索；第四個是描述，可以參考下下圖中在百度中搜索博客園中顯示的結果看看描述的作用。
在head中的內容不會顯示在正文中，而body中的內容會顯示在正文中。
body中一般使用塊級標簽和內聯標簽來構建文檔結構：
① 塊級結構：h1~h6, p, div, table, form, ul, dl...
② 內聯結構：a, img, span, i, string, select...
PS：塊級結構獨占一行，內聯結構可以與其他標簽在同一行顯示
?
4、幾個標簽（挑的幾個）
分區標簽div：是塊級標簽，其作用一般是作為其他標簽的容器或者規劃網頁結構，經常和CSS一起使用；
span：是內聯標簽，沒有任何特殊功能，主要用來作為文本容器。span+css來控制某段文字的樣式，區別于其他文字；
音頻：<embed height="100" width="100" src="song.mp3"/> ?一般用mp3格式
PS：更多標簽可以在http://www.w3school.com.cn/html/index.asp找到
?
5、表單
5.1、表單的結構
表單form是用來搜集用戶信息的，表單的一般定義為：
<form method="提交方式" action="提交的地址">表單內容 </form>?
5.2、表單元素
<input type="類型" name="名稱" value="值"/>
其中類型有：text、radio、checkbox、hidden、submit、reset、
①?其中類型為text的input一般形式是：
<input name="" value="設置初始值" maxlength="最多幾個字符" size="寬度" type="text" /input>
② 其中radio的典型形式是（單選）：
<input name="sex" type="radio" value="男" checked="true"/>
<input name="sex" type="radio" value="女" checked="false"/>
PS：其中name必須相同
?
③ 其中checkbox用于多選：
<input type="checkbox" name="fruits" value="蘋果"/>
<input type="checkbox" name="fruits" value="桃子"/>
<input type="checkbox" name="fruits" value="菠蘿"/>
?
④ 其中hidden隱藏域，作用是不讓某些內容顯示出來，而偷偷提交給服務器~
⑤ submit按鈕（點擊數據被提交到服務器）
<input type="submit" value="按鈕上顯示的提示內容"/>
⑥ reset和submit類似，用來重置表單
⑦ button按鈕標簽：
<button value="">顯示</button> 等價于 <input type="button" οnclick="js代碼"/>
⑧ textarea多行文本域：
row="行數" col="行數"
?
⑨ 下拉框select：
<select name="provice">
<option value="">選擇省份</option>
<option value="北京">北京</option>
<option value="杭州">杭州</option>
</select>
?
?
PS：如果您覺得還不錯，點個贊，讓更多人受益~
@beautifulzzzz?2016-07-12 continue~??
e-mail：beautifulzzzz@qq.com?
sina：http://weibo.com/beautifulzzzz?is_all=1
?
?
系列文章：
[php入門] 1、從安裝開發環境環境到（莊B）做個炫酷的登陸應用
[php入門] 2、基礎核心語法大綱
[php入門] 3、WAMP中的集成MySQL相關基礎操作
?
總結
以上是生活随笔為你收集整理的[php入门] 4、HTML基础入门一篇概览的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： IntelliTrace 调试、定位异常
- 下一篇： 梦到分梨吃是什么意思