HTML: Web site (site)-Web page
HTML as the file suffix, you can change the file into a Web page
HTML is the name of a programming language: Hypertext Markup Language
Beyond the text of the category, in addition to the text can also have pictures, video, audio, animation effects and other content, a computer programming language consisting of markers (<>)
The role of HTML language: making Web pages
Basic format:
<body></body>
Http://tool.oschina.net/commons?type=3
Mark:
-Text Mark
+ Bold, italic, underline <b> <i> <u>
+ color, size, font style <font color= "" size= "" face= "" ></font>
-Image Marker
+
--------------------------------------------------------------------------
Space Mark:
Line break tag: <br/>
Paragraph mark:<p></p>
Form:
<table>
<tr>
<td></td>
</tr>
</table>
Border-border thickness
Width-wide px%
Height-Altitude
Align-Horizontal arrangement format
valign-Vertical Rehearsal format
bgcolor-background color
background-background image
cellspacing-spacing between cells
cellpadding-spacing between content and cells
Hyperlink: <a href= "Connect" target= "_blank" > Text/Image </a> (target= "_blank" new page opens)
Practice:
1<! DOCTYPE html>234<meta charset="Utf-8"/>5<title></title>6<style type="Text/css">7*{8 padding:0px;9 margin:0px;Ten } One</style> A -<body> -<table border="1"Width="100%"cellpadding="0"> the<!--first Row-- -<tr height=" -"Bgcolor="Navy"> -<td> -<table width="100%"height=" -"> +<tr> -<TD width="40%"align="Center"> +"Aaa/logo.png"Width=" the"/> A</td> at<TD align=" Right"> -<table width="100%"> -<tr height="50%"align=" Right"> -<td> -<font color=" White"Size="4"Face="Microsoft Ya-Black"> -Shandong Talent Hotline:0533-1234567 in -- --1234567 -</font> to</td> +</tr> -<tr height=" -"> the<td> *<table width="100%"> $<tr align="Center">Panax Notoginseng<td><font color=" White"> Base Introduction </font></td> -<td><font color=" White"> Products </font></td> the<td><font color=" White"> About Us </font></td> +<td><font color=" White"> Enterprise Cooperation </font></td> A<td><font color=" White"> Free Consultation </font></td> the</tr> +</table> -</td> $</tr> $</table> -</td> -</tr> the</table> -</td>Wuyi</tr> the<!--first-level table, second line-- -<tr> Wu<td> -Aaa<br/> AboutBbb<br/> $Ccc<br/> -Aaa<br/> -Bbb<br/> -Ccc<br/> AAaa<br/> +Bbb<br/> theCcc<br/> -Aaa<br/> $Bbb<br/> theCcc<br/> theAaa<br/> theBbb<br/> theCcc<br/> -</td> in</tr> the<!--first-level table, line three-- the<tr height=" $"Bgcolor="Black"> About<td> the<table width="100%"height=" $"> the<tr> the<TD width="33%"valign="Top"align="Center"> +<font color=" White"> -<br/> theChinese Enterprise Talent Customization Center <br/>Bayi</font> the<font color=" White"Size="1"> the - - --Provide solutions for IT industry technology and talent professional the</font> the</td> the<TD width="33%"align="Center"> the<font size="1"Color=" White"> -Beijing:0515-449832<br/> theShanghai:0515-449832<br/> theGuangzhou:0515-449832<br/> theShenzhen:0515-449832<br/>94Qingdao:0515-449832<br/> theJinan:0515-449832<br/> the</font> the</td>98<TD width="1"Bgcolor=" White"height="80%"> About -</td>101<TD align="Center"valign="Top">102<font size="2"Color=" White">103<br/>104Base Introduction Products about us <br/> theEnterprise cooperation FREE consultation Academic cooperation106</font>107</td>108</tr>109</table> the</td>111</tr> the</table>113 the</body> the:
"2018-01-22" html-basic knowledge and form nesting