1.html是超文本標記語言的簡寫(HyperText markup language),是最基本的網頁語言
2.html的基本結構
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
3.文本標籤
標題(h1~h6)
水平線(hr)
段落(p)
上下標(sup和sub)
換行(br)
原樣輸出(pre)
有序列表ol li
無序列表ul li
項目列表標籤(dl dt dd)
行內標籤(span)
塊標籤 (div)
4.常用的字符實體
5.多媒體
音視頻標籤格式: 屬性:src 、和hidden
例子: src=”love.mp3” type=”” />
*6.鏈接標籤<!--如果a標籤沒有寫協議,就會啓動file協議解釋器去解釋該資源路徑-->
協議類型:
郵件協議:mailTo [email protected]
迅雷下載協議:thunder nihao.avi
定位:回到頂部 和 頂部 配合使用,一個屬性是href,另一個是name
7.圖片標籤
格式:
<img src="" alt="" />
src是指文件路徑,alt是指在制定路徑下找不到文件的時候,就會顯示alt指定的文字
**8.table表
標題標籤:<caption>
,給表格提供標題
表頭標籤:<th>
,一般對錶格的第一行或者第一列進行格式化,就是粗體顯示。並不常用。
行標籤:<tr>
單元格標籤:<td>
,加載行標籤的裏面。可以簡單理解爲,先有行,在行中在加入單元格
<table border="1px" width="500px" height="200px" align="center">
<caption>期末成績</caption>
<tr>
<th>姓名</th>
<th>分數</th>
<th>人品</th>
</tr>
<tr align="center">
<td rowspan="2">姓名1</td> <!--行屬性-->
<td>分數</td>
<td>人品</td>
</tr>
<tr align="center">
<td>分數</td>
<td>人品</td>
</tr>
<tr align="center">
<td>姓名</td>
<td colspan="3">分數</td> <!--列屬性-->
</tr>
</table>
9.html表單(別忘記name,不然表單數據上沒有name的值)
<form action="" method="post"></form> //action是提交表單的位置,method是制定提交的方法是get,還是post
表單域:
<input type="" name="" />
表單按鈕:
<input type="submit" value="提交"/>
<input type="reset" value="重置"/>
單選按鈕:(如果需要默認選中,就需要添加屬性checked="true")
男<input type="radio" value="man" name="sex" checked="true"/>
女<input type="radio" value="woman" name="sex"/>
複選框
籃球<input type="checkbox" name="hobby" value="baskerball" checked="true"/>
足球<input type="checkbox" name="hobby" value="football"/>
排球<input type="checkbox" name="hobby" value="volleyball"/>
下拉框
<select name="city" id="">
<option value="sz">深圳</option>
<option value="bj" selected="true">北京</option>
<option value="sh">上海</option>
</select>
文本輸入域
<textarea name="" id="" cols="30" rows="10"></textarea>
面試問題:get和post的區別是什麼?
get會在瀏覽器的地址欄顯示提交的內容,而且大小也有限制,不能超過1kb,提交敏感數據不安全
post在瀏覽器地址欄不會顯示提交內容,大小無限制,提交敏感數據時安全