Row and column labels for HTML5

Source: Internet
Author: User
Tags pears

HTML5 a lot of tags, not listed here. The following only some of the commonly used HTML5 row labels and column labels are summarized to facilitate learning. Note: Some tags can be in the CSS style of the row label and column label to each other, the list of labels do not have any style settings, all the column labels and row labels by my pro-test effective.
Block Tags:

<ul> unordered List

<ol> ordered list

<dl> Custom Lists

<dt>

<dd>

<p> Paragraph

<pre> Formatted text

<blockquote> Block Reference

<div> Common Blocks

<figure>

<figcaption>

<video> Video

<nav>

<address> Address

<option> selection

<fieldset> Custom Fields

<legend> description

<form> Forms

<table> Forms

Row Label:

<strong> Bold

<em> Tilt

<i> Tilt

<b> Bold

<a> hyperlinks

<small> Small Font text

<sub> subscript

<sup> superscript

<iframe> Inline Frame

Pictures

<abbr> Abbreviations

<bdo> Text Order

<time> time

<tr>

<td>

<th>

<caption> Title

<colgroup> Table Grier Set

<button> buttons

<input> input Box

<select> selection Box

<textarea> text content

<mark> tags

<audio> Audio

<u> Underline

<label> form Labels

<span> define chunks within text

<var> Defining variables

Block label

H tag

<H1> I am the biggest label for the font </H1>

<h2> I am the second largest label of the font </H2>

Unordered list

<ul>
<li> unordered list First paragraph </li>
<li> unordered List Second paragraph </li>
<li> unordered List Third paragraph </Li>
</ul>

Ordered list

<ol>
<Li> I am a serial table </li>
<li> ordered list second paragraph </li>
<li> ordered list third paragraph </Li>
</ol>
Custom list
<DL>
<DT> I am a custom list similar to paragraph </DT>
<DD> Custom list </dd>
</DL>
P Label
<p> Paragraph label I'm a paragraph tag <class="color:red">a</span ></P>
Pre tag
<pre> Define Orchestration Text retention file original format such as spaces and column labels </pre>
BLOCKQUOTE Label
<blockquote> Define reference text, first row empty two </blockquote>
div tags
<div>
<href="">asdf </a>
</Div>
Figure label
<Figure >
<figcaption> This is a logo</figcaption>
<src="QQwidth=height="/>
</Figure >
Video Tagged videos
<width=height=controls AutoPlay loop muted >
<src="type=>
</Video>
Nav labels are usually page numbers
<nav>
<href="#">1</a>
<href="#">2</a>
<href="#">3</a>
</nav>
Address Label
<address > This is a location label, tilt display </address>
DataList label with Optioon label on table order
<inputtype="Text"list="IList">
<DataListid="IList">
<optionvalue="Menswear "label="Menswear "> Mens </option>
<optionvalue="men's Trousers "label="men's Trousers "> Men's Trousers </option>
<optionvalue="Ladies 'label="Ladies '> Women's </option>
<optionvalue="Women's Shoes "label="Women's Shoes "> Women's Shoes </option>
</DataList>
FieldSet label on table order
<fieldset>
<legend>f26 list </legend>
Monitor:<type="checkbox"/>
Learning Committee:<type="checkbox"/>
</fieldset>
Form form
<formaction="external link path "method="Get"name="MyForm">
<inputtype="Text"value="username"/>
Please enter your user name: <inputtype="Text"placeholder="username"maxlength="Ten"/>
Please enter your password:<inputtype="Password"/><BR/>
<inputtype="button"value="Button "/><BR/>
<inputtype="Submit"value="Submit "/><BR/>
<inputtype="Reset"value="Reset "/><BR/>
<inputtype="File"value="Please select your file "/><BR/>
<P> Please select the fruit </you wantP>//check box
Apple <inputtype="checkbox"/>
Banana <inputtype="checkbox"/>
Pear <inputtype="checkbox"/>
<P> Please choose your gender </P>//Radio Box
Male <inputtype="Radio"name="Sex"/>
Women <inputtype="Radio"name="Sex"/>
<BR/>
</form>
Table Label
<Tableborder="1"style="Border-collapse:collapse "cellpadding="5">
<caption> This is a table </caption>
<TR>
<th> First Column </th>
<th> second Column </th>
<th> third column </th>
<th> Fourth Column </th>
</TR>
<TR>
<TDcolspan="2">1-1</TD>//Horizontal Merge Cells

<TD>1-3</TD>
<TD>1-4</TD>
</TR>
<TR>
<TDrowspan="2">2-1</TD>//vertically merged cells
<TD>2-2</TD>
<TD>2-2</TD>
<TD>2-3</TD>
</TR>
<TR>

<TD>3-2</TD>
<TD>3-3</TD>
<TD>3-4</TD>
</TR>
</Table>

Row labels

Strong label
<strong> I am strong label, play the role of emphasis. Displays the bold effect. </Strong>
EM tag
<em> I am em tag, play the role of emphasis. Show tilt effect </em>
I label
<i > I am the i tag, which plays an important role in showing the tilt effect. </I>
B label
<b> I'm a b tag, show bold effect </b>
A label
<href=target="_blank"> I am a tag, is a link tag. </a>
Small label
<small> Copyright by author All &copy</small>
Sub Subscript and superscript sup
I am <sup> Superscript </sup>
I am <sub> Subscript </Sub>
IFRAME Label
<scrolling=src=frameborder=name= "iframe"></iframe>
IMG Tags
<src="QQalt=" This is a picture "/>
ABBR Label
The <title=>prc</abbr> is founded in 1949.
BDO label
<dir="RTL">123456789</bdo>
Time label
<time >11:37</time >
Caption tags are generally used as table headers
<caption> This is a title </caption>
Colgroup Label
<Tableborder="1"style="Border-collapse:collapse ">
<Colgroup>
<Colstyle="background:Red ">//Setting cell colors vertically
<Colstyle="background:Blue ">
<Colstyle="background:Yellow ">
<Colstyle="background:Red ">
<Colstyle="background:Red ">
</Colgroup>
<TR>
<th>1-1</th>
<th>1-1</th>
<th>1-1</th>
<th>1-1</th>
<th>1-1</th>
</TR>
</table>
Button Label
<button > Pushbutton </buttons >
Input label
<input type= "text" value= ""/>
The Select tab is placed in the table order
<type=min=max= step=/>
<name=id="chance">
<value=" Apple"> Apple </option>
<value=" pears"> Pears </option>
<value=" bananas"> Banana </option>
</Select>
TextArea label outside the form
<name=id=cols=rows="Ten" > Multiline Text </textarea>
Mark Label
Morning Remember <mark> Eat breakfast </Mark>
Audio Label Audios
<controls AutoPlay>
<src="181type=" audio/wmv "/>
</Audio
Label label
<label for= "Nan" > Male </label>
<input type= "checkbox" id= "Nan"/>
<label for= "NV" > Women </label>
<input type= "checkbox" id= "NV"/>
Span label
<b> I am a <span style= "color:red" >span</span> tags </b>

Row and column labels for HTML5

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.