First, HTML Web site (site), the basic knowledge of the Web
HTML is the name of a programming language: Hypertext Markup Language
Can be understood as: beyond the scope of the text, can have pictures, video, audio, animation effects and other content, the use of marked methods of programming computer language
Basic format:
<title> Title name </title>
Web rendering, effects
<body>
Web content
</body>
Second, Mark
Add comments:<!--comments--
1. Text mark
Text bold:<b> text </b> or <strong> text <strong>
Text Tilt:<i> text </i>
Text Underline:<u> Text </u>
Text color, size, font: <font color= "" size= "" face= "" > Text </font>
Color can be the English name of the colors, or any of the 3 letters (http://tool.oschina.net/commons?type=3) between the #+ (a-f) and the color number
Size=1-7 one of the numbers 1 min, 7 max
Face directly write the Chinese name of the font can be
2. Picture Mark
(Picture Best and HTML file in one folder for easy operation). /Up one level
Title is a picture label that shows the effect: placing the mouse over the picture will show the contents of the label for that picture
If you want to zoom in or out of a picture, just control the width or height of one of the items
The width and height can be numeric, or%,width=100% is to tile the picture left and right, height=100% to tile the picture up and down
3. Common Mark
--Space
<br/>--line break
<p> paragraph content <p>--The paragraph will be empty line up and down
Third, form
1. Basic format
<table>--form
<tr>--Line
<td></td>--cell
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
Represents creating a table with 3 cells in the first row and 2 cells in the second row
2. Properties
Border= ""--border thickness, 0 or 1
Width= ""--width, px or%
Height= ""--height, px or%
Align= ""--horizontal arrangement format, Center/left/right
Valign= ""--vertical arrangement format, Center/top/bottom
Bgcolor= ""--background color
Background= ""--background image
Cellspacing= ""--spacing between cells
Cellpadding= ""--spacing between cells and content
3. Remove the blank border around the table in the browser interface
Enter the following code in
<style type= "Text/css" >
*{
padding:0px;
margin:0px;
}
</style>
Iv. hyperlinks
<a href= "link Address" > Image/Text </a> --click on the image/text to jump to the link page directly from this page
Note: If the link address is a local address, fill in the relative path, if the link address is a public URL, you must add http: //
<a href= "link address" target= "_blank" > Pictures/Text </a> --click on the image/text and the new page will jump to the link page
"2017-03-20" HTML basics, tags, tables, table nesting and layout, hyperlinks