整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          如何使用HTML寫文檔標(biāo)簽和文本標(biāo)簽

          一下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"屬性。


          屬性

          屬性描述
          widthnumberHTML5 不支持該屬性。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:文本域


          主站蜘蛛池模板: 欧美日本精品一区二区三区| 加勒比精品久久一区二区三区| 中文字幕一区在线观看| 国产av一区最新精品| 亚洲色精品三区二区一区| 无码少妇一区二区浪潮免费| 国内精品视频一区二区三区八戒| 国产激情一区二区三区小说| 国产成人一区二区在线不卡 | 红桃AV一区二区三区在线无码AV| 东京热无码av一区二区| 亚洲欧洲一区二区| 人妻精品无码一区二区三区| 亚洲AV无码一区二三区| 精品三级AV无码一区| 波多野结衣精品一区二区三区| 中文字幕永久一区二区三区在线观看 | 久久无码精品一区二区三区| 日韩精品一区二区亚洲AV观看| 毛片一区二区三区无码| 97精品国产福利一区二区三区| 一区高清大胆人体| 波多野结衣一区在线| 一区二区在线观看视频| 精品福利视频一区二区三区| 无码少妇一区二区浪潮av| 国产欧美一区二区精品仙草咪| 国产精品资源一区二区| 极品人妻少妇一区二区三区| 国产一区二区三区亚洲综合 | 秋霞鲁丝片一区二区三区| 欧美日韩精品一区二区在线视频| 国产凸凹视频一区二区| 秋霞午夜一区二区| 精品视频一区二区观看| 国产亚洲情侣一区二区无| 一区二区乱子伦在线播放| 亚洲第一区精品日韩在线播放| 乱色熟女综合一区二区三区| 亚洲熟妇AV一区二区三区宅男| 人妻无码视频一区二区三区 |