資訊專欄INFORMATION COLUMN
格式：
雙邊：<標(biāo)簽名 屬性1="值1" 屬性2=值2 屬性3=值3>內(nèi)容
單邊：<標(biāo)簽名 屬性1="值1" 屬性2=值2 屬性3=值3 />
特點(diǎn)：
標(biāo)簽都是成對(duì)出現(xiàn)的，單邊標(biāo)簽也不要忘記結(jié)尾的/
容錯(cuò)性強(qiáng)，但是不要故意寫錯(cuò)，故意挑戰(zhàn)瀏覽器的解析能力
標(biāo)簽名已經(jīng)預(yù)定義，不要隨便自己起名字
標(biāo)簽統(tǒng)一使用小寫，屬性值統(tǒng)一使用雙引號(hào)包括
說明：標(biāo)簽就是HTML文件的骨架，是最重要的組成部分
示例：
<html>
<head>
<title>頁面標(biāo)題title>
head>
<body text="red" bgcolor="#00ff00">
這里是頁面內(nèi)容
body>
html>
說明
html：是文檔中最大的標(biāo)簽，所有的標(biāo)簽都有放在該標(biāo)簽中
head：頭部，里面的內(nèi)容不會(huì)顯示在頁面上，但是可以設(shè)置頁面信息，如：標(biāo)題、字符集
body：身體，存放用于顯示的頁面內(nèi)容，是頁面的主體部分
body屬性：
text：設(shè)置字體顏色
bgcolor：設(shè)置背景顏色
幾乎每個(gè)標(biāo)簽都有的屬性：
class、id、style、name
標(biāo)題：h1~h6，字體從大到小，h1一個(gè)頁面最多一個(gè)，不能為了調(diào)整字體大小而使用
加粗：、
斜體：、、
下劃線：
刪除線：
上標(biāo)：
下標(biāo)：
字體：
size：大小
color：顏色
face：類型
換行：
段落：，表示一個(gè)段落
橫線：
滾動(dòng)：
原樣：，瀏覽器中顯示的文本內(nèi)容與文本一樣
無序列表：
type：disc(實(shí)心圓，默認(rèn))、circle(空心圓)、square(實(shí)心方框)
有序列表：
type：1、A、a、I
start：起始序號(hào)
說明：HTML中預(yù)留的字符都必須替換為字符實(shí)體才可以顯示。
提醒：不用刻意記錄這些字符實(shí)體，用的時(shí)候查一下即可。
示例：
> >
< <
空格
& &
參考：http://www.w3school.com.cn
說明：統(tǒng)一資源定位符，是URI的一種，可以唯一標(biāo)識(shí)一個(gè)網(wǎng)絡(luò)資源
組成：協(xié)議://主機(jī):端口/文件?參數(shù)1=值1&參數(shù)2=值2
http：80，可以省略
https：443
例子：http://www.baidu.com:80/index.html?kw=python&page=2
說明：超鏈接，可以完成頁面的跳轉(zhuǎn)
屬性：
href：指定跳轉(zhuǎn)地址
title：光標(biāo)放上去的提示信息
target：新頁面的打開目標(biāo)
_self：當(dāng)前標(biāo)簽欄，默認(rèn)設(shè)置
_blank：新的空白標(biāo)簽欄
_parent：覆蓋父級(jí)標(biāo)簽欄
_top：覆蓋頂層標(biāo)簽欄
name：設(shè)置錨點(diǎn)，用于跳轉(zhuǎn)定位
可以在href屬性設(shè)置時(shí)更精準(zhǔn)定位跳轉(zhuǎn)地址
如：，使用：xxx
說明：錨點(diǎn)不但可在一個(gè)頁面內(nèi)部跳轉(zhuǎn)，還可進(jìn)行跨越面跳轉(zhuǎn)定位
圖片：img(重點(diǎn))
src：圖片資源位置
width：寬度
height：高度，多帶帶設(shè)置一個(gè)時(shí)，另一個(gè)會(huì)等比縮放，若同時(shí)設(shè)置可能會(huì)拉伸或壓縮
title：光標(biāo)放上去的提示信息，圖片加載失敗是也會(huì)顯示。
src：指定資源
controls：顯示控制條(值為controls，可以不寫值)
loop：循環(huán)播放(值為loop，可以不寫值)
autoplay：自動(dòng)播放(值為autoplay，可以不寫值)
音頻的屬性視頻都有，功能也一樣
多出來關(guān)于尺寸的屬性：width、height
多帶帶設(shè)置會(huì)進(jìn)行等比縮放，同時(shí)設(shè)置時(shí)會(huì)出現(xiàn)留白
說明：就是類似于excel的形式
table：表格標(biāo)簽，所有的表格內(nèi)容都要放在該標(biāo)簽中
border：邊框尺寸
bordercolor：邊框顏色
width：寬度
height：高度
bgcolor：背景色
align：水平對(duì)齊方式(left默認(rèn)、center、right)
tr：表格中的一行
bgcolor：背景色
align：水平對(duì)齊方式(left默認(rèn)、center、right)
valign：垂直對(duì)齊方式(top、middle默認(rèn)、bottom)
td：一行的一列
colspan：列合并，合并一行的若干列
rowspan：行合并，合并一列的若干行
th：功能與td相同，只不過樣式不同，進(jìn)行了著重強(qiáng)調(diào)，用于設(shè)置表頭
caption：表格標(biāo)題，通常用于描述表格的作用
說明：就是一個(gè)頁面中包含另一個(gè)頁面
屬性：
src：加載的資源地址
width：寬度
height：高度
frameborder：是否顯示邊框(1/0)
scrolling：滾動(dòng)條控制(yes、no、auto)
name：標(biāo)識(shí)窗口的名字，可以用于a標(biāo)簽的打開目標(biāo)地址
說明：替代body定義網(wǎng)頁框架，而且可以根據(jù)需要指定尺寸或比例進(jìn)行劃分
屬性：
rows：垂直方向的尺寸劃分，可以使用像素、也可以使用百分比，*表示其他
cols：水平方向的尺寸劃分
noresize：禁止調(diào)整尺寸
frameborder：是否顯示邊框
border：邊框?qū)挾?/span>
bordercolor：邊框顏色
frame：frameset中的一幀內(nèi)容，也就是一個(gè)頁面
noframes：瀏覽器不支持frameset時(shí)使用，兼容設(shè)置顯示內(nèi)容
說明：服務(wù)器收集用戶信息，如：登錄、注冊(cè)等場(chǎng)景
form：表單，所有提交的數(shù)據(jù)都需要放在該標(biāo)簽中
action：指定提交地址，默認(rèn)提交到當(dāng)前地址
method：請(qǐng)求方法，get、post
get：提交的數(shù)據(jù)會(huì)出現(xiàn)在URL中
post：提交的數(shù)據(jù)不會(huì)出現(xiàn)在URL中，經(jīng)常用于登錄、注冊(cè)、上傳文件等
input：輸入框，是表單中最重要的組成部分
name：指定名字，沒有名字是無法提交的(即使能提交，數(shù)據(jù)也沒有意義)
value：文本框的內(nèi)容，一般用于不可輸入的文本框
placeholder：占位內(nèi)容，通常用于提示
size：設(shè)置尺寸(寬度)
maxlength：限制最大輸入字符個(gè)數(shù)
readonly：只讀狀態(tài)，不可更改
disabled：禁用狀態(tài)
type：設(shè)置輸入框類型
text：可見文本，默認(rèn)屬性
submit：是提交按鈕
password：密文文本
radio：?jiǎn)芜x框，注意事項(xiàng)：
多個(gè)單選項(xiàng)的name屬性要一樣
因?yàn)闊o法輸入內(nèi)容，所以需要書寫value屬性進(jìn)行選項(xiàng)的區(qū)分，不必非要與提示信息一致
checked屬性可以用于默認(rèn)選擇狀態(tài)的設(shè)置
想讓提示信息關(guān)聯(lián)單選框，可以通過label標(biāo)簽結(jié)合id屬性完成
checkbox：復(fù)選框，注意事項(xiàng)與radio相同
hidden：隱藏字段，不可見的，可以傳遞特定不公開信息
file：上傳文件字段，需要對(duì)表屬性進(jìn)行配套設(shè)置
表單提交方法只能是post：method="post"
指定編碼類型：enctype="multipart/form-data"
select：下拉選擇框
屬性name需要設(shè)置
屬性size可以控制顯示的選項(xiàng)個(gè)數(shù)
每一個(gè)選項(xiàng)通過option標(biāo)簽體現(xiàn)，必須指定其value屬性，默認(rèn)選中使用selected
textarea：文本域，多行文本
說明：input是單行文本，textarea是多行文本
屬性：
rows：設(shè)置行數(shù)
cols：設(shè)置列數(shù)
注意：不要在輸入?yún)^(qū)域書寫任何多余的內(nèi)容
表單提交
，標(biāo)準(zhǔn)的提交按鈕，可以提交按鈕本身的值
，可以提交，但是不能提價(jià)按鈕的值
，長(zhǎng)的跟按鈕一樣，但是不能提交，后面可以結(jié)合JS使用
說明：一般存放對(duì)網(wǎng)頁進(jìn)行說明的內(nèi)容，不會(huì)顯示在頁面上
示例：
<meta charset="utf-8" />
<title>表單內(nèi)容title>
<meta name="keywords" content="PYTHON培訓(xùn),PYTHON開發(fā)培訓(xùn)" />
<meta name="description" content="教育第一" />
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" href="xxx.css">
<meta http-equiv="refresh" content="5;url=http://www.baidu.com">
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/1452.html
摘要：鏈接標(biāo)簽屬性鏈接地址打開方式新標(biāo)簽頁打開當(dāng)前頁面打開默認(rèn)鏈接提示文本標(biāo)記標(biāo)題元素文本樣式斜體粗體刪除線下劃線上標(biāo)下標(biāo)段落元素?fù)Q行元素分割線元素標(biāo)簽屬性尺寸寬度顏色水平對(duì)齊方式分區(qū)元素塊分區(qū)元素行內(nèi)分區(qū)元素塊級(jí)元素與行內(nèi)元素塊級(jí)元素行內(nèi)元 showImg(http://upload-images.jianshu.io/upload_images/12209211-2241c9bcfba4...
摘要：一什么是超文本標(biāo)簽語言萬維網(wǎng)的描述性語言?？諛?biāo)記沒有結(jié)束標(biāo)簽，用代替。字母順序的有序列表，大寫羅馬數(shù)字，小寫。一、什么是HTML? HTML:超文本標(biāo)簽語言(Hyper Text Markup Language) www萬維網(wǎng)的描述性語言。 XHTML指可擴(kuò)展超文本標(biāo)記語言（標(biāo)識(shí)語言）（EXtensible HyperText Markup Language）是一種置標(biāo)語言，表現(xiàn)方式與超文本...
摘要：標(biāo)簽不區(qū)分大小寫，但推薦小寫。標(biāo)簽可以嵌套，但不能交叉嵌套。標(biāo)簽也稱為元素。比如行內(nèi)標(biāo)簽亦可成行內(nèi)元素。 ??HTML必備知識(shí)詳解?? 第一部分：HTML框架簡(jiǎn)介...
閱讀 769·2023-04-25 19:43
閱讀 4021·2021-11-30 14:52
閱讀 3855·2021-11-30 14:52
閱讀 3909·2021-11-29 11:00
閱讀 3838·2021-11-29 11:00
閱讀 3949·2021-11-29 11:00
閱讀 3613·2021-11-29 11:00
閱讀 6310·2021-11-29 11:00
