Home Web Front-end HTML Tutorial The most complete collection of labels in history

The most complete collection of labels in history

Jun 16, 2017 pm 05:12 PM
Encyclopedia Summarize Label

基本结构标签: 
,表示该文件为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点 

, 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,
Image 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;
</pre&gt ;,Preformatted text; <br/><u></u>,Underline <br><b></b>,Boldface; <br><i></i>, italics; <br><tt></tt>, typewriter style font; <br><cite></cite>, quotations, usually italics; <br><em></ em>, emphasize text (usually italics and boldface); <br><strong></strong>, emphasize text (usually italics and boldface); <br><font,size="",color= ""></font>, set the font size from 1 to 7, the color uses the name or the hexadecimal value of RGB; <br><BASEFONT></BASEFONT>, the base font mark; <br> <big></big>, increase the font size; <br><SMALL></SMALL>, reduce the font size; <br><STRIKE></STRIKE>, add a strikethrough; <br> <CODE></CODE>,program code; <br><KBD></KBD>,keyboard text; <br><SAMP></SAMP>,example; <br><VAR&gt ;</VAR>, variable; <br><BLOCKQUOTE></BLOCKQUOTE>, indent to the right; <br><DFN></DFN>, predicate definition; <br><ADDRESS&gt ;</ADDRESS>, address mark; <br><sup></SUP>, superscript; <br><SUB></SUB>, subscript; <br><xmp&gt ;...</xmp>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,color=00ff00>...</font>Font color; <br><font,size =1>...</font>Minimum font; <br><font,style,='font-size:100,px'>...</font>Infinitely increase.</p> <p>Format tag:</p>
<p><p></p>, create a paragraph; <br><p,align="">, align the paragraph to the left, center, or right; <br><br>, line break, insert a carriage return and line feed; <br><blockquote></blockquote>, indent text from both sides; </p>
<p><dl></dl&gt ;, list label, define list; <br/><dt>, define list title; <br><dd>, define list content; <br>Example: <br><dl> <br><dt&gt ;Title 1</dt> <br><dd>Content 11</dd> <br><dd>Content 12</dd> <br><dt>Title 2</dt> <br>&lt ;dd>Content21</dd> <br><dd>Content22</dd> <br></dl></p>
<p><ol></ol>, list label, definition A numbered list;</p>
<p><ul></ul>,列表标签,定义一个标有圆点的列表; <br><li>,放在每个列表项之前; <br>放在<ol></ol>之间则每个列表项加上一个数字,放在<ul></ul>之间则每个列表项加上一个圆点;</p>
<p><div,align=""></div>, Partition tag, used to format large HTML paragraphs, and also used to format tables; <br><MENU>, option list; <br><DIR>, directory list; <br><nobr>&lt ;/nobr>, force no line breaks; <br><hr,size='9',width='80%',color='ff0000'>Horizontal line (set width); <br><center> </center>, horizontally centered. </p>
<p>Link tag: <br><a,href="URL"></a>, create a hypertext link; <br><a, href="mailtEMAIL"> <br></a>,Create a link to automatically send an email; <br><a,name="name"></a>,Create a bookmark located inside the document ; <br><a,href="#name"></a>, creates links to bookmarks located inside the document; <br><BASE>, all other links in the document that are not recognized by this site Source URL; <br><LINK>, defines the relationship between a link and the source; </p>
<p>Link tag annotation: <br>target="...", determines where the link source is Display (user-defined name, _blank, _parent, _self, _top); <br>rel="...", the type of link to send; <br>rev="...", the type of link to save; <br>accesskey="...", specifies the hotkey of the element; <br>shape="...", allows us to use the defined shape to define the client's graphic mirror (default, rect, circle, poly); <br>coord="...", use pixels or length percentage to define the size of the shape; <br>tabindex="...", use the defined tabindex element to set the focus acquisition order between each element ( Use the tab key to focus the element). </p>
<p>Table tag: <br><table></table>, create a table; <br><tr></tr>, in the table Each row of ##<table,cellspacing="">, set the size of the space between table cells; <br><table,border="">, set the width of the border; <br><table,cellpadding= "">, set the size of the space between the table grid border and its internal content; <br><table,width="">, set the width of the table. Use absolute pixel value or percentage of the total width; <br> <table,align="">, Set the horizontal alignment of the table grid (left, center, right, justify); <br><tr,align="">, Set the horizontal alignment of the table grid ( left,center,right,justify); <br><tr,valign="">,Set the vertical alignment of the table grid (baseline,bottom,middle,top); <br><td,colspan=" ">, Set the number of columns that a table grid spans (the default value is 1); <br><td,rowspan="">, Set the number of rows that a table grid spans (the default value is 1) ; , define multiple columns and a group of columns; <br><TABLE></TABLE>, create a table; <br><THEAD></THEAD>, define the header of the table; <br>&lt ;COL>, defines the columns in a column group so that relevant properties can be set for them at the same time; <br><TBODY></TBODY>, defines the entity of a table; <br><TFOOT></ TFOOT>, define the footer of a table;<br></p>
<p>Form tag: <br><form></form>, create a form; <br>action="...", the URL of the server that receives data; <br>method="..." , HTTP methods (get,,post), of which get is prohibited; <br>enctype="...", specifies MIME (Internet media type); <br>onsubmit="...", when Internal event that occurs when the form is submitted; <br>noreset="...", internal event that occurs when the form is reset; <br>target="...", determines where to display the content (_blank, _parent,_self,_top) <br><select,multiple,name="name",size=""></select>, create a scrolling menu, size sets the number of form items that can be seen before scrolling is required ; <br><option>, set the content of each form item; <br><select,name="name"></select>, create a <a href="http://www.php.cn/code/6140.html" target="_blank"> drop-down menu</a>; <br> <pre,name="name",cols=40,rows=8>
, create a text box area, the number of columns sets the width, and the number of rows sets the height;
, Create a checkbox with the text behind the label;
, Create a radio button with the text behind the logo;
, create a single-line text input area, the size is set to the width of the string;
,Create a submit button;
, creates a submit button using an image;
, creates a reset button;
, create a button;
disabled="...", set the status of the button to disabled;
name="...", the control name of the button, value=". ..", the value of the button;
type="...", the type of the button (button,,submit,,reset);
, put the related controls Combined into a group;
, prompts user input;
, provides a label for a control;
, is FIELDSET The element specifies a title;
, creates various options for the user to make choices;
, creates an area that allows the user to enter multiple lines.

Form label annotations:
type="...", the type used for input controls (text, password, checkbox, radio, submit, reset, file, hidden, image, button);
name="...", the control name of the control (required to be any name except submit and reset);
value="...", the initial value of the control;
checked=". ..", sets a radio button to the selected state;
disabled="...", sets the state of the control to unusable;
readonly="...", only for entering a password The text box uses;
size="...", which represents the width in pixels of other controls except the text box and password box controls. It is used to specify the number of characters;
src ="...", the URL of an image control;
maxlength="...", specifies the maximum number of characters that can be entered;
alt="...", another text description;
usemap="...", URL to client graphics image;
align="...", objected. Control alignment (left,,center,,right,,justify);
tabindex="...", determine the order in which different elements get focus through the defined tabindex value;
onfocus="...", the event that occurs when an element gets focus;
onblur ="...", the event that occurs when the element loses focus;
onselect="...", the event that occurs when the element is selected;
onchang="...", when the element status Event that occurs when it is changed;
accept="...", the file type allowed to be uploaded.

Frame tag (frame tag):
, placed before the tag of a frame document, can also be embedded in other frame documents;
< frameset,rows="value,value">, defines the number of rows in a frame, available pixel value or height percentage;
, defines the columns in a frame Number, available pixel value or width percentage;
, defines a single window or window area within a frame;
, defined in browsers that do not support frames What prompt to display;
, specifies the HTML document displayed in the frame;
, names the frame or area for other frames You can point to it;
, defines the margin size of the left and right edges of the frame, which must be greater than or equal to 1;
, defines the size of the upper and lower edges of the frame Blank size, must be greater than or equal to 1;
, set whether the frame has a scroll bar, the value can be "yes", "no", or "auto";
< ;frame,noresize>, prohibits users from adjusting the size of a frame;
, creates an inline frame;
scr="...", defines display in the frame The source of the content;
frameborder="...", defines the border between frames (0 or 1);
align="...", is opposed, controls the alignment (left,,center ,,right,,justify);
height="...",The height of the frame,width="..."The width of the frame;
..., Normal scroll;
..., slide;
..., default scroll ;
..., scroll back and forth;
..., scroll down;
...,scroll up;
,scroll right;
< ;marquee,direction='left'>,scroll to the left;
...,number of scrolls;
< marquee,width=180>..., set the width;
..., set the height;
..., set the background color;
..., set the scroll distance;
..., set the scroll time;
, insert the picture, the parameters are: width="width", alt="Description Text",height="high",boder="border".

Document overall attribute tag:
, set the background color. Use name or RGB Hexadecimal value;
, set the background image;
, set the background music;
, Fixed background image (applicable to IE);
, Set text color. Use name or RGB hexadecimal value;
, Set the link color. Use the hexadecimal value of name, word or RGB;
, Set the color of the used link. Use the name or RGB The hexadecimal value;
, sets the color of the link being hit. Use the name or RGB hexadecimal value;
, set the top margin of the page;
, set the left margin of the page.


##

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 of this Website
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

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)
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
Repo: How To Revive Teammates
1 months ago By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: How To Get Giant Seeds
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

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

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How to search for text across all tabs in Chrome and Edge How to search for text across all tabs in Chrome and Edge Feb 19, 2024 am 11:30 AM

This tutorial shows you how to find specific text or phrases on all open tabs in Chrome or Edge on Windows. Is there a way to do a text search on all open tabs in Chrome? Yes, you can use a free external web extension in Chrome to perform text searches on all open tabs without having to switch tabs manually. Some extensions like TabSearch and Ctrl-FPlus can help you achieve this easily. How to search text across all tabs in Google Chrome? Ctrl-FPlus is a free extension that makes it easy for users to search for a specific word, phrase or text across all tabs of their browser window. This expansion

Summarize the usage of system() function in Linux system Summarize the usage of system() function in Linux system Feb 23, 2024 pm 06:45 PM

Summary of the system() function under Linux In the Linux system, the system() function is a very commonly used function, which can be used to execute command line commands. This article will introduce the system() function in detail and provide some specific code examples. 1. Basic usage of the system() function. The declaration of the system() function is as follows: intsystem(constchar*command); where the command parameter is a character.

How to add tags on Douyin to attract traffic? Which tags on the platform are easiest to attract traffic to? How to add tags on Douyin to attract traffic? Which tags on the platform are easiest to attract traffic to? Mar 22, 2024 am 10:28 AM

As a popular short video social platform, Douyin has a huge user base. For Douyin creators, using tags to attract traffic is an effective way to increase the exposure of content and attract attention. So, how does Douyin use tags to attract traffic? This article will answer this question in detail for you and introduce related techniques. 1. How to add tags on Douyin to attract traffic? When posting a video, make sure to choose tags that are relevant to the content. These tags should cover the topic and keywords of your video to make it easier for users to find your video through tags. Leveraging popular hashtags is an effective way to increase your video’s exposure. Research current popular tags and trends and incorporate them into your video descriptions and tags. These popular tags usually have higher visibility and can attract the attention of more viewers. 3. Label

Comprehensive review of i5-13490F processor specifications and performance Comprehensive review of i5-13490F processor specifications and performance Jan 02, 2024 pm 06:12 PM

The i5-13490F is a CPU only sold in mainland China. It has just been launched recently. Its performance is slightly improved compared to the 13400F. It performs very well in games and brings us low power consumption and high performance. Comprehensive evaluation of i5-13490F processor parameters: 1. The performance of the i5-13490F processor is improved by 0.2GHz compared to the i5-13400F; the level 3 cache is increased to 24MB. 2. The improvement of single-core performance and level-3 cache will help gamers in terms of performance. 3. At 2K resolution, i5-13490F performs slightly better in games than i5-13400F. i7-13490F Parameter Evaluation Complete Performance Benchmarks: CPU-z’s benchmark scores reached single

What is the clock behind the TikTok label? How to tag Douyin account? What is the clock behind the TikTok label? How to tag Douyin account? Mar 24, 2024 pm 03:46 PM

When browsing Douyin works, we often see a clock icon behind the tag. So, what exactly is this clock? This article will focus on the discussion of &quot;What is the clock behind the Douyin label&quot;, hoping to provide some useful reference for your use of Douyin. 1. What is the clock behind the Douyin label? Douyin will launch some hot topic challenges. When users participate, they will see a clock icon after the tag, which means that the work is participating in the topic challenge and displays the remaining time of the challenge. For some time-sensitive content, such as holidays, special events, etc., Douyin will attach a clock icon after the label to remind users of the validity period of the content. 3. Popular tags: When a tag becomes popular, Douyin will add a clock icon after the tag to indicate that the tag is

What is the difference between html5 tag head and header? What is the difference between html5 tag head and header? Jan 17, 2022 am 11:10 AM

Differences: 1. The head tag is used to define the head of the document, which is a container for all head elements, and the header tag is used to define the header (introduction information) of the document; 2. All browsers support the head tag, and older versions of browsers None of the browsers support the header tag, and browsers such as IE9+ and above are required to support the header tag.

How to delete external contact tags on DingTalk app How to delete external contact tags on DingTalk app Feb 24, 2024 am 08:20 AM

How to delete external contact tags on DingTalk app? DingTalk has a function to delete external contact tags, but most friends don’t know how to delete external contact tags on DingTalk. Next is the DingTalk guide that the editor brings to users. Graphical tutorial on how to delete external contact tags in the Ding app. Interested users can come and take a look! How to delete external contact tags in DingTalk app 1. First open DingTalk APP and click the [Management] function as shown below on the main page; 2. Then enter the enterprise management interface and find [External Contacts]; 3. Then on the external contact setting function page, select the [Label Management] service; 4. Then on the main contact label page, select the type of label group you want to delete; 5. Finally, click on the red label group

A closer look at the video element in HTML A closer look at the video element in HTML Feb 24, 2024 pm 08:18 PM

Detailed explanation of the video tag in HTML The video tag in HTML5 is a tag used to play videos on web pages. It can render videos using different formats, such as MP4, WebM, Ogg, and more. In this article, we will introduce the use of video tag in detail and provide specific code examples. Basic Structure The following is the basic structure of the video tag:

See all articles