html的基本結(jié)構(gòu)是什么-創(chuàng)新互聯(lián)

這篇文章將為大家詳細(xì)講解有關(guān)html的基本結(jié)構(gòu)是什么，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)是專業(yè)的包河網(wǎng)站建設(shè)公司，包河接單;提供成都做網(wǎng)站、成都網(wǎng)站制作,網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行包河網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊,希望更多企業(yè)前來合作!

每一個HTML文件都是有自己固定的結(jié)構(gòu)的，每一個文件的基本結(jié)構(gòu)又都包含有三個標(biāo)記：HTML文件標(biāo)記；HEAD文件頭部標(biāo)記；BODY文件主體標(biāo)記；接下來我們就來具體看一下HTML基本結(jié)構(gòu)的代碼。

基本結(jié)構(gòu)代碼：

1 
2     ...
3     ...
4

代碼講解：

1. 稱為根標(biāo)簽，所有的網(wǎng)頁標(biāo)簽都在中。

2. 標(biāo)簽用于定義文檔的頭部，它是所有頭部元素的容器。頭部元素有、<script>、 <style>、<link>、 <meta>等標(biāo)簽，頭部標(biāo)簽在下一小節(jié)中會有詳細(xì)介紹。3. <body></body>標(biāo)簽之間的內(nèi)容是網(wǎng)頁的主要內(nèi)容，如<h2>、、<a>、<img>等網(wǎng)頁內(nèi)容標(biāo)簽，在這里的標(biāo)簽中的內(nèi)容會在瀏覽器中顯示出來。4.是文章的段落標(biāo)簽5.<hx></hx>表示文章標(biāo)題（x表示數(shù)字，為文章標(biāo)題等級1-6）6.表示斜體7.表示加粗8.<style>span{在這里配置樣式，比如文字大小，顏色等}</style>設(shè)置單獨(dú)樣式9.<q></q>引用，會自動加上雙引號10.<blockquote></blockquote>縮進(jìn)11. 換行12. 輸入空格13.<hr/>添加水平橫線14.<address></address>輸入地址信息（默認(rèn)以斜體表示）15.<code></code>代碼標(biāo)簽16.<pre></pre>大段代碼標(biāo)簽17.無序列表<ul><li>內(nèi)容</li><li>內(nèi)容</li><li>內(nèi)容</li></ul>18.有序列表(列表會自動加上序號)<ol><li>內(nèi)容</li><li>內(nèi)容</li><li>內(nèi)容</li></ol>19.<div>…</div>：劃分區(qū)域（獨(dú)立邏輯）20.<div id="版塊名稱">…</div>：劃分板塊并給板塊命名21.表格展示（沒有框線）<pre><table> <tbody> <tr> <th>班級</th> <th>學(xué)生數(shù)</th> <th>平均成績</th> </tr> <tr> <td>一班</td> <td>30</td> <td>89</td> </tr> </tbody> </table></pre>22.<table summary = "內(nèi)容"></table>為表格添加摘要23.<caption></caption>為表格添加標(biāo)題24.<a href = "網(wǎng)址" title = "提示">..</a>加入網(wǎng)頁鏈接（在當(dāng)前頁面打開）25.<a href="目標(biāo)網(wǎng)址" target="_blank">..</a>加入網(wǎng)頁鏈接（新建頁面）26.在網(wǎng)頁中鏈接Email地址<img src="/upload/otherpic39/8724.jpg" alt="html的基本結(jié)構(gòu)是什么"><img src="/upload/otherpic39/8725.jpg" alt="html的基本結(jié)構(gòu)是什么">如果mailto后面同時有多個參數(shù)的話，第一個參數(shù)必須以“?”開頭，后面的參數(shù)每一個都以“&”分隔。27.<img src="圖片地址" alt="下載失敗時的替換文本" title = "提示文本">：為網(wǎng)頁插入圖片28.表單標(biāo)簽：表單是可以把瀏覽者輸入的數(shù)據(jù)傳送到服務(wù)器端，這樣服務(wù)器端程序就可以處理表單傳過來的數(shù)據(jù)。<pre><form method="傳送方式" action="服務(wù)器文件"></pre><pre><!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>表單標(biāo)簽

29.輸入大段內(nèi)容：（文本域）..

cols = "行數(shù)"

rows = "列數(shù)"





文本域



    個人簡介：
    在這里輸入內(nèi)容...

輸出：

html的基本結(jié)構(gòu)是什么

30.單選/復(fù)選框

1、type:

當(dāng) type="radio" 時，控件為單選框

當(dāng) type="checkbox" 時，控件為復(fù)選框

2、value：提交數(shù)據(jù)到服務(wù)器的值（后臺程序PHP使用）

3、name：為控件命名，以備后臺程序 ASP、PHP 使用

4、checked：當(dāng)設(shè)置 checked="checked" 時，該選項被默認(rèn)選中

（同一組的單選按鈕，name 取值一定要一致，這樣同一組的單選按鈕才可以起到單選的作用。）





單選框、復(fù)選框



    性別:
    男
    
    女

31.下拉框表





下拉列表框



    愛好:

輸出：

html的基本結(jié)構(gòu)是什么

下拉框列表

selected = "selected"：默認(rèn)選中

32.下拉框表支持復(fù)選:multiple = "multiple"

輸出：

html的基本結(jié)構(gòu)是什么

（在 windows 操作系統(tǒng)下，進(jìn)行多選時按下Ctrl鍵同時進(jìn)行單擊（在 Mac下使用 Command +單擊），可以選擇多個選項）

33.提交按鈕





提交按鈕



    姓名：

34.重置按鈕

在33中把type的值改為reset.

35.form表單中的label標(biāo)簽

label標(biāo)簽不會向用戶呈現(xiàn)任何特殊效果，它的作用是為鼠標(biāo)用戶改進(jìn)了可用性。如果你在 label 標(biāo)簽內(nèi)點(diǎn)擊文本，就會觸發(fā)此控件。就是說，當(dāng)用戶單擊選中該label標(biāo)簽時，瀏覽器就會自動將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上（就自動選中和該label標(biāo)簽相關(guān)連的表單控件上）。

注意：標(biāo)簽的 for 屬性中的值應(yīng)當(dāng)與相關(guān)控件的 id 屬性值一定要相同。





form中的lable標(biāo)簽

 


   男
  
  

  女
  
  

  輸入你的郵箱地址
  
 
  


 
  你對什么運(yùn)動感興趣：

  慢跑
  

  登山
  

  籃球

輸出：

html的基本結(jié)構(gòu)是什么

關(guān)于html的基本結(jié)構(gòu)是什么就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

本文標(biāo)題：html的基本結(jié)構(gòu)是什么-創(chuàng)新互聯(lián)
當(dāng)前路徑：http://weahome.cn/article/cdhjos.html

真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

html的基本結(jié)構(gòu)是什么-創(chuàng)新互聯(lián)

其他資訊

網(wǎng)站制作

企業(yè)服務(wù)

網(wǎng)站建設(shè)

服務(wù)器托管