搜尋
首頁web前端html教學史上最全的標籤總結大全

史上最全的標籤總結大全

Jun 16, 2017 pm 05:12 PM
大全總結標籤

基本结构标签: 
,表示该文件为HTML文件 

,包含文件的标题,使用的脚本,样式定义等 
---,包含文件的标题,标题出现在浏览器标题栏中 
,的结束标志 
,放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示. 
,的结束标志 
,的结束标志

其它主要标签,以下所有标志用在

中: 
,链接标志,"…"为链接的文件地址 
史上最全的標籤總結大全,显示图片标志,"…"为图片的地址 

,换行标志 

,分段标志 
,采用黑体字 
,采用斜体字 


,水平画线 
,定义表格,HTML中重要的标志 
,定义表格的行,用在
中 
,定义表格的单元格,用在中 
,字体样式标志

属性: 
属性是用来修饰标志的,属性放在开始标志内. 
例:属性bgcolor="BLACK"表示背景色为黑色. 
引用属性的例子: 

表示页面背景色为黑色; 
表示表格背景色为黑色.

常用属性: 
对齐属性,范围属性: 
ALIGN=LEFT,左对齐(缺省值),WIDTH=象素值或百分比,对象宽度. 
ALIGN=CENTER,居中,HEIGHT=象素值或百分比,对象高度. 
ALIGN=RIGHT,右对齐. 
色彩属性: 
COLOR=#RRGGBB,前景色,参考色彩对照表. 
BGCOLOR=#RRGGBB,背景色.

表示绝对居中.

表格标识的开始和结束. 
属性: 
cellpadding=数值单位是像素,定义表元内距 
cellspacing=数值单位是像素,定义表元间距 
border=数值单位是像素,定义表格边框宽度 
width=数值单位是像素或窗口百分比,定义表格宽度 
background=图片链接地址,定义表格背景图 
表格中一个表格行的开始和结束; 
表格中行内一个单元格的开始和结束 
属性: 
Colspan="",单元格跨越多列; 
Rowspan="",单元格跨越多行; 
Width="";定义表格宽度 
Height="";定义表格高度 
Align="";对齐方式 
Valign=""; 
Border="",边框宽度; 
Bgcolor="",背景色; 
Bordercolor="",边框颜色; 
Bordercolorlight="",边框明亮面的颜色; 
Bordercolordark="",边框暗淡面的颜色; 
Cellpadding="",内容与边框的距离(默认为2); 
Cellspacing="",单元格间的距离(默认为2);


强制换行 
文本标识的开始和结束 
属性: 
face=字体 
color=颜色 
加粗文字标识的开始和结束 
属性: 
style=font-size:40pt;,用样式表方式控制字体大小,这里是40点 

,分區識別的開始和結束 
屬性: 
align=|center|left|right|水平對齊方式 
動態識別的開始和結束,如標識內放置貼圖格式則可實現圖片滾動 
屬性: 
scrollamount=1~60,滾動速度 
direction=|left|right|up|down|,滾動方向 
scrolldelay=滾動延遲,單位:毫秒 

段落識別, 
 空格符, 
史上最全的標籤總結大全貼圖標識 
屬性: 
#src=../../圖片連結位址,貼圖標識必備屬性 
style=filter:Alpha(opacity=100,style=2); 
filter:樣式表濾鏡; 
Alpha:透明濾鏡, 
opacity:不透明度100(0 ~100); 
style:樣式2(0~3), 
rules="none"不顯示內框" 
多媒體檔案識別 
屬性: 
SRC="../../FILENAME", 
設定音樂檔案的路徑,檔案類型除了可以播放.rm;.mp3;.wav等音訊,還可播放.swf和.mov等影片. 
AUTOSTART=TRUE/FALSE, 
是否要音樂檔案傳送完就自動播放,TRUE是要,FALSE是不要,預設為FALSE 
LOOP=,設定播放重複次數,LOOP=6表示重複6次,true或-1為無限循環,false為播放一次即停止. 
STARTIME="分:秒", 
設定樂曲的開始播放時間,如20秒後播放寫為STARTIME=00:20 
VOLUME=0-100, 
設定音量的大小.如果沒設定的話,就用系統的音量. 
WIDTH,HEIGHT, 
設定控制面板的大小,都設為0可隱藏播放器 
HIDDEN=TRUE, 
隱藏控制面板 
CONTROLS=CONSOLE/SMALLCONSOLE, 
設定控制面板的樣子, 
,背景音樂識別,只能用於.wav和.mp3格式. 
屬性: 
LOOP=,設定播放重複次數,LOOP=6表示重複6次,true或-1為無限循環,false為播放一次即停止.

表單標籤: 

表格標識的開始和結束,表單的內容都放在這裡. 
下邊的標籤放在表單內: 
 
屬性。 : 
Multiple,多重選擇 
,大量文字輸入的編輯區塊 
屬性: 
Cols="",行; 
Rows="" ,列; 
,文字方塊 
,密碼方塊 
#,提交按扭 
,複選框 
,單選框 
# ,重置按扭 
,圖片按扭 
,隱藏域 
,按扭 
,瀏覽文件 
公共屬性: 
Name=""; 
Value="" 
Size=""

框架標籤: 

...,定義架構. 
#,放在框架標籤內,定義每個框架的內容. 
屬性: 
Cols="" 
Rows="" 
Frameborder="" 
Framespacing="" 
src= "" 
Scrolling="",捲軸(No,Yes); 
Noresize,框加大小不可變; 
Marginhight="",高度空空間; 
#Marginwidth="",寬度空餘空間; 
Target="",目標架構.

其他標籤: 
,背景音樂; 
Src="" 
Loop="",循環次數; 
,媒體播放區塊; 
Src="" 
Loop="",循環次數; 
,滾動部分; 
屬性: 
Bgcolor="" 
#Behavior,設定或取得文字如何在字幕中滾動. 
Direction="",滾動方向; 
Height="" 
Width="" 
Loop="",環數; 
scrollAmount=" ",設定或取得介於每個字幕繪製序列之間的文字滾動像素數. 
scrollDelay="",設定或取得字幕滾動的速度. 
scrollHeight="",取得物件的滾動高度;
scrollLeft="",設定或取得位於物件左邊界與視窗中目前可見內容的最左端之間的距離. 
scrollTop="",設定或取得位於物件最頂端與視窗中可見內容的最頂端之間的距離. 
trueSpeed="",設定或取得字幕的位置是否使用scrollDelay和scrollAmount屬性計算,已過的實際時間來自於時鐘計時.

,註解標記,在""之間的內容將不在瀏覽器中顯示.

--

基本標籤: 
,建立一個HTML文件

,設定文件標題和其它在網頁中不顯示的資訊; 
,設定文件的標題; 

,最大的標題; <br><pre class="brush:php;toolbar:false">,最大的標題; <br><pre class="brush:php;toolbar:false"> ;,預先格式化文字; 
,底線 
,黑體字; 
,斜體字; 
,打字機風格的字體; 
,引用,通常是斜體; 
# em>,強調文本(通常是斜體加黑體); 
,加重文本(通常是斜體加黑體); 
,設定字體大小從1到7,顏色使用名字或RGB的十六進位值; 
,基準字體標記; 
,字型加大; 
,字型縮小; 
,加上刪除線; 
,代碼; 
,鍵盤字; 
,範例; 
,範例; ;,變數; 
,向右縮排; 
,1.,地址標記; 
,上標; 
,下標; 
,下標; 
,下標; 
固定寬度字體(在檔案中空白、換行、定位功能有效) <br><plaintext>...</plaintext>固定寬度字體(不執行標記符號); <br><listing>...</listing>,固定寬度小字體; <br><font>...</font>字體顏色; <font>...</font>最小字體; <p><font>...</font>無限增大.</p> <p>格式標籤:<br><br></p> <p></p>,建立一個段落; <br><p>,將段落按左、中、右對齊; </p> <br>,換行,插入一個回車換行符; <p></p> <blockquote></blockquote>,從兩邊縮排文字;<br><br>
;,清單標籤,定義清單; 
,定義清單標題; 
,定義清單內容; 
範例: 
 
#
 
內容11
 
內容12
 
標題2
;dd>內容21
 
內容22
 

#
    ,列表標籤,定義######
      ,列表標籤,定義一個標有數字的列表;###

        ,列表标签,定义一个标有圆点的列表; 
      • ,放在每个列表项之前; 
        放在
          之间则每个列表项加上一个数字,放在
            之间则每个列表项加上一个圆点;

            ,分區標籤,用來排版大塊HTML段落,也用於格式化表; 
            ,選項清單; 
            ,目錄清單; 
            ,目錄清單; 
            #
            < ;/nobr>,強行不換行; 

            水平線(設定寬度); 
            ,水平居中.


            連結標籤: 
            ,建立超文本連結; 
             
            ,建立自動發送電子郵件的連結; 
            ,創建位於文件內部的書籤; 
            ,創建指向位於文檔內部書籤的鏈接; 
            ,文檔中不能被該站點辨識的其它所有鏈接來源的URL; 

            ,定義一個連結與來源之間的相互關係;


            連結標籤註解: 
            target="...",決定連結來源在什麼地方顯示(用戶自訂的名字,_blank,_parent,_self,_top); 
            rel="...",發送連結的類型; 
            rev="...",保存連結的類型; 
            accesskey="...",指定該元素的熱鍵; 
            shape="...",允許我們使用已定義的形狀定義客戶端的圖形鏡像(default,rect,circle,poly);
            coord="...",使用像素或長度百分比來定義形狀的尺寸; 

            tabindex="...",使用定義過的tabindex元素設定在各個元素之間的焦點獲取順序(使用tab鍵讓元素獲得焦點).


            表格標籤: 

            ,建立一個表格; 
            ,表格中的每一行; 
            ,表格中一行中的每一個格子; 
            ,設定表格頭:通常是黑體居中文字; 
            ,設定表格格子之間空間的大小; 
            ,設定邊框的寬度; 
            ,設定表格格子邊框與其內部內容之間空間的大小; 
            ,設定表格的寬度.用絕對像素值或總寬度的百分比; 
            #
            ,設定表格格子的水平對齊方式(left,center,right,justify); 
            ,設定表格格子的水平對齊方式( left,center,right,justify); 
            ,設定表格格子的垂直對齊方式(baseline,bottom,middle,top); 
            ,表格的標題; 
            ,定義多個列為一組欄位; 
            ,設定一個表格格子跨佔的列數(缺省值為1); 
            ,設定一個表格格子跨佔的行數(缺省值為1 ); 
            ,禁止表格格子內的內容自動斷行; 
            ,建立一個表格; 
            ,定義表格的頁首; 
            < ;COL>,定義一個列組中的列,以便對它們能夠同時設定相關屬性; 
            ,定義一個表格的實體;  TFOOT>,定義一個表格的頁尾;###

            表單標籤: 

            ,建立表單; 
            action="...",接收資料的伺服器的URL; 
            method="..." ,HTTP的方法(get,,post),其中get是被反對使用的; 
            enctype="...",指定MIME(Internet媒體類型); 
            onsubmit="...",當提交表單時發生的內部事件; 
            noreset="...",在重新設定表單時發生的內部事件; 
            target="...",決定把內容顯示在什麼地方(_blank, _parent,_self,_top) 
            ,建立捲動選單,size設定在需要捲動前可以看到的表單項目數目; 
          • 以上是史上最全的標籤總結大全的詳細內容。更多資訊請關注PHP中文網其他相關文章!

            陳述
            本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
            HTML中的布爾屬性是什麼?舉一些例子。HTML中的布爾屬性是什麼?舉一些例子。Apr 25, 2025 am 12:01 AM

            布爾屬性是HTML中的特殊屬性,不需要值即可激活。 1.布爾屬性通過存在與否控制元素行為,如disabled禁用輸入框。 2.它們的工作原理是瀏覽器解析時根據屬性的存在改變元素行為。 3.基本用法是直接添加屬性,高級用法可通過JavaScript動態控制。 4.常見錯誤是誤以為需要設置值,正確寫法應簡潔。 5.最佳實踐是保持代碼簡潔,合理使用布爾屬性以優化網頁性能和用戶體驗。

            如何驗證您的HTML代碼?如何驗證您的HTML代碼?Apr 24, 2025 am 12:04 AM

            HTML代碼可以通過在線驗證器、集成工具和自動化流程來確保其清潔度。 1)使用W3CMarkupValidationService在線驗證HTML代碼。 2)在VisualStudioCode中安裝並配置HTMLHint擴展進行實時驗證。 3)利用HTMLTidy在構建流程中自動驗證和清理HTML文件。

            HTML與CSS和JavaScript:比較Web技術HTML與CSS和JavaScript:比較Web技術Apr 23, 2025 am 12:05 AM

            HTML、CSS和JavaScript是構建現代網頁的核心技術:1.HTML定義網頁結構,2.CSS負責網頁外觀,3.JavaScript提供網頁動態和交互性,它們共同作用,打造出用戶體驗良好的網站。

            HTML作為標記語言:其功能和目的HTML作為標記語言:其功能和目的Apr 22, 2025 am 12:02 AM

            HTML的功能是定義網頁的結構和內容,其目的在於提供一種標準化的方式來展示信息。 1)HTML通過標籤和屬性組織網頁的各個部分,如標題和段落。 2)它支持內容與表現分離,提升維護效率。 3)HTML具有可擴展性,允許自定義標籤增強SEO。

            HTML,CSS和JavaScript的未來:網絡開發趨勢HTML,CSS和JavaScript的未來:網絡開發趨勢Apr 19, 2025 am 12:02 AM

            HTML的未來趨勢是語義化和Web組件,CSS的未來趨勢是CSS-in-JS和CSSHoudini,JavaScript的未來趨勢是WebAssembly和Serverless。 1.HTML的語義化提高可訪問性和SEO效果,Web組件提升開發效率但需注意瀏覽器兼容性。 2.CSS-in-JS增強樣式管理靈活性但可能增大文件體積,CSSHoudini允許直接操作CSS渲染。 3.WebAssembly優化瀏覽器應用性能但學習曲線陡,Serverless簡化開發但需優化冷啟動問題。

            HTML:結構,CSS:樣式,JavaScript:行為HTML:結構,CSS:樣式,JavaScript:行為Apr 18, 2025 am 12:09 AM

            HTML、CSS和JavaScript在Web開發中的作用分別是:1.HTML定義網頁結構,2.CSS控製網頁樣式,3.JavaScript添加動態行為。它們共同構建了現代網站的框架、美觀和交互性。

            HTML的未來:網絡設計的發展和趨勢HTML的未來:網絡設計的發展和趨勢Apr 17, 2025 am 12:12 AM

            HTML的未來充滿了無限可能。 1)新功能和標準將包括更多的語義化標籤和WebComponents的普及。 2)網頁設計趨勢將繼續向響應式和無障礙設計發展。 3)性能優化將通過響應式圖片加載和延遲加載技術提升用戶體驗。

            HTML與CSS vs. JavaScript:比較概述HTML與CSS vs. JavaScript:比較概述Apr 16, 2025 am 12:04 AM

            HTML、CSS和JavaScript在網頁開發中的角色分別是:HTML負責內容結構,CSS負責樣式,JavaScript負責動態行為。 1.HTML通過標籤定義網頁結構和內容,確保語義化。 2.CSS通過選擇器和屬性控製網頁樣式,使其美觀易讀。 3.JavaScript通過腳本控製網頁行為,實現動態和交互功能。

            See all articles

            熱AI工具

            Undresser.AI Undress

            Undresser.AI Undress

            人工智慧驅動的應用程序,用於創建逼真的裸體照片

            AI Clothes Remover

            AI Clothes Remover

            用於從照片中去除衣服的線上人工智慧工具。

            Undress AI Tool

            Undress AI Tool

            免費脫衣圖片

            Clothoff.io

            Clothoff.io

            AI脫衣器

            Video Face Swap

            Video Face Swap

            使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

            熱工具

            SublimeText3漢化版

            SublimeText3漢化版

            中文版,非常好用

            SAP NetWeaver Server Adapter for Eclipse

            SAP NetWeaver Server Adapter for Eclipse

            將Eclipse與SAP NetWeaver應用伺服器整合。

            WebStorm Mac版

            WebStorm Mac版

            好用的JavaScript開發工具

            SublimeText3 Linux新版

            SublimeText3 Linux新版

            SublimeText3 Linux最新版

            MinGW - Minimalist GNU for Windows

            MinGW - Minimalist GNU for Windows

            這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。