Hyper Text Mark-up Language（超文本標(biāo)記語(yǔ)言）

超文本：超鏈接

標(biāo)記語(yǔ)言：由標(biāo)記（標(biāo)簽）構(gòu)成的語(yǔ)言

 !DOCTYPE html html lang= en !--html根標(biāo)簽，代表html文檔的開(kāi)始和結(jié)束-- head !--html的頭部分，設(shè)置網(wǎng)頁(yè)屬性，可以設(shè)置標(biāo)題--  meta charset= UTF-8  title Hello World! /title /head body !--html的正文部分，放置想要在頁(yè)面上顯示的內(nèi)容-- !--在HTML中不支持空格、制表符、回車(chē)-- h1 靜夜思 /h1 !--不分開(kāi)始和結(jié)束的標(biāo)簽，自閉合標(biāo)簽-- p !--段落標(biāo)記，有上下邊距即行間距--  font color= red size= 12 床 /font 前明月光， br / !--指定字體的顏色、大小--  疑似地上霜， br /  舉頭望明月， br /  低頭思故鄉(xiāng)， br / /p hr / !--分隔符-- b 哈哈 /b br / !--加粗-- H sub 2 /sub O br / !--下標(biāo)-- 2 sup 3 /sup br / !--上標(biāo)-- /body /html 

 !DOCTYPE html html lang= en head  meta charset= UTF-8  title 轉(zhuǎn)義字符 /title /head body 哈 nbsp;哈 br / !--空格-- a b nbsp;c d br / !--大于小于需要轉(zhuǎn)義，有可能誤當(dāng)成標(biāo)簽-- 1 3 2 br / !--標(biāo)簽里不可以是數(shù)字，所以這樣寫(xiě)直接就是 -- /body /html 

 !DOCTYPE html html lang= en head  meta charset= UTF-8  title 列表標(biāo)簽 /title /head body h2 愛(ài)好 /h2 ul type= square !--無(wú)序列表--  li 抽煙 /li  li 喝酒 /li  li 打游戲 /li /ul hr ol type= A start= 10 !--有序列表，從A的后十位開(kāi)始--  li 小明 /li  li 小強(qiáng) /li  li 小軍 /li /ol hr dl  dt 水果 /dt  dd 蘋(píng)果 /dd  dd 草莓 /dd  dd 香蕉 /dd  dt 零食 /dt  dd 辣條 /dd  dd 奧利奧 /dd  dd 綠豆糕 /dd /dl !--圖形標(biāo)簽，border是邊界，alt是加載不出來(lái)顯示，title是鼠標(biāo)放置時(shí)顯示的-- img src= image.png border= 1 width= 200 height= 200 alt= HTML title= 我是一張普通的圖片 /body /html 

 !DOCTYPE html html lang= en head  meta charset= UTF-8  title 超鏈接 /title /head body !--a超鏈接標(biāo)簽，href用于指定鏈接，以下的網(wǎng)頁(yè)在同一文件夾內(nèi)，traget的_blank不覆蓋當(dāng)前頁(yè)面，而是打開(kāi)新的頁(yè)面-- !--href由協(xié)協(xié)議名+協(xié)議內(nèi)容組成-- a href= 排版標(biāo)記.html target= _blank 點(diǎn)我跳轉(zhuǎn) /a br / a href= http://www.baidu.com 百度 /a br / a href= mailto:haiyu19931121@163.com target= _blank 聯(lián)系我們 /a br / a href= thunder://abcdefg.mp4 target= _blank 下載 /a br / a name= 回來(lái) /a img src= image.png border= 1 width= 400 height= 400 br / img src= image.png border= 1 width= 400 height= 400 br / img src= image.png border= 1 width= 400 height= 400 br / img src= image.png border= 1 width= 400 height= 400 br / img src= image.png border= 1 width= 400 height= 400 br / img src= image.png border= 1 width= 400 height= 400 br / img src= image.png border= 1 width= 400 height= 400 br / a href= #回來(lái) 回到頂部 /a !--#表示使用本地超鏈接-- /body /html 

 !DOCTYPE html html lang= en head  meta charset= UTF-8  title 表格標(biāo)簽 /title /head body !--cellpadding是文字距離內(nèi)邊框的距離，cellspacing是內(nèi)邊框和外邊框的距離-- table border= 1 cellspacing= 0 width= 200  tr !--tr表示行--  th 姓名 /th !--表頭，自帶居中和加粗--  th 年齡 /th  /tr  td 小紅 /td !--td表示列--  td 13 /td  /tr  td 小強(qiáng) /td  td 15 /td  /tr /table /body /html 

border是最外邊的藍(lán)線(xiàn)的寬度，不要理解成了內(nèi)外邊框的距離，cellspacing才是。

如用一個(gè)頁(yè)面來(lái)顯示3個(gè)頁(yè)面，共需要四個(gè)。用4.html來(lái)顯示其他三個(gè)

4.html

 !DOCTYPE html html lang= en head  meta charset= UTF-8  title Title /title /head frameset rows= 30%, 70% !--上下比例3:7--  frame src= 1.html / !--占了30%--  frameset cols= 30%, 70% !--左右比例3:7--  frame src= 2.html / !--占30%--  frame src= 3.html name= _mine / !--占70%，name為_(kāi)mine,方便點(diǎn)擊2.html中的超鏈接轉(zhuǎn)到3.html中顯示--  /frameset /frameset /html 

1.html

 !DOCTYPE html html lang= en head  meta charset= UTF-8  title Title /title /head body h1 首頁(yè) /h1 /body /html 

2.html

 !DOCTYPE html html lang= en head  meta charset= UTF-8  title Title /title /head body h1 首頁(yè) /h1 /body /html 

3.html

 !DOCTYPE html html lang= en head  meta charset= UTF-8  title 表格標(biāo)簽 /title /head body !--cellpadding是文字距離內(nèi)邊框的距離，cellspacing是內(nèi)邊框和外邊框的距離-- table border= 1 cellspacing= 0 width= 200  tr !--tr表示行--  th 姓名 /th !--表頭，自帶居中和加粗--  th 年齡 /th  /tr  td 小紅 /td !--td表示列--  td 13 /td  /tr  td 小強(qiáng) /td  td 15 /td  /tr /table /body /html 

 !DOCTYPE html html lang= en head  meta charset= UTF-8  title 表單 /title /head body !--form標(biāo)識(shí)表單范圍--  form action= # !--action決定提交的位置，還沒(méi)學(xué)服務(wù)器，先提交給自己，沒(méi)什么意義--  !--input type:決定輸入類(lèi)型 name:提交的鍵 size:文本輸入框的長(zhǎng)度 maxlenght:顯示文本框輸入長(zhǎng)度（能輸入的字符個(gè)數(shù)） readonly:只讀，不能修改，不影響提交 disable:禁用，被禁用的表單項(xiàng)不會(huì)提交。所有的input屬性都能用 form action：提交的地址 method：提交的方法 get: 1、將鍵值對(duì)拼接在url地址 2、安全性不太好 3、提交的長(zhǎng)度有限 post: 1、參數(shù)不在url地址 2、安全性比較好 3、理論上提交長(zhǎng)度沒(méi)有限制 --  用戶(hù)名： input type= text name= username value= admin disabled= disabled / br / !--name提交的鍵--  密碼： input type= password name= password / br / !--name提交的鍵--  性別：男 input type= radio name= sex value= male / 女 input type= radio name= sex value= female br / !--name提交的鍵--  愛(ài)好：抽煙 input type= checkbox name= habit value= smoke  喝酒 input type= checkbox name= habit value= drink  吃零食 input type= checkbox name= habit value= eat br /  學(xué)歷： select name= edu  option value= zk 專(zhuān)科 /option  option value= bk 本科 /option  option value= yjs 研究生 /option  option value= bss 博士生 /option  /select br /  個(gè)人說(shuō)明： textarea rows= 10 cols= 30 name= desc 這家伙很懶，什么都沒(méi)留下 /textarea br /  近照： input type= file name= file br /  !--隱藏了但是能提交--  input type= hidden name= haha value= heihei  input type= submit / input type= reset /  /form /body /html 

 meta http-equiv= Content-Type content= text/html;charset=UTF-8 !--指定字符集-- meta http-equiv= Refresh content= url=http://www.baidu.com !--3秒刷新并定向到百度-- 

以上就是什么是HTML？關(guān)于html的具體介紹的詳細(xì)內(nèi)容，html教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。