Home > Developer > Web Develop
What is HTML?
HTML is a language used to describe a Web page.
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. Space 2.© Copyright Symbol ©3.⁢ Left angle bracket,< 4.> Right angle bracket >
5.& 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
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
