Basic knowledge of HTML
Features and common sense
1. Case insensitive
2. File suffix name. html. htm. xhtml
3 Markup Language basic format < identity Name property = value of the property >
4. In label units, multiple layers can be nested
5. Carriage returns and spaces do not work on Web content
6. When the outer label and the inner tag conflict, the inner label works
HTML overall structure
HTML start tag, located at the front and end of the page
HTML header tag information, involves file basic information, will not be displayed in the browser
<meta> </meta>
Must attribute content = "Some_text" to define meta-information for the Name property
The meta-information of the page, which exists with the header information
HTTP-EQUIV Auto Jump property value is Refresh
Content delay time (seconds) and jump URLs
such as <meta http_equiv= "Refresh" content= "3;url=http://www.baidu.com" >
Mark: Jump to Baidu after 3 seconds
Contains common properties
Auther author
Description page description Information
Key Words page Keywords
<title> </title> title information for Web pages
<body> </body> Theme parts of Web pages can embed other tags such as table text picture hyperlinks, etc.
Common Properties
bgcolor Setting the background color
Color Properties
1. String form such as: "Red", "green"
2.6-bit 16 binary digital form
#FFFFFF White
#000000 Black
#FF0000 Red
#00FF00 Green
#0000FF蓝色
Hypertext links
ALink Setting the font color of clicked hyperlinks
Vlink Setting the font color of visited hyperlinks
Link sets the font color of the hyperlink
Edge Distance
Leftmagin set the left margin value to pixels (number)
TopMargin Setting the top margin value to pixels (numbers)
Background set the background picture value to the picture address
Attribute bgproperties background picture fixed property can be omitted
Text color setting
The meaning of HTML tags and how to use them
HTML Formatting control tags
<br/> line-Wrapping single mark
<p/> paragraph marks
<center> Center Text </center> Center snap mark to display
<pre></pre> Pre-formatting
<ul></ul> unordered List
The default is disc "Solid Circle" ul
One layer of nested UL bullets is Circle "Hollow Circle"
Two-level nested UL bullets are square "squares"
<ul>
<li> list Items </li>
</ul>
<ol></ol> ordered list
Properties: Color Sets the colors of a horizontal line
Size sets the height of the horizontal line
Width set the horizontal line widths
Align to set the alignment of horizontal lines
<div></div> Partition Display Markers
HTML text Markup
<font> </font> Text font settings tags
Property
Size font sizes (1-7) Example: <font size= "3" > </font> default = 3
Color text
File path for attribute src image
1. If the current directory is directly with the file name + suffix name on the line
2. Direct directory name/file in downlevel directory
3. In the upper-level directory of the HTML file: /filename + suffix
4. Other directories with absolute path-----generally not because remote access cannot get pictures
property of the width of the display of the width image
High property of the property height image
Property border The border width of an image
Property Alt value is a string
1. If the image loading is complete. When the mouse is above, the string is displayed
2. If the image fails to load, the string replaces the image display
3. The search engine can grab the picture based on this property
HTML Hyperlink Markup
<a> the name of the page display </a>
Property
The address of the href image (can be remote or local)
Target Open mode
Tags: purple
_self [Open in the current interface, the original interface does not exist]
_blank [opens in a new interface, the original interface still exists]
_top
_parent
FrameName the name of the frame, you can make the link open to the page
form data <form> </form>--can submit data in a form to a servlet
Form Label:<form></form>
Properties: Action: Submit Path/Location
method sets the way to commit its properties are: get[get data]/post[transfer data]
<input type= "#"/>
1, Text textbox
Value Sets the default text
2,password Password input box Value set default password
3,radio radio Button 8
Name must have a grouping
Checked= "Checked" setting is selected by default
4, CheckBox check box
Name Optional grouping
Checked= "Checked" setting is selected by default
5,file file fields
6,submit Submit button Value Set Button text
7,reset reset button Value Set button text default cannot be emptied
8,button Normal button Value Set button text
9,image picture field src Set picture path of picture field
Hidden hidden field content does not appear
<input> Input Tags
Property
Different values for Type property
Text Input class
Value Text line input textbox
Value password single line enter Password box
Common attributes for text input classes
MaxLength Maximum allowable maximum number of characters for text box
Onchang function to be executed when the text is changed
Value onfocus The function to execute when the text receives focus
value specifies the initial value
button click Class
Value button button to perform the corresponding function
Value Submit Form button Click to connect to form the URL address specified by the Action property
Select Input Class
Value checkbox check box and Multi box
Property checked =true/false is selected by default (can not write value defaults to TRUE)
Value Radio Radio Box
Property name = Any value with the same name as a single box is a set of
Property checked =true/false is selected by default (can not write value defaults to TRUE)
Property name defines the name of the control
Property size Specifies the maximum width that the control displays
Property method= "Post/get" Submission method
Attribute acton= address Form submitted addresses
<select> </select> drop-down Selection tab
<option> dropdown Options </option>-must be in the <select> tab
<textarea> </textarea> Multiline text input box (text field)
Property row indicates the number of rows in the input box
The Cols property indicates the number of text per line in the input box
Property selected =true/false is selected by default (can not write value defaults to TRUE)
Table Labels <table> </table> tables can be embedded in other tags
<tr> row label </tr> column label, element content is an embedded column label
valign: Set Vertical alignment
Property value: Top "upper"/Bottom "/middle" vertically centered "
BorderColor: Sets the border color of a row
Bgcolor: Set row background color
Height Set Row height
Align: Setting the Horizontal Alignment property value: Left/right/center
<td> cell contents </td> column labels, element as cell contents
Background setting the background picture of a cell
BorderColor Set cell border color
Bgcolor Setting the cell background color
Align to set cell horizontal alignment
valign to set cell vertical alignment
Height sets the heights of the cells
Width to set cell widths
Rowspan Merge Cells vertical span merge rows
Colspan Merge Cells horizontal span merge columns
cellspacing property sets the distance between each cell
Property Border table border width unit px
Property align the alignment of the entire table relative to the Web page
Center of Value Center alignment
Value right-justified
Value lift left-justified
Height to set Table heights
CellSpacing set the distance between cells and cells
Background setting the background picture for table
BorderColor Setting table border color
bgcolor setting the background color of a table
cellpadding set the distance between text distance cells
Width: Setting table widths
Page frame
<frameset cols= "25%,50%,25%" >
<frame src= "frame_a.htm"/>
<frame src= "frame_b.htm" name= "Show"/>
<frame src= "frame_c.htm"/>
</frameset>
Frameborder= "No" does not display borders
The------does not contain the layout setting under the Body Name property, which can be a link open to the frame
Java Knowledge Summary-15
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
