資訊專欄INFORMATION COLUMN
摘要：今天，我們就來詳細介紹常用的標(biāo)簽。標(biāo)簽對文字字符進行換行處理。標(biāo)簽加入水平分割線。標(biāo)簽語義強調(diào)，表示重視。標(biāo)簽有序列表標(biāo)簽。即定義描述，用于添加該名詞的具體解釋。標(biāo)簽用來顯示圖片。默認內(nèi)容標(biāo)簽下拉列表，以和兩個標(biāo)簽配合完成。
對于很多HTML初學(xué)者來說，記憶和掌握標(biāo)簽是一門很難搞的功課。今天，我們就來詳細介紹常用的HTML標(biāo)簽。
對于標(biāo)簽的掌握，更多的是要通過練習(xí)，熟能生巧。
用于定義元素的CSS樣式
用于定義頁面的JavaScript代碼，也可以引入外部的JavaScript文件。
引入外部樣式css文件。
HTML注釋又叫注釋標(biāo)簽。
對關(guān)鍵代碼注釋是一個良好的習(xí)慣。在實際開發(fā)中，對功能模塊代碼進行注釋尤為重要。
共有六個級別的標(biāo)題標(biāo)簽：h1、h2、h3、h4、h5、h6。其中h是header的縮寫。
這里要注意，一個頁面一般只有一個h1標(biāo)簽，表示頁面的大標(biāo)題。
p(段落)標(biāo)簽hearder 1
hearder 2
...
我們可以用來顯示一個段落的文字。
br標(biāo)簽Paragraph
對文字字符進行換行處理。
hr標(biāo)簽
加入水平分割線。
strong標(biāo)簽
語義強調(diào)，表示重視。同時字符加粗。
xxxdiv標(biāo)簽
全稱“division(分區(qū))”，用來劃分一個區(qū)域。div標(biāo)簽內(nèi)部可以放入所有其他標(biāo)簽，例如p標(biāo)簽、strong標(biāo)簽等。
span標(biāo)簽I love study.
段落式標(biāo)簽，和div非常像。但是div是塊級元素，而span是內(nèi)聯(lián)元素。
xxx
空格
表示一個空格。
ol標(biāo)簽
有序列表標(biāo)簽。默認以數(shù)字順序。表示一個列表項。
ul標(biāo)簽
- first
- second
- third
無序排列標(biāo)簽，即unordered list。
定義列表，即definition list。引入兩個概念，dt和dd。
dt即definition term(定義名詞)，用于添加要解釋的名詞。
dd即definition description(定義描述)，用于添加該名詞的具體解釋。
一個表格一般由幾個部分組成。
表格：table標(biāo)簽
行：tr(table row)標(biāo)簽
單元格：td(table data cell)標(biāo)簽
標(biāo)題：caption標(biāo)簽
表頭單元格：th(table header cell)標(biāo)簽
一般為了使表格語義化結(jié)構(gòu)更清晰也更有可讀性和維護性，引入thead、tbody、tfoot三個標(biāo)簽，把表格劃分為三部分：表頭、表身、表腳。
| xxx | xxx |
|---|---|
| xxx | xxx |
| xxx | xxx |
| xxx | xxx |
用來顯示圖片。有三個屬性值：src、alt、tittle。
a標(biāo)簽
超鏈接標(biāo)簽。主要有兩個屬性值：href和target。
target屬性取值：
_self 默認值，在當(dāng)前窗口打開鏈接
_blank 在新窗口打開鏈接
_parent 在父窗口打開鏈接
_top 在頂級窗口打開鏈接
表單標(biāo)簽。
一般常用的屬性有name和target兩個。
在一個頁面中一般不止一個表單。為了區(qū)分這些表單，我們使用name來對表單進行命名。每個form標(biāo)簽對應(yīng)一個表單。
method屬性用于指示表單數(shù)據(jù)使用哪一種http提交方法。取值有兩個：get和post。一般使用post，向服務(wù)器提交時加密，安全性高。
多數(shù)表單都用input標(biāo)簽來實現(xiàn)，是自閉合標(biāo)簽。
下面介紹標(biāo)簽的幾種type屬性。
text單行文本框。
name:password
密碼文本框。一種特殊的單行文本框，輸入時不可見。
password:radio
單選框。name屬性表示單選按鈕所在組名，value表示按鈕取值。
Gender： Male Femalecheckbox
復(fù)選框。
checked屬性表示默認選取。
Fruit: Apple Banana Lemonbutton
普通按鈕，一般配合JavaScript進行操作。
submit提交按鈕。
reset重置按鈕，只可以重置同一表單中的輸入內(nèi)容。
button標(biāo)簽和input標(biāo)簽中的button實現(xiàn)效果類似，不過此標(biāo)簽在不賦予屬性時會自動升級為提交按鈕。
textarea標(biāo)簽多行文本框。默認文本是在標(biāo)簽內(nèi)部設(shè)置的，而不是在value中。rows和cols屬性可以調(diào)整文本框的行數(shù)列數(shù)，但一般使用css來設(shè)置寬高。
select/option標(biāo)簽下拉列表，以select和option兩個標(biāo)簽配合完成。
select屬性有：
multiple 設(shè)置下拉列表可以選擇多項。
size 設(shè)置下拉列表顯示幾個項，取值整數(shù)。
option屬性有：
selected 設(shè)置該選項默認。
disabled 設(shè)置該選項不可選。
可以用來實現(xiàn)內(nèi)嵌框架，以及配合超鏈接來使用。
或者
Written by：EdenSheng
Email：[email protected]
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/54680.html
摘要：元素父元素屬性中的變化為中新增的，用來聲明字符編碼屬性在中有很多值，在中只有可用具體用途元素出去屬性外，都是屬性或?qū)傩越Y(jié)合來使用指定名值對定義元數(shù)據(jù)屬性與屬性結(jié)合使用用來表示元數(shù)據(jù)的類型，表示當(dāng)前標(biāo)簽的具體作用屬性用來提供值。 文章同步到github 以前沒怎么太注意過meta標(biāo)簽的作用，只是簡單了解一些常用屬性，現(xiàn)在結(jié)合個人了解的進行記錄與總結(jié): 元數(shù)據(jù) 首先需要了解一下元數(shù)據(jù)(me...
摘要：哪吒社區(qū)技能樹打卡打卡貼函數(shù)式接口簡介領(lǐng)域優(yōu)質(zhì)創(chuàng)作者哪吒公眾號作者架構(gòu)師奮斗者掃描主頁左側(cè)二維碼，加入群聊，一起學(xué)習(xí)一起進步歡迎點贊收藏留言前情提要無意間聽到領(lǐng)導(dǎo)們的談話，現(xiàn)在公司的現(xiàn)狀是碼農(nóng)太多，但能獨立帶隊的人太少，簡而言之，不缺干 ? 哪吒社區(qū)Java技能樹打卡?【打卡貼 day2...
摘要：文本整理了操作的一些常用的，根據(jù)其作用整理成為創(chuàng)建，修改，查詢等多種類型的，主要用于復(fù)習(xí)基礎(chǔ)知識，加深對原生的認識。方法主要是用于添加大量節(jié)點到文檔中時會使用到。 文本整理了javascript操作DOM的一些常用的api，根據(jù)其作用整理成為創(chuàng)建，修改，查詢等多種類型的api，主要用于復(fù)習(xí)基礎(chǔ)知識，加深對原生js的認識。 基本概念 在講解操作DOM的api之前，首先我們來復(fù)習(xí)一下一些基...
摘要：個人前端文章整理從最開始萌生寫文章的想法，到著手開始寫，再到現(xiàn)在已經(jīng)一年的時間了，由于工作比較忙，更新緩慢，后面還是會繼更新，現(xiàn)將已經(jīng)寫好的文章整理一個目錄，方便更多的小伙伴去學(xué)習(xí)。 showImg(https://segmentfault.com/img/remote/1460000017490740?w=1920&h=1080); 個人前端文章整理 從最開始萌生寫文章的想法，到著手...
閱讀 3083·2021-09-28 09:43
閱讀 918·2021-09-08 09:35
閱讀 1453·2019-08-30 15:56
閱讀 1199·2019-08-30 13:00
閱讀 2744·2019-08-29 18:35
閱讀 1840·2019-08-29 14:07
閱讀 3451·2019-08-29 13:13
閱讀 1344·2019-08-29 12:40
