JAVAEE就業(yè)--HTML語言總結(jié)
來源：程序員人生 發(fā)布時間：2015-03-21 09:21:06 閱讀次數(shù)：2698次
Html：超文本標(biāo)記語言
：網(wǎng)頁語言
規(guī)范：1，以<html>開始，以</html>結(jié)束
2，有兩個部份組成，<head></head>和<body></body>
頭標(biāo)簽中的title標(biāo)簽可以顯示
對數(shù)據(jù)進(jìn)行操作，先要用標(biāo)簽封裝數(shù)據(jù)子，在設(shè)置其屬性和屬性值
格式： <標(biāo)簽 屬性 = "屬性值"></標(biāo)簽>其中 也能夠這樣寫 <標(biāo)簽 屬性 = '屬性值'></標(biāo)簽>
有的標(biāo)簽沒有結(jié)束。。例如<br/>在標(biāo)簽內(nèi)結(jié)束。
**** html思想
網(wǎng)頁中的數(shù)據(jù)，根據(jù)需求不同可能顯示的效果不同，可以通過修改標(biāo)簽的屬性和屬性值來到達(dá)效果。
而標(biāo)簽相當(dāng)于1個容器，可以通過修改容器的屬性值來改變?nèi)萜鲀?nèi)的所有數(shù)據(jù)
經(jīng)常使用標(biāo)簽
***文字和注釋：
<font></font>
size:范圍是1⑺，超過7就當(dāng)7
color:
***標(biāo)題標(biāo)簽：
<h1></h1><h2></h2>......<h6></h6>...字體愈來愈小。
***水平線標(biāo)簽：
<hr color = "blue" size="5"/> 沒有結(jié)束標(biāo)簽，在標(biāo)簽內(nèi)結(jié)束size值是粗細(xì)
***特殊字符：
< <
> >
空格
& &
雙引號”："
注冊符：®
版權(quán)符： ©
***列表標(biāo)簽：
<dl></dl>：表示列表內(nèi)容
<dt></dt>：列表標(biāo)題 上層內(nèi)容
<dd></dd>：列表 下層內(nèi)容
***有序號的顯示列表內(nèi)容
<ol></ol>:標(biāo)簽范圍：
<!--
屬性type 值 1
屬性type 值 a
屬性type 值 i
-->
<li>內(nèi)容</li>
***無序號的顯示列表內(nèi)容
<ul></ul>:標(biāo)簽范圍：
<!--
屬性type 值 type: 空心圓circle 、實(shí)心圓disc 、實(shí)心方塊square ，默許disc
-->
<li>內(nèi)容</li>
***圖象標(biāo)簽
<img src="圖片地址" width="圖片寬度" height="圖片高度"/>
**<alt>這是圖片上顯示的內(nèi)容，鼠標(biāo)放在圖片上等片刻就能夠看到</alt>
圖象在html上級目錄用"../"表示上級目錄，都是相對html文件來講的
辨別相對路徑和絕對路徑
***超鏈接標(biāo)簽
**連接資源
<a href="要來連接的地址">顯示的內(nèi)容</a>
其中1個屬性
屬性 target 值_self 在當(dāng)前頁面打開 閱讀器默許的
屬性 target 值_blank 在新建頁面打開
<a href="要來連接的地址"target="_blank" >
**定位資源(回到頂部案列)
定義位置：<a name="位置"></a>
到達(dá)位置：<a href="#位置"></a>//1定加上#
**原樣輸出標(biāo)簽：<pre>內(nèi)容</pre>
***表格標(biāo)簽
作用：對數(shù)據(jù)格式化，規(guī)范。
<table><table/>表格范圍
<tr>行數(shù)</tr>表示1行
<td>單元格</td>單元格
table屬性
border 值是1⑺
bordercolor 線的色彩
width 寬
height 高
cellspacing 單元格之間的距離
tr屬性
對齊方式：align 值：left：居左 center：居中 right：居右
td屬性
對齊方式：align 值：left：居左 center：居中 right：居右
**表示單元格<th></th>:作用是居和加粗中單元格內(nèi)容
**表格標(biāo)題<caption>設(shè)置表格的標(biāo)題</caption>
**表格居中<center></center>，寫在table外面
**合并單元格
rowspan:跨行
colspan:跨列
<></>
例如：
<table border="0" bordercolor="RED" cellspacing="單元格直接的距離">
<tr rowspan="3"><!--跨行-->
<td>單元格</td>
<td>單元格</td>
</tr>
<tr>
<td colspan="2">單元格</td><!--跨列-->
<td>單元格</td>
</tr>
<table/>
***表單標(biāo)簽（最重要）
**<form action="
服務(wù)器"><form/>表示表單的范圍，開始結(jié)束
**提交的
服務(wù)器，可使用屬性：action
**設(shè)置提交方式：可使用屬性：method 值get和post方式提交
**文件上傳的設(shè)置：屬性 enctype
*
面試題：form標(biāo)簽提交的get和post方式的區(qū)分？
get要求數(shù)據(jù)會在地址欄顯示，
get要求安全級別較低，post安全相對較高，
get要求數(shù)據(jù)大小有限制，post要求沒有大小的限制
**<input type="不同類型"/>
1，<input type="text"/>文本輸入項(xiàng)
2，<input type="password"/>密碼輸入項(xiàng)
3，<input type="radio" name="sex" value="nan"/> 單選輸入項(xiàng)1
<input type="radio" name="sex" value="nv"/> 單選輸入項(xiàng)2
**必須有name，且name1致，默許選擇用屬性checked="checked"
**除有name屬性，還有value屬性
4， <input type="checkbox" name="love" value="1"/>復(fù)選輸入項(xiàng)
<input type="checkbox" name="love" value="2"/>復(fù)選輸入項(xiàng)2
<input type="checkbox" name="love" value="3"/>復(fù)選輸入項(xiàng)3
**除有name屬性，還有value屬性
**默許選擇狀態(tài) 可使用屬性checked="checked"
5，<select name="xueli">下拉選擇項(xiàng)
<option>--情選擇--</option>
<option>下拉選擇項(xiàng)2</option>
<option>下拉選擇項(xiàng)3</option>
<option>下拉選擇項(xiàng)4</option>
**這里也應(yīng)當(dāng)有value值
</select>
6，<textarea cols="幾行" rows="幾列" ></textarea>文本域
7，<input type="file"/>文件輸入項(xiàng)
8，<input type="submit" value="按鈕顯示文字"/>提交按鈕，提交到
服務(wù)器
9，<input type="image" src="圖片地址">提交操作，圖片提交
10，<input type="reset" value="重置按鈕名字"/>重置按鈕，恢復(fù)表單的初始狀態(tài)
11，<input type="button" value="1個按鈕">普通按鈕，和js結(jié)合
12，<input type="hidden" name="隱藏內(nèi)容 ">隱藏項(xiàng)
HTML中其他標(biāo)簽
b 加粗
u 下劃線
i 斜體
s 刪除線
p 段落
pre原樣輸出
sub下標(biāo)
sup上標(biāo)
div自動換行
span在1行顯示
**html的頭標(biāo)簽
title：標(biāo)題
base：設(shè)置超鏈接1些操作
meta：提供頁面有關(guān)的信息，比如關(guān)鍵字的搜索頁面
link：援用外部文件，常常和css1起使用
***框架標(biāo)簽
把頁面分成多個獨(dú)立頁面
frameset:頁面劃分方式
屬性rows
<frameset rows="30,*">
屬性cols
<frameset cols="30,*">
frame
<frame src="html路徑"></frame>
***使用框架標(biāo)簽時，不能寫在body內(nèi)，也不能寫在其外面，解決辦法是去除body
***擴(kuò)大標(biāo)簽 a
如果訪問網(wǎng)絡(luò)資源 加上"HTTP://"<a href=src="http://www.baidu.com">百度1下</a>
對閱讀器不支持的協(xié)議，會在啟動時在本地尋覓所支持的利用程序
生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈
