php基础标签大全,HTML基础之HTML常用标签
HTML是一種用來描述網頁的標記性語言。學習HTML可能并不難,主要是要記一些HTML標簽和標簽代表的含義。下面PHP程序員雷雪松根據使用的情況,整理出平時常用的HTML標簽。
1、最基本的HTML結構
網頁標題2、最常用的HTML標簽
a、布局標簽
div標簽定義文檔中的分區或節(division/section),可以把文檔分割為獨立的、不同的部分,主要用于布局。
aside標簽的內容可用作文章的側欄,html5新增標簽。
header標簽定義頁面的頭部(介紹信息),html5新增標簽。
section標簽定義文檔中的節(section、區段)。比如章節、頁眉、頁腳或文檔中的其他部分,html5新增標簽。
footer 標簽定義文檔或節的頁腳,通常包含文檔的作者、版權信息、使用條款鏈接、聯系信息等等,html5新增標簽。
article標簽規定文章獨立的其他內容,比如:標題、內容、評論,html5新增標簽。
b、文本標簽
h1-h6標簽可定義標題
p標簽定義段落
b/strong標簽加粗
em標簽來表示強調的文本,斜體
strong標簽表示重要文本
u標簽下劃線
s標簽刪除線
br標簽表示回車換行
hr標簽表示水平線
span標簽被用來組合文檔中的行內元素。
blockquote標簽表示塊引用
pre標簽可定義預格式化的文本,保持原有格式的一種標簽。
sub標簽下標,
sup>標簽上標
表示一個空格
?表示版權符
>表示>
c、a標簽定義超鏈接,指定頁面間的跳轉。鏈接可以指向外部鏈接或者頁面內部id錨點,可以在當前頁面打開,新開窗口。
百度
d、多媒體標簽
img標簽主要在網頁中插入圖像,可以定義圖片替換文本、顯示寬度和高度、是否帶邊框,建議等比例設置,否則圖像會變形。
audio標簽定義聲音,比如音樂或其他音頻流。html5新增標簽。
您的瀏覽器不支持audio標簽。
video標簽定義視頻,比如電影片段或其他視頻流。html5新增標簽。
您的瀏覽器不支持video標簽。
e、序列化標簽
ul和li無序列表標簽
- HTML
- JS
- PHP
ol和li有序列表標簽,可以使用type屬性規定有序列表符號的類型。1按數字有序排列,為默認值,(1、2、3、4);a按小寫字母有序排列,(a、b、c、d);A按字母大寫有序排列,(A、B、C、D)。i按小寫羅馬字母有序,(i, ii, iii, iv);I按小寫羅馬字母有序,(I, II, III, IV)。
dl標簽定義了定義列表(definition list),dl標簽用于結合dt(定義列表中的項目)和dd(描述列表中的項目)。
計算機f、表格標簽
table標簽和tr標簽,th標簽和td標簽,合并單元格。
| ? | |
g、表單標簽
form標簽定義提交方式、提交地址、表單字符集以及如何對其進行編碼,需要提交的表單一定要放在form標簽內。
input標簽用于搜集用戶信息
密碼,輸入的字符會被掩碼(顯示為星號或原點)
文件類型的表單,上傳文件時,form表單一定要設置為enctype="multipart/form-data"
隱藏表單
提交
重置
radio單選
男
女
checkbox多選
PHP
前端
數據庫
注:checked="checked"可以簡寫成checked
label標簽為input元素定義標注,如果您點擊label元素文本,就會觸發此input控件。
textarea標簽,設置文本區內的可見行數和寬度
大段文本輸入框
button標簽定義一個按鈕
提交按鈕
提交
重置按鈕
重置
select標簽和option標簽下拉列表
單選菜單列表框
ray
raykaeso
多選列表下拉框,shift加鼠標單擊,可以連續選擇多個選擇,CTRL+鼠標點擊,可以點擊多個。
雷雪松
ray
raykaeso
注:selected="selected"可簡寫成selected,表示選中
3、其他HTML事項
a、HTML標簽和屬性是不區分大小寫的,建議HTML標簽和屬性都小寫,屬性值必須用雙引號包圍。
b、HTML標簽都是以開始標簽起始,以結束標簽終止。大部分HTML標簽都是成對出現的,稱為雙標簽,比如:p標簽、div標簽,也有的HTML標簽在開始標簽中結束的標簽,稱為單標簽,比如:hr標簽、br標簽。大多數HTML元素可擁有屬性,文本內容都是寫在開始標簽與結束標簽之間。
c、HTML標簽之間盡量縮進與換行,每行代碼不要過長,方便閱讀和維護。
d、HTML標簽使用必須符合標簽嵌套規則。禁止a標簽嵌套a標簽,p標簽嵌套div標簽。
e、建議不使用HTML已經廢棄的或者不贊成使用的標簽,少使用table布局、iframe框架嵌套以及flash播放器。
總結
以上是生活随笔為你收集整理的php基础标签大全,HTML基础之HTML常用标签的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: mysql 织梦 优化,优化分析:分享织
- 下一篇: matlab 变长参数,变长参数函数的概