search
HomeWeb Front-endHTML TutorialThe most complete collection of labels in history

The most complete collection of labels in history

Jun 16, 2017 pm 05:12 PM
EncyclopediaSummarizeLabel

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

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

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

中: 
,链接标志,"…"为链接的文件地址 
The most complete collection of labels in history,显示图片标志,"…"为图片的地址 

,换行标志 

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


,水平画线 
,定义表格,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点 

, the start and end of the partition logo
Attributes:
align=|center|left|right|Horizontal alignment
The start and end of the dynamic logo, such as within the logo Placing the texture format can achieve image scrolling
Attributes:
scrollamount=1~60, scrolling speed
direction=|left|right|up|down|, scrolling direction
scrolldelay=scroll delay, Unit: millisecond

Paragraph mark,
Space character,
The most complete collection of labels in historyImage mark
Attributes:
src=../../Picture link address, picture mark Required attributes
style=filter:Alpha(opacity=100,style=2);
filter: style sheet filter;
Alpha: transparency filter,
opacity: opacity 100(0 ~100);
style: Style 2 (0~3),
rules="none"Do not display the inner frame"
MultimediaFile identification
Attributes:
SRC="../../FILENAME",
Set the path of the music file. In addition to playing .rm;.mp3;.wav and other audio files, the file type can also Can play .swf and .mov videos.
AUTOSTART=TRUE/FALSE,
Whether you want the music file to be played automatically after it is transferred, TRUE is yes, FALSE is not, the default is FALSE
LOOP=, set Set the number of playback repetitions, LOOP=6 means repeat 6 times, true or -1 means infinite loop, false means play once and then stop.
STARTIME="minutes:seconds",
Set the start playback time of the song, For example, when playing after 20 seconds, write STARTIME=00:20
VOLUME=0-100,
Set the volume. If not set, use the system volume.
WIDTH,HEIGHT,
Set the size of the control panel, set it to 0 to hide the player
HIDDEN=TRUE,
Hide the control panel
CONTROLS=CONSOLE/SMALLCONSOLE,
Set the appearance of the control panel,
, background music identification, can only be used in .wav and .mp3 formats.
Attributes:
LOOP=, set the number of playback repetitions, LOOP=6 means Repeat 6 times, true or -1 means infinite loop, false means play once and stop.

Form tag:

The start and end of the form identification, the content of the form Put them all here.
The following labels are placed in the form:

Attributes :
Multiple, multiple selection
, editing block for large amounts of text input 
Attributes:
Cols="", rows;
Rows="" , column;
,text box
,Password box
,submit button
,checkbox
,radio box
,Reset button
,Image button
,Hide Domain
,Button
,Browse file
Public properties:
Name="";
Value=""
Size=""

Frame tag:

..., define the frame.
, put Within the frame tag, define the content of each frame.
Attributes:
Cols=""
Rows=""
Frameborder=""
Framespacing=""
src= ""
Scrolling="", scroll bar (No, Yes);
Noresize, the frame size is immutable;
Marginhight="", height free space;
Marginwidth="", width Free space;
Target="", target frame.

Other tags:
, background music;
Src=""
Loop="", number of loops;
, media playback block;
Src=""
Loop="", number of loops;
, scrolling part;
Attribute:
Bgcolor=""
Behavior, setting or Get how the text scrolls in the subtitles.
Direction="", scrolling direction;
Height=""
Width=""
Loop="", number of loops;
scrollAmount=" ", sets or gets the number of text scrolling pixels between each subtitle drawing sequence.
scrollDelay="", sets or gets the speed of subtitle scrolling.
scrollHeight="", gets the scroll height of the object;
scrollLeft="", sets or gets the distance between the left edge of the object and the leftmost end of the currently visible content in the window.
scrollTop="", sets or gets the distance between the topmost edge of the object and the visible content in the window The distance between the tops.
trueSpeed="", sets or gets whether the position of the subtitle is calculated using the scrollDelay and scrollAmount properties. The actual elapsed time comes from the clock timing.

, comment mark, the content between "" will not be displayed in the browser.

--

Basic tags:
, create a HTML document;

, set the document title and other features that are not included in the web page Displayed information;
, set the title of the document;

, the largest title;
> ;,Preformatted text; 
,Underline
,Boldface;
, italics;
, typewriter style font;
, quotations, usually italics;
em>, emphasize text (usually italics and boldface);
, emphasize text (usually italics and boldface);
, set the font size from 1 to 7, the color uses the name or the hexadecimal value of RGB;
, the base font mark;
, increase the font size;
, reduce the font size;
, add a strikethrough;
,program code;
,keyboard text;
,example;
, variable;
, indent to the right;
, predicate definition;
, address mark;
, superscript;
, subscript;
Fixed-width font (valid for blanks, line breaks, and positioning functions in files) <br><plaintext>...</plaintext>Fixed-width font (does not implement markup symbols); <br><listing>...</listing>, fixed-width small font; <br><font>...</font>Font color; <br><font>...</font>Minimum font; <br><font>...</font>Infinitely increase. <p>Format tag:</p> <p></p> <p></p>, create a paragraph; <br><p>, align the paragraph to the left, center, or right; <br><br>, line break, insert a carriage return and line feed; <br></p> <blockquote></blockquote>, indent text from both sides; <p></p>
> ;, list label, define list;
, define list title;
, define list content;
Example:


Content 11

Content 12

Title 2

< ;dd>Content21

Content22

    , list label, definition A numbered list;

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

          , Partition tag, used to format large HTML paragraphs, and also used to format tables;
          , option list;
          , directory list;
          < ;/nobr>, force no line breaks;

          Horizontal line (set width);
          , horizontally centered.

          Link tag:
          , create a hypertext link;

          ,Create a link to automatically send an email;
          ,Create a bookmark located inside the document ;
          , creates links to bookmarks located inside the document;
          , all other links in the document that are not recognized by this site Source URL;
          , defines the relationship between a link and the source;

          Link tag annotation:
          target="...", determines where the link source is Display (user-defined name, _blank, _parent, _self, _top);
          rel="...", the type of link to send;
          rev="...", the type of link to save;
          accesskey="...", specifies the hotkey of the element;
          shape="...", allows us to use the defined shape to define the client's graphic mirror (default, rect, circle, poly);
          coord="...", use pixels or length percentage to define the size of the shape;
          tabindex="...", use the defined tabindex element to set the focus acquisition order between each element ( Use the tab key to focus the element).

          Table tag:

          , create a table;
          , in the table Each row of ##, set the size of the space between table cells;
          , set the width of the border;
          , set the size of the space between the table grid border and its internal content;
          , set the width of the table. Use absolute pixel value or percentage of the total width;
          , Set the horizontal alignment of the table grid (left, center, right, justify);
          , Set the horizontal alignment of the table grid ( left,center,right,justify);
          ,Set the vertical alignment of the table grid (baseline,bottom,middle,top);
          , define the header of the table;
          < ;COL>, defines the columns in a column group so that relevant properties can be set for them at the same time;
          , defines the entity of a table;
          TFOOT>, define the footer of a table;

          Form tag:

          , create a form;
          action="...", the URL of the server that receives data;
          method="..." , HTTP methods (get,,post), of which get is prohibited;
          enctype="...", specifies MIME (Internet media type);
          onsubmit="...", when Internal event that occurs when the form is submitted;
          noreset="...", internal event that occurs when the form is reset;
          target="...", determines where to display the content (_blank, _parent,_self,_top)
          , create a scrolling menu, size sets the number of form items that can be seen before scrolling is required ;
          , Set the number of columns that a table grid spans (the default value is 1);
          , Set the number of rows that a table grid spans (the default value is 1) ; , define multiple columns and a group of columns;
          , create a table;
        • The above is the detailed content of The most complete collection of labels in history. For more information, please follow other related articles on the PHP Chinese website!

          Statement
          The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
          HTML, CSS, and JavaScript: Examples and Practical ApplicationsHTML, CSS, and JavaScript: Examples and Practical ApplicationsMay 09, 2025 am 12:01 AM

          The roles of HTML, CSS and JavaScript in web development are: 1. HTML is used to build web page structure; 2. CSS is used to beautify the appearance of web pages; 3. JavaScript is used to achieve dynamic interaction. Through tags, styles and scripts, these three together build the core functions of modern web pages.

          How do you set the lang attribute on the  tag? Why is this important?How do you set the lang attribute on the tag? Why is this important?May 08, 2025 am 12:03 AM

          Setting the lang attributes of a tag is a key step in optimizing web accessibility and SEO. 1) Set the lang attribute in the tag, such as. 2) In multilingual content, set lang attributes for different language parts, such as. 3) Use language codes that comply with ISO639-1 standards, such as "en", "fr", "zh", etc. Correctly setting the lang attribute can improve the accessibility of web pages and search engine rankings.

          What is the purpose of HTML attributes?What is the purpose of HTML attributes?May 07, 2025 am 12:01 AM

          HTMLattributesareessentialforenhancingwebelements'functionalityandappearance.Theyaddinformationtodefinebehavior,appearance,andinteraction,makingwebsitesinteractive,responsive,andvisuallyappealing.Attributeslikesrc,href,class,type,anddisabledtransform

          How do you create a list in HTML?How do you create a list in HTML?May 06, 2025 am 12:01 AM

          TocreatealistinHTML,useforunorderedlistsandfororderedlists:1)Forunorderedlists,wrapitemsinanduseforeachitem,renderingasabulletedlist.2)Fororderedlists,useandfornumberedlists,customizablewiththetypeattributefordifferentnumberingstyles.

          HTML in Action: Examples of Website StructureHTML in Action: Examples of Website StructureMay 05, 2025 am 12:03 AM

          HTML is used to build websites with clear structure. 1) Use tags such as, and define the website structure. 2) Examples show the structure of blogs and e-commerce websites. 3) Avoid common mistakes such as incorrect label nesting. 4) Optimize performance by reducing HTTP requests and using semantic tags.

          How do you insert an image into an HTML page?How do you insert an image into an HTML page?May 04, 2025 am 12:02 AM

          ToinsertanimageintoanHTMLpage,usethetagwithsrcandaltattributes.1)UsealttextforaccessibilityandSEO.2)Implementsrcsetforresponsiveimages.3)Applylazyloadingwithloading="lazy"tooptimizeperformance.4)OptimizeimagesusingtoolslikeImageOptimtoreduc

          HTML's Purpose: Enabling Web Browsers to Display ContentHTML's Purpose: Enabling Web Browsers to Display ContentMay 03, 2025 am 12:03 AM

          The core purpose of HTML is to enable the browser to understand and display web content. 1. HTML defines the web page structure and content through tags, such as, to, etc. 2. HTML5 enhances multimedia support and introduces and tags. 3.HTML provides form elements to support user interaction. 4. Optimizing HTML code can improve web page performance, such as reducing HTTP requests and compressing HTML.

          Why are HTML tags important for web development?Why are HTML tags important for web development?May 02, 2025 am 12:03 AM

          HTMLtagsareessentialforwebdevelopmentastheystructureandenhancewebpages.1)Theydefinelayout,semantics,andinteractivity.2)SemantictagsimproveaccessibilityandSEO.3)Properuseoftagscanoptimizeperformanceandensurecross-browsercompatibility.

          See all articles

          Hot AI Tools

          Undresser.AI Undress

          Undresser.AI Undress

          AI-powered app for creating realistic nude photos

          AI Clothes Remover

          AI Clothes Remover

          Online AI tool for removing clothes from photos.

          Undress AI Tool

          Undress AI Tool

          Undress images for free

          Clothoff.io

          Clothoff.io

          AI clothes remover

          Video Face Swap

          Video Face Swap

          Swap faces in any video effortlessly with our completely free AI face swap tool!

          Hot Tools

          DVWA

          DVWA

          Damn Vulnerable Web App (DVWA) is a PHP/MySQL web application that is very vulnerable. Its main goals are to be an aid for security professionals to test their skills and tools in a legal environment, to help web developers better understand the process of securing web applications, and to help teachers/students teach/learn in a classroom environment Web application security. The goal of DVWA is to practice some of the most common web vulnerabilities through a simple and straightforward interface, with varying degrees of difficulty. Please note that this software

          VSCode Windows 64-bit Download

          VSCode Windows 64-bit Download

          A free and powerful IDE editor launched by Microsoft

          Notepad++7.3.1

          Notepad++7.3.1

          Easy-to-use and free code editor

          Atom editor mac version download

          Atom editor mac version download

          The most popular open source editor

          SAP NetWeaver Server Adapter for Eclipse

          SAP NetWeaver Server Adapter for Eclipse

          Integrate Eclipse with SAP NetWeaver application server.