[JavaWeb-HTML]HTML标签(大部分常用标签介绍)
生活随笔
收集整理的這篇文章主要介紹了
[JavaWeb-HTML]HTML标签(大部分常用标签介绍)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
標簽學習：
1. 文件標簽：構成html最基本的標簽* html:html文檔的根標簽* head：頭標簽。用于指定html文檔的一些屬性。引入外部的資源* title：標題標簽。* body：體標簽* <!DOCTYPE html>：html5中定義該文檔是html文檔2. 文本標簽：和文本有關的標簽* 注釋：<!-- 注釋內容 -->* <h1> to <h6>：標題標簽* h1~h6:字體大小逐漸遞減* <p>：段落標簽* <br>：換行標簽* <hr>：展示一條水平線* 屬性：* color：顏色* width：寬度* size：高度* align：對其方式* center：居中* left：左對齊* right：右對齊* <b>：字體加粗* <i>：字體斜體* <font>:字體標簽* <center>:文本居中* 屬性：* color：顏色* size：大小* face：字體* 屬性定義：* color：1. 英文單詞：red,green,blue2. rgb(值1，值2，值3)：值的范圍：0~255 如 rgb(0,0,255)3. #值1值2值3：值的范圍：00~FF之間。如： #FF00FF* width：1. 數值：width='20' ,數值的單位，默認是 px(像素)2. 數值%：占比相對于父元素的比例3. 圖片標簽：* img：展示圖片* 屬性：* src：指定圖片的位置* 代碼：<!--展示一張圖片 img--><img src="image/jingxuan_2.jpg" align="right" alt="古鎮" width="500" height="500"/><!--相對路徑* 以.開頭的路徑* ./：代表當前目錄 ./image/1.jpg* ../:代表上一級目錄--><img src="./image/jiangwai_1.jpg"><img src="../image/jiangwai_1.jpg">4. 列表標簽：* 有序列表：* ol:* li:* 無序列表：* ul:* li:5. 鏈接標簽：* a:定義一個超鏈接* 屬性：* href：指定訪問資源的URL(統一資源定位符)* target：指定打開資源的方式* _self:默認值，在當前頁面打開* _blank：在空白頁面打開* 代碼：<!--超鏈接 a--><a href="http://www.itcast.cn">點我</a><br><a href="http://www.itcast.cn" target="_self">點我</a><br><a href="http://www.itcast.cn" target="_blank">點我</a><br><a href="./5_列表標簽.html">列表標簽</a><br><a href="mailto:itcast@itcast.cn">聯系我們</a><br><a href="http://www.itcast.cn"><img src="image/jiangwai_1.jpg"></a>6. div和span：* div:每一個div占滿一整行。塊級標簽* span：文本信息在一行展示，行內標簽 內聯標簽7. 語義化標簽：html5中為了提高程序的可讀性，提供了一些標簽。1. <header>：頁眉2. <footer>：頁腳8. 表格標簽：* table：定義表格* width：寬度* border：邊框* cellpadding：定義內容和單元格的距離* cellspacing：定義單元格之間的距離。如果指定為0，則單元格的線會合為一條、* bgcolor：背景色* align：對齊方式* tr：定義行* bgcolor：背景色* align：對齊方式* td：定義單元格* colspan：合并列* rowspan：合并行* th：定義表頭單元格* <caption>：表格標題* <thead>：表示表格的頭部分* <tbody>：表示表格的體部分* <tfoot>：表示表格的腳部分9. HTML標簽：表單標簽 * 表單：* 概念：用于采集用戶輸入的數據的。用于和服務器進行交互。* form：用于定義表單的。可以定義一個范圍，范圍代表采集用戶數據的范圍* 屬性：* action：指定提交數據的URL* method:指定提交方式* 分類：一共7種，2種比較常用* get：1. 請求參數會在地址欄中顯示。會封裝到請求行中(HTTP協議后講解)。2. 請求參數大小是有限制的。3. 不太安全。* post：2. 請求參數不會再地址欄中顯示。會封裝在請求體中(HTTP協議后講解)2. 請求參數的大小沒有限制。3. 較為安全。* 表單項中的數據要想被提交：必須指定其name屬性* 表單項標簽：* input：可以通過type屬性值，改變元素展示的樣式* type屬性：* text：文本輸入框，默認值* placeholder：指定輸入框的提示信息，當輸入框的內容發生變化，會自動清空提示信息 * password：密碼輸入框* radio:單選框* 注意：1. 要想讓多個單選框實現單選的效果，則多個單選框的name屬性值必須一樣。2. 一般會給每一個單選框提供value屬性，指定其被選中后提交的值3. checked屬性，可以指定默認值* checkbox：復選框* 注意：1. 一般會給每一個單選框提供value屬性，指定其被選中后提交的值2. checked屬性，可以指定默認值* file：文件選擇框* hidden：隱藏域，用于提交一些信息。* 按鈕：* submit：提交按鈕。可以提交表單* button：普通按鈕* image：圖片提交按鈕* src屬性指定圖片的路徑 * label：指定輸入項的文字描述信息* 注意：* label的for屬性一般會和 input 的 id屬性值 對應。如果對應了，則點擊label區域，會讓input輸入框獲取焦點。* select: 下拉列表* 子元素：option，指定列表項* selected 可以指定默認值* textarea：文本域* cols：指定列數，每一行有多少個字符* rows：默認多少行。總結
以上是生活随笔為你收集整理的[JavaWeb-HTML]HTML标签(大部分常用标签介绍)的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 网站url怎么填写（网站url地址怎么填
- 下一篇： [JavaWeb-HTML]HTML标签