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: The Structure, CSS: The Style, JavaScript: The BehaviorHTML: The Structure, CSS: The Style, JavaScript: The BehaviorApr 18, 2025 am 12:09 AM

          The roles of HTML, CSS and JavaScript in web development are: 1. HTML defines the web page structure, 2. CSS controls the web page style, and 3. JavaScript adds dynamic behavior. Together, they build the framework, aesthetics and interactivity of modern websites.

          The Future of HTML: Evolution and Trends in Web DesignThe Future of HTML: Evolution and Trends in Web DesignApr 17, 2025 am 12:12 AM

          The future of HTML is full of infinite possibilities. 1) New features and standards will include more semantic tags and the popularity of WebComponents. 2) The web design trend will continue to develop towards responsive and accessible design. 3) Performance optimization will improve the user experience through responsive image loading and lazy loading technologies.

          HTML vs. CSS vs. JavaScript: A Comparative OverviewHTML vs. CSS vs. JavaScript: A Comparative OverviewApr 16, 2025 am 12:04 AM

          The roles of HTML, CSS and JavaScript in web development are: HTML is responsible for content structure, CSS is responsible for style, and JavaScript is responsible for dynamic behavior. 1. HTML defines the web page structure and content through tags to ensure semantics. 2. CSS controls the web page style through selectors and attributes to make it beautiful and easy to read. 3. JavaScript controls web page behavior through scripts to achieve dynamic and interactive functions.

          HTML: Is It a Programming Language or Something Else?HTML: Is It a Programming Language or Something Else?Apr 15, 2025 am 12:13 AM

          HTMLisnotaprogramminglanguage;itisamarkuplanguage.1)HTMLstructuresandformatswebcontentusingtags.2)ItworkswithCSSforstylingandJavaScriptforinteractivity,enhancingwebdevelopment.

          HTML: Building the Structure of Web PagesHTML: Building the Structure of Web PagesApr 14, 2025 am 12:14 AM

          HTML is the cornerstone of building web page structure. 1. HTML defines the content structure and semantics, and uses, etc. tags. 2. Provide semantic markers, such as, etc., to improve SEO effect. 3. To realize user interaction through tags, pay attention to form verification. 4. Use advanced elements such as, combined with JavaScript to achieve dynamic effects. 5. Common errors include unclosed labels and unquoted attribute values, and verification tools are required. 6. Optimization strategies include reducing HTTP requests, compressing HTML, using semantic tags, etc.

          From Text to Websites: The Power of HTMLFrom Text to Websites: The Power of HTMLApr 13, 2025 am 12:07 AM

          HTML is a language used to build web pages, defining web page structure and content through tags and attributes. 1) HTML organizes document structure through tags, such as,. 2) The browser parses HTML to build the DOM and renders the web page. 3) New features of HTML5, such as, enhance multimedia functions. 4) Common errors include unclosed labels and unquoted attribute values. 5) Optimization suggestions include using semantic tags and reducing file size.

          Understanding HTML, CSS, and JavaScript: A Beginner's GuideUnderstanding HTML, CSS, and JavaScript: A Beginner's GuideApr 12, 2025 am 12:02 AM

          WebdevelopmentreliesonHTML,CSS,andJavaScript:1)HTMLstructurescontent,2)CSSstylesit,and3)JavaScriptaddsinteractivity,formingthebasisofmodernwebexperiences.

          The Role of HTML: Structuring Web ContentThe Role of HTML: Structuring Web ContentApr 11, 2025 am 12:12 AM

          The role of HTML is to define the structure and content of a web page through tags and attributes. 1. HTML organizes content through tags such as , making it easy to read and understand. 2. Use semantic tags such as, etc. to enhance accessibility and SEO. 3. Optimizing HTML code can improve web page loading speed and user experience.

          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

          AI Hentai Generator

          AI Hentai Generator

          Generate AI Hentai for free.

          Hot Article

          R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
          1 months agoBy尊渡假赌尊渡假赌尊渡假赌
          R.E.P.O. Best Graphic Settings
          1 months agoBy尊渡假赌尊渡假赌尊渡假赌
          Will R.E.P.O. Have Crossplay?
          1 months agoBy尊渡假赌尊渡假赌尊渡假赌

          Hot Tools

          Atom editor mac version download

          Atom editor mac version download

          The most popular open source editor

          MantisBT

          MantisBT

          Mantis is an easy-to-deploy web-based defect tracking tool designed to aid in product defect tracking. It requires PHP, MySQL and a web server. Check out our demo and hosting services.

          SublimeText3 Mac version

          SublimeText3 Mac version

          God-level code editing software (SublimeText3)

          Notepad++7.3.1

          Notepad++7.3.1

          Easy-to-use and free code editor

          SublimeText3 Chinese version

          SublimeText3 Chinese version

          Chinese version, very easy to use