8.4 H5 Knowledge Point Summary

Introduction to HTML hypertext Markup Language abbreviation for htmlhypertext: Hypertext (text + image + video + audio + link) Markup Language: Markup Language developed by SGML (standard Universal Markup Language) to browse The basic structure of the language HTML of the device

HTML tag element HTML elements consist of a start tag and an end tag. The text that is located in the start and end tags is the content of the element. HTML tags have to start with an end. If there is no content label (empty label), End with/>. The label name is recommended in lowercase. Labels have attributes that are used to represent the nature and characteristics of the label. property to be specified in the start tag. Define a qualifying HTML page
<! DOCTYPE html>
HTML Common Elements
Line breaks <br/>
Paragraph <p></p>
Title
Text formatting
<b> define bold text </b>
<i> Define Italic text </i>
<del> Define Delete text </del>
<sup> define superscript words </sup>
<sub> define subscript Words </sub>
Link
<a href= "URL" > </a>
Anchor Point
The anchor label is used to "jump" the user to a portion of the document.
<a href= "#位置名" > </a>
<a name= "Location name" > </a>
Image
Definition of relative address of picture
Same directory
Next Level Directory
Previous level Directory
Different directories on the same level
Image Hot Zone
 <map name= "map name" > <area shape= "shape" coords= "coordinate value" href= "url"/> ;</map>

HTML entity characters
 
  
 
  
   
 
    
 
     
  entity characters  
 
     
  character entity  
 
    
 
    
 
     
  
 
     
 &gt  
 
    
 
    
 
     
  less than (<)  
 
     
 &lt;  
 
    
 
    
 
     
  
 
     
 &quot; 
 
    
 
    
 
     
  registered trademark (®)  
 
     
 &A Mp;reg;  
 
    
 
    
 
     
  Copyright (©)  
 
     
 &copy; 
 
    
 
    
 
     
 &am P;SMP;  
 
    
 
   
 
 
  
Unordered list
<ul>
<li>......</li>
<li>......</li>
<li>......</li>
</ul>
Ordered list
<ol>
<li>......</li>
<li>......</li>
<li>......</li>
</ol>
HTML table
<table border= "1" > <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr&　　Gt <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr></table>
<iframe> Inline Frame
<iframe src= "url" name= "Frame name" ></iframe>
Form (form)
<form name= "Form1" action= "URL" method= "get" > User name: <input type= "text" name= "" > Password: <input type= "Password" Name= "passwd" ></form>
text box
<input type= "text" name= "username" value= "" >
Password box
<input type= "Password" name= "passwd" >
radio button
<input type= "Radio" name= "Sex" value= "1" checked= "checked" > Male
<input type= "Radio" name= "Sex" value= "0" > Female
Checked refers to the default option and does not need to be set
check box
<input type= "checkbox" Name= "value=" ">
<input type= "checkbox" Name= "value=" ">
<input type= "checkbox" Name= "value=" ">
Button
<input type= "Submit" Name= "value=" >
<input type= "reset" name= "value=" Reset >
Buttons can also be set with pictures to make it a little more visually
<input type= "image" Name= "src=" image address link ">
Hidden fields
<form action= "" method= "Post" enctype= "Multipart/form-data" > <input type= "file" name= "file" ></form >
TextArea (Form element: Multiline text field)
<textarea rows= "5" cols= "></textarea>"
Select (Form elements: drop-down box)
<label for= "Province" > Provinces </label>    <select id= "province" >    <option> Please select </option >    <option selected> Guangdong </option>    <option> Shanghai </option> </select>
Optgroup (Form elements: drop-down boxes grouped)
<select> <optgroup label= "popular cities" > <option> Guangzhou </option> <option> shenzhen </option> < ;option> Shanghai </option> </optgroup> <optgroup label= "other cities" > <option>AAA</option> < Option>bbb</option> <option>CCC</option> </optgroup></select>
8.4 H5 Knowledge Point Summary