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

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

站在用戶的角度思考問題，與客戶深入溝通，找到東寧網(wǎng)站設計與東寧網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：成都網(wǎng)站設計、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、申請域名、網(wǎng)絡空間、企業(yè)郵箱。業(yè)務覆蓋東寧地區(qū)。

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

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

1 
2     ...
3     ...
4

代碼講解：

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

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

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

cols = "行數(shù)"

rows = "列數(shù)"





文本域



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

輸出：

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

30.單選/復選框

1、type:

當 type="radio" 時，控件為單選框

當 type="checkbox" 時，控件為復選框

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

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

4、checked：當設置 checked="checked" 時，該選項被默認選中

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





單選框、復選框



    性別:
    男
    
    女

31.下拉框表





下拉列表框



    愛好:

輸出：

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

下拉框列表

selected = "selected"：默認選中

32.下拉框表支持復選:multiple = "multiple"

輸出：

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

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

33.提交按鈕





提交按鈕



    姓名：

34.重置按鈕

在33中把type的值改為reset.

35.form表單中的label標簽

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

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





form中的lable標簽

 


   男
  
  

  女
  
  

  輸入你的郵箱地址
  
 
  


 
  你對什么運動感興趣：

  慢跑
  

  登山
  

  籃球

輸出：

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

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

本文名稱：html的基本結(jié)構(gòu)是什么
轉(zhuǎn)載源于：http://weahome.cn/article/pppjdj.html

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

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

其他資訊

網(wǎng)站制作

企業(yè)服務

網(wǎng)站建設

服務器托管