Home > Developer > Web Develop
The basic structure of 1.HTML5
<! DOCTYPE html> //Declaration HTML5 structure, indicates whether the standard2. Basic labels and special symbols in the Web page
(1) Title tag
Font size from big to small h1>.......>h6
(2) Paragraph labels <p></p>
(3) Line wrap label <br/>
(4) Horizontal line label
(5) Font bold label <strong></strong>
(6) Font tilt label <em></em>
(7) Note: <!--indicate the contents of the note--
(8) Special symbols
Space:
Greater than sign:>
Less than number:⁢
quotation marks:"
Copyright Symbol:©
(9) Image tag:
(10) Hyperlink tag: <a href= "Hyperlink page" target= "Add Property" > Hyperlink content can be picture </a>
Application:
Links between pages: <a href= "desired link page url" target= "_blank" > For example Baidu page </a>
Anchor Cable Connection: <a href= "#marker" > Current position </a>
<a name= "marker" > Target location </a>
Functional Links: [<a href= "mailto: email address" ></A>]
3. In-line elements and block elements
(1) inline element: does not wrap automatically
Inline elements (inline element)
A-anchor point
B-Bold (not recommended)
BR-line break
EM-emphasize
Font-typeface settings (not recommended)
I-Italic
IMG-Images
Input-Enter box
Label-Table Label
Select-Project Selection
Small-Small font text
Span-a common inline container that defines chunks within a text
Strike-Medium Dash
Strong-Bold Emphasis
Sub-subscript
SUP-Superscript
TEXTAREA-Multi-line text input box
TT-Telex text
U-Underline(2) block element: Automatic line-Wrapping
Block-level elements (blocks element)
Div-the most common block-level element
DL-block-level elements used with DT DD
Form-Interactive Form
H1-Big title
HR-Horizontal Divider Line
OL-Sort the form
P-Paragraph
UL-Non-sorted list4. List
(1) Unordered list:
<ui> <li> discomfort </li> <li > Pain </li> <li > Sorrow </li> <li> Discomfort </li> <li> discomfort </li> </ui>
(2) Ordered list
<ol> <li> men </li> <li> Women </li> <li> in </li> </ol>
(3) Definition list
<dl> <dt> Fruit </dt> <dd> Apple </dd> <dd> Banana </dd> <dd > Sentences </dd> <dt> flowers </dt> <dd> Roses </dd> <dd> chrysanthemums </dd> <dd> Peony </dd> </dl>4. Forms
(1) Structure
TR: is the number of rows TD: Is the number of columns
<table border= "1px" style= "Text-align:center" > <tr> <td colspan= "3" > Student results </td> </tr> <tr> <td rowspan= "2" > Zhang San </td> <td> Math results </td> < td>80</td> </tr> <tr> <td> language results </td> <td>89</td> </tr> <tr> <td rowspan= "2" > Reese </td> <td> Math results </td> <td>98</td> </tr> <tr> <td> Chinese results </td> <td>90</ td> </tr> </table>
(2) Cross-row and cross-columns of tables
Cross-line: <tr>
<TD rowspan= "2" > Reese </td>
<td> Math Score </td>
<td>98</td>
</tr>Cross-column:
<tr>
<TD colspan= "3" > Student achievement </td>
</tr>Media Elements for 5.HTML5
(1) Video elements
<video controls>
<source src= "Bu/video.mp4" type= "Video/mp4"/>
<source src= "BU/VIDEO.WEBM" type= "VIDEO/WEBM"/>
</video>(2)
<audio controls>
<source src= "Bu/video.mp4"/>
<source src= "BU/VIDEO.WEBM"/>
</audio>6.HTML5 page Structure elements
<div id= "box" style= "margin:0px auto;border:1px solid red;width:100;height:20px;" >Use of 6.iframe properties
<body> <a href= "hyperlinked pages" target= "my" > hyperlinks content can be pictures </a> <a href= "hyperlinked pages" target= The contents of the "my" > hyperlinks can be pictures </a> <a href= "hyperlinked pages" target= "my" > the contents of hyperlinks can be pictures </a> <iframe name= "my" width= "width" height= "height" src= "address you want to connect to"/></body>
Html5+css3 ..... Mongolian people
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
