HTML----2

Source: Internet
Author: User

What is HTML?

HTML is a language used to describe a Web page.

    • HTML refers to Hypertext Markup Language (Hyper Text Markup Language)
    • HTML is not a programming language, but a markup language (markup language)
    • Markup language is a set of tag tags (markup tag)
    • HTML uses tag tags to describe web pages
HTML Tags

HTML tag tags are often referred to as HTML tags (html tag).

1.HTML tags are keywords surrounded by angle brackets, such as

2.HTML tags are usually paired, such as <b> and </b>

3. The first label in the pair is the start tag, the second one is the end tag

4. Start and end tags are also known as open tags and closed labels

To create an HTML file:

1. test.html

2. test.xhtml Strict HTML format

3. Test.htm. Since some older servers only support 3-bit suffix names, l omitted the

HTML format, tags

1.<! DOCTYPE html>-----definition file as HTML type

2.

3.

4.<title></title>---------Title

5.<meta http-equiv= "Content" content= "text/html" charset= "Utf-8"/>-----------Set page encoding set
6.<meta name= "KeyWords" content= "xx,xx" >---------description page keywords, web optimization internet crawler/robot will crawl keywords
7.<meta name= "description" content= "xxxxxxx" >--------Website content description
8.<meta http-equiv= "Refresh" content= "3,http://www.baidu.com" >-----------Refresh the webpage after 3 seconds, jump to Baidu

9.<body></body>-------define the content.

10.<!--This is a comment----------Note that does not appear on the page

11. Define the body title:

<H1 align= "center" > title one

12. Paragraph Tags:

<p> paragraph </p>------text wrapping ends automatically

13. Line break:

</br>

14. Horizontal line:

15. Referencing a block of text

<blockquote></blockquote>-----Text will automatically empty two cells before and after

16. Unordered List combination:

<ul>
<li> Dinner </li>
<li> Sleep </li>
<li> dozen Peas </li>
</ul>

17. Ordered list combination:

<ol>
<li> Dinner </li>
<li> Sleep </li>
<li> dozen Peas </li>
</ol>

18. Define the list:

<dl>
<dt> </dt>-------Content
<dd> Dogs </dd>--------Description <dt> Content
</dl>

19. Pre-programmed mode:

<pre>
12
+ 21
--------
33

</pre>

20. Symbols:

  1.&nbsp;  Space 2.&copy;  Copyright Symbol ©3.&it;  Left angle bracket,< 4.&gt; Right angle bracket >

5.&amp;  Ampersand & 6.& #151; Dash 

21. Button

<button> Point Me </button>

22. Hyperlinks

<a href= "http://www.baidu.com" > Baidu </a>-------code display as "Baidu", after clicking will enter Baidu homepage

23. Anchor Connection:

Click on the page will show id= "T1" near

<a href= "#t1" > Shoes </a>

....

<p id= "T1" > here sells shoes </p>

24. Font bold:<b> Coarse </b>

25.tabindex----------Tab key Toggle

<b tabindex= "1" >A</b>

<b tabindex= "2" >B</b>

26. Picture:

--------src URL address, relative path. If the picture does not appear, it will display the ALT content, when the mouse is placed on the picture, will show the title content

27. Video:

<video src= "Xx.mp4" controls= "Controls" autoplay= "AutoPlay" loop= "loop" ></video>

----Video URL address, controller, auto play, loop play

Or:

<video controls= "Controls" autoplay= "AutoPlay" loop= "loop" >
<source src= "Xx.mp4" >
</video>

28. Audio:

<audio controls= "Controls" >
<source src= "Song.ogg" type= "Audio/ogg" >
<source src= "Song.mp3" type= "Audio/mpeg" >
Your Browser does not support the audio tag.
</audio>

29. Form:

<table border= "1" cellspacing= "0" >------border Pixel value is 1, border is thicker

<th>------Title, table header

<tr>------Line

<td>1</td>-------a column

<td>2</td>-------a column

</tr>

</th>

Cross-line:

<th>

<tr>

<TD rowspan= "3" ></td>------one column across 3 rows

</tr>

</th>

Cross-column:

<th>

<tr>

<TD colaspan= "3" ></td>------row across 3 columns

</tr>

</th>

30. Nesting another page on one page

<iframe src= "http://www.souhu.com" width= "$" height= "scrolling=" "Yes" > Sohu </iframe>

-------width 200, height 300, scroll bar displayed, scrolling= "yes" or "no" or "auto"-Default

HTML----2

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.