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