一下html中文件標(biāo)簽和文本標(biāo)簽的使用
目的是學(xué)會(huì)使用,所以借助工具可以省好多時(shí)間
1.文件標(biāo)簽:構(gòu)成html最基本的標(biāo)簽
html:html文檔的根標(biāo)簽
head:頭標(biāo)簽。用于引入html文檔的一些屬性。引入外部的一些資源
title:標(biāo)題標(biāo)簽
body:體標(biāo)簽
<!DOCTYPE html>:html5中定義該文檔是html
2.文本標(biāo)簽:和文本有關(guān)的標(biāo)簽
注釋:<!-- 注釋內(nèi)容 –->
<h1> 到<h6>:標(biāo)題標(biāo)簽自帶換行的效果
<p>:表示段落的標(biāo)簽
<br>:換行標(biāo)簽<br/>和<br>的寫法都不會(huì)報(bào)錯(cuò)
<hr>:顯示一條水平線(也是一個(gè)自閉和標(biāo)簽)水平線有一些屬性我們可以控制它的樣式。hr里面表示高度是size而不是height.對(duì)齊方式默認(rèn)是居中的。
<b>:字體加粗
<i>:斜體
<font>:字體標(biāo)簽(通過屬性來修改字體的字號(hào),大小,顏色,以及字體的樣式)
<center>:文本居然標(biāo)簽
例
預(yù)格式化的文本:
<pre>
此例演示如何使用 pre 標(biāo)簽
對(duì)空行和 空格
進(jìn)行控制
</pre>
瀏覽器支持
目前大多數(shù)瀏覽器支持 <pre> 標(biāo)簽。
標(biāo)簽定義及使用說明
<pre> 標(biāo)簽可定義預(yù)格式化的文本。
被包圍在 <pre> 標(biāo)簽 元素中的文本通常會(huì)保留空格和換行符。而文本也會(huì)呈現(xiàn)為等寬字體。
提示和注釋
提示: <pre> 標(biāo)簽的一個(gè)常見應(yīng)用就是用來表示計(jì)算機(jī)的源代碼。
在HTML 4.01 與 HTML5中的差異
在 HTML 4.01 中,"width" 屬性已廢棄,不可使用。 HTML5 不支持"width"屬性。
屬性
屬性 | 值 | 描述 |
---|---|---|
width | number | HTML5 不支持該屬性。HTML 4.01 已廢棄該屬性。 定義每行的最大字符數(shù)(通常是 40、80 或 132)。 |
全局屬性
<pre> 標(biāo)簽支持全局屬性,查看完整屬性表 HTML全局屬性。
事件屬性
<pre> 標(biāo)簽支持所有 HTML事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
TML:完成頁面的內(nèi)容展示
CSS:完成頁面樣式的控制,美化頁面,完成頁面的布局。
表單:用于采集用戶輸入的數(shù)據(jù)。用于和服務(wù)器進(jìn)行交互。
form:用于定義表單的。可以定義一個(gè)范圍(代表用戶采集數(shù)據(jù)的范圍)
屬性:action:指定提交數(shù)據(jù)的url(指的就是把數(shù)據(jù)提交到哪里)
method:指定提交方式
分類:一共有7種,2種比較常用。
get:1.請(qǐng)求參數(shù)會(huì)在地址欄顯示
2.請(qǐng)求參數(shù)的長度是有限制的。
3.請(qǐng)求不安全
post:1.請(qǐng)求參數(shù)不會(huì)在地址欄顯示,會(huì)封裝在請(qǐng)求體中。
2.請(qǐng)求參數(shù)的長度沒有限制
3.較為安全
表單里面的數(shù)據(jù)要想被提交,必須指定它的name屬性
表單項(xiàng)標(biāo)簽
input:可以通過type屬性值,改變?cè)卣故镜臉邮健?/p>
type屬性:text:文本輸入框,默認(rèn)值
placeholder:指定輸入框的提示信息,當(dāng)輸入框的內(nèi)容發(fā)生變化,會(huì)自動(dòng)情況提示信息。
password:密碼輸入框
radio:1.單選框(要想讓多個(gè)單選框?qū)崿F(xiàn)單選的效果,則多個(gè)單選框的name屬性值必須一樣)
2.一般會(huì)給每一個(gè)單選框提供value屬性,指定其被選中后提交的值。
3.checked屬性可以指定默認(rèn)值
checkbox:復(fù)選框:
1.一般會(huì)給每一個(gè)單選框提供value屬性,指定其被選中后提交的值。
2.checked屬性可以指定默認(rèn)值
file:文件選擇框
hidden:隱藏域,用于提交一些信息
按鈕:
submit:提交按鈕。可以提交表單
button:普通按鈕
image:圖片提交按鈕
src屬性指定圖片的路徑
label:指定輸入項(xiàng)的文字描述信息
注意:lable的for屬性一般會(huì)和input的id屬性值對(duì)應(yīng)。如果對(duì)應(yīng)了,點(diǎn)擊lable區(qū)域,會(huì)讓input輸入框獲取焦點(diǎn)。
select:下拉列表
子元素:option,指定列表項(xiàng)
textarea:文本域
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。