亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

常用的HTML標(biāo)簽詳解與總結(jié)

DobbyKim / 3323人閱讀

摘要：今天，我們就來詳細(xì)介紹常用的標(biāo)簽。標(biāo)簽對(duì)文字字符進(jìn)行換行處理。標(biāo)簽加入水平分割線。標(biāo)簽語義強(qiáng)調(diào)，表示重視。標(biāo)簽有序列表標(biāo)簽。即定義描述，用于添加該名詞的具體解釋。標(biāo)簽用來顯示圖片。默認(rèn)內(nèi)容標(biāo)簽下拉列表，以和兩個(gè)標(biāo)簽配合完成。

對(duì)于很多HTML初學(xué)者來說，記憶和掌握標(biāo)簽是一門很難搞的功課。今天，我們就來詳細(xì)介紹常用的HTML標(biāo)簽。

對(duì)于標(biāo)簽的掌握，更多的是要通過練習(xí)，熟能生巧。

stlye標(biāo)簽

用于定義元素的CSS樣式

script標(biāo)簽

用于定義頁面的JavaScript代碼，也可以引入外部的JavaScript文件。

link標(biāo)簽

引入外部樣式css文件。

HTML注釋

又叫注釋標(biāo)簽。

對(duì)關(guān)鍵代碼注釋是一個(gè)良好的習(xí)慣。在實(shí)際開發(fā)中，對(duì)功能模塊代碼進(jìn)行注釋尤為重要。

h(標(biāo)題)標(biāo)簽

共有六個(gè)級(jí)別的標(biāo)題標(biāo)簽：h1、h2、h3、h4、h5、h6。其中h是header的縮寫。

這里要注意，一個(gè)頁面一般只有一個(gè)h1標(biāo)簽，表示頁面的大標(biāo)題。

hearder 1


hearder 2

...
p(段落)標(biāo)簽

我們可以用來顯示一個(gè)段落的文字。

Paragraph
br標(biāo)簽

對(duì)文字字符進(jìn)行換行處理。


hr標(biāo)簽

加入水平分割線。

strong標(biāo)簽

語義強(qiáng)調(diào)，表示重視。同時(shí)字符加粗。

xxx
div標(biāo)簽

全稱“division(分區(qū))”，用來劃分一個(gè)區(qū)域。div標(biāo)簽內(nèi)部可以放入所有其他標(biāo)簽，例如p標(biāo)簽、strong標(biāo)簽等。


  
 I love study.
span標(biāo)簽

段落式標(biāo)簽，和div非常像。但是div是塊級(jí)元素，而span是內(nèi)聯(lián)元素。

xxx
空格

表示一個(gè)空格。

 
ol標(biāo)簽

有序列表標(biāo)簽。默認(rèn)以數(shù)字順序。

  • 表示一個(gè)列表項(xiàng)。

      
  
    1. first
      2. 
  
    2. second
      3. 
  
    3. third
      4.
    ul標(biāo)簽

    無序排列標(biāo)簽，即unordered list。

      
  
    • first
      • 
  
    • second
      • 
  
    • third
      •
    dl標(biāo)簽

    定義列表，即definition list。引入兩個(gè)概念，dt和dd。

    dt即definition term(定義名詞)，用于添加要解釋的名詞。

    dd即definition description(定義描述)，用于添加該名詞的具體解釋。

    
  
    term
    
  
    description
    table標(biāo)簽

    一個(gè)表格一般由幾個(gè)部分組成。

    表格：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)更清晰也更有可讀性和維護(hù)性，引入thead、tbody、tfoot三個(gè)標(biāo)簽，把表格劃分為三部分：表頭、表身、表腳。

    
  xxx
  
    
    
      xxx
      xxx
    
    
      
  
    
    
      xxx
      xxx
    
    
    
    
      xxx
      xxx
    
    
      
  
    
    
      xxx
      xxx
    img標(biāo)簽

    用來顯示圖片。有三個(gè)屬性值：src、alt、tittle。

    無法加載時(shí)顯示的文字
    a標(biāo)簽

    超鏈接標(biāo)簽。主要有兩個(gè)屬性值：href和target。

    target屬性取值：


    _self 默認(rèn)值，在當(dāng)前窗口打開鏈接

    _blank 在新窗口打開鏈接

    _parent 在父窗口打開鏈接

    _top 在頂級(jí)窗口打開鏈接

    form標(biāo)簽

    表單標(biāo)簽。

    
  /*各種表單標(biāo)簽*/

    一般常用的屬性有name和target兩個(gè)。

    在一個(gè)頁面中一般不止一個(gè)表單。為了區(qū)分這些表單，我們使用name來對(duì)表單進(jìn)行命名。每個(gè)form標(biāo)簽對(duì)應(yīng)一個(gè)表單。

    method屬性用于指示表單數(shù)據(jù)使用哪一種http提交方法。取值有兩個(gè)：get和post。一般使用post，向服務(wù)器提交時(shí)加密，安全性高。

    input標(biāo)簽

    多數(shù)表單都用input標(biāo)簽來實(shí)現(xiàn)，是自閉合標(biāo)簽。

    下面介紹標(biāo)簽的幾種type屬性。

    text

    單行文本框。

    name:
    password

    密碼文本框。一種特殊的單行文本框，輸入時(shí)不可見。

    password:
    radio

    單選框。name屬性表示單選按鈕所在組名，value表示按鈕取值。

    Gender：
 Male
 Female
    checkbox

    復(fù)選框。

    checked屬性表示默認(rèn)選取。

    Fruit:
 Apple
 Banana
 Lemon
    button

    普通按鈕，一般配合JavaScript進(jìn)行操作。

    submit

    提交按鈕。

    reset

    重置按鈕，只可以重置同一表單中的輸入內(nèi)容。

    button標(biāo)簽

    和input標(biāo)簽中的button實(shí)現(xiàn)效果類似，不過此標(biāo)簽在不賦予屬性時(shí)會(huì)自動(dòng)升級(jí)為提交按鈕。

    textarea標(biāo)簽

    多行文本框。默認(rèn)文本是在標(biāo)簽內(nèi)部設(shè)置的，而不是在value中。rows和cols屬性可以調(diào)整文本框的行數(shù)列數(shù)，但一般使用css來設(shè)置寬高。

    select/option標(biāo)簽

    下拉列表，以select和option兩個(gè)標(biāo)簽配合完成。


    select屬性有：

    multiple 設(shè)置下拉列表可以選擇多項(xiàng)。

    size 設(shè)置下拉列表顯示幾個(gè)項(xiàng)，取值整數(shù)。

    option屬性有：

    selected 設(shè)置該選項(xiàng)默認(rèn)。

    disabled 設(shè)置該選項(xiàng)不可選。

    iframe標(biāo)簽

    可以用來實(shí)現(xiàn)內(nèi)嵌框架，以及配合超鏈接來使用。

    或者




    Written by：EdenSheng
    Email：singlesaulwork@gmail.com

    文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

    轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/54680.html

    相關(guān)文章

    • HTML中的meta標(biāo)簽常用屬性及其作用總結(jié)

      摘要：元素父元素屬性中的變化為中新增的，用來聲明字符編碼屬性在中有很多值，在中只有可用具體用途元素出去屬性外，都是屬性或?qū)傩越Y(jié)合來使用指定名值對(duì)定義元數(shù)據(jù)屬性與屬性結(jié)合使用用來表示元數(shù)據(jù)的類型，表示當(dāng)前標(biāo)簽的具體作用屬性用來提供值。 文章同步到github 以前沒怎么太注意過meta標(biāo)簽的作用，只是簡單了解一些常用屬性，現(xiàn)在結(jié)合個(gè)人了解的進(jìn)行記錄與總結(jié): 元數(shù)據(jù) 首先需要了解一下元數(shù)據(jù)(me...

      Keven 評(píng)論0 收藏0

    • Java學(xué)習(xí)路線總結(jié)，搬磚工逆襲Java架構(gòu)師（全網(wǎng)最強(qiáng)）

      摘要：哪吒社區(qū)技能樹打卡打卡貼函數(shù)式接口簡介領(lǐng)域優(yōu)質(zhì)創(chuàng)作者哪吒公眾號(hào)作者架構(gòu)師奮斗者掃描主頁左側(cè)二維碼，加入群聊，一起學(xué)習(xí)一起進(jìn)步歡迎點(diǎn)贊收藏留言前情提要無意間聽到領(lǐng)導(dǎo)們的談話，現(xiàn)在公司的現(xiàn)狀是碼農(nóng)太多，但能獨(dú)立帶隊(duì)的人太少，簡而言之，不缺干 ? 哪吒社區(qū)Java技能樹打卡?【打卡貼 day2...

      Scorpion 評(píng)論0 收藏0

    • JS總結(jié)篇--[總結(jié)]JS操作DOM常用API詳解

      摘要：文本整理了操作的一些常用的，根據(jù)其作用整理成為創(chuàng)建，修改，查詢等多種類型的，主要用于復(fù)習(xí)基礎(chǔ)知識(shí)，加深對(duì)原生的認(rèn)識(shí)。方法主要是用于添加大量節(jié)點(diǎn)到文檔中時(shí)會(huì)使用到。 文本整理了javascript操作DOM的一些常用的api，根據(jù)其作用整理成為創(chuàng)建，修改，查詢等多種類型的api，主要用于復(fù)習(xí)基礎(chǔ)知識(shí)，加深對(duì)原生js的認(rèn)識(shí)。 基本概念 在講解操作DOM的api之前，首先我們來復(fù)習(xí)一下一些基...

      malakashi 評(píng)論0 收藏0

    • 【連載】前端個(gè)人文章整理-從基礎(chǔ)到入門

      摘要：個(gè)人前端文章整理從最開始萌生寫文章的想法，到著手開始寫，再到現(xiàn)在已經(jīng)一年的時(shí)間了，由于工作比較忙，更新緩慢，后面還是會(huì)繼更新，現(xiàn)將已經(jīng)寫好的文章整理一個(gè)目錄，方便更多的小伙伴去學(xué)習(xí)。 showImg(https://segmentfault.com/img/remote/1460000017490740?w=1920&h=1080); 個(gè)人前端文章整理 從最開始萌生寫文章的想法，到著手...

      madthumb 評(píng)論0 收藏0

    發(fā)表評(píng)論

    0條評(píng)論

    最新活動(dòng)
    閱讀需要支付1元查看
    <