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