HTML Learning Note 2

5. Hyperlinks
3 Types of Hyperlinks:
1. Connect to another page
2. Anchor: (is a link page) refers to a hyperlink name, the role is to connect to this page or other pages in a specific location. Use the name attribute to name the hyperlink and add # to this page
3. Connect to message: <a href = "mailto:[email protected" > enter my email
</a>
Properties: Target: Tell the browser how to display the target page
4 values are defined in HTML: _self: In the same browser
shown in
_blank:
Open a new browser display
_parent:
Show in parent window
_top: In
Display in the top-level window

6. Table Markers
Table: Tables
Properties: Border: Border
Width: Wide
Height: High
Align: how to align Tables
CellPadding: The distance from the contents of the cell to the edge (the edge is the upper or lower edge)
CellSpacing: The distance between the cell and the cell (the thickness of the edge)
bgcolor: Background color
Background: Background image
Bordercolorlight: Top of table, left border, and cell right, bottom box
The color
Bordercolordark: The right and bottom border of the table, and the left border on the cell
The color
Dir: How cell contents are arranged: Ltr from left to right, RTL: right to
Left, which is a public property or can be used in that table.
TR: Line
Properties: dir:
bgcolor: Background color
TD: Cell
Properties: Align: horizontal alignment of content
valign: Vertical alignment of content top,middle (centered), bottom
Width: Absolute value or relative (%)
Height: How high the cell is
bgcolor: Cell background color

Merging of cells:
Properties of the Cell:
colspan: horizontal merge (colspan = "2" horizontal merge of two)
RowSpan: Vertical merge (rowspan = "2" vertically combined two)
Th: Equivalent to <td> + <b>, is a bold <td>
Properties with <td>
Caption: Title of table
Property: Align: value: Left,center,right,top,bottom
Thead: Head
Tbody: Body
Tfoot: Feet
The difference between writing and not writing:
1. When the form is very large, if you do not write it, you must wait for all the contents of the table to be downloaded.
Talent can be shown. But with the tbody tag, then the side download side display.
2. If you do not write thead,tbody,tfoot then the browser parses the contents of the table from top to bottom. If it's written, then the form
The order is arbitrary, the browser parses the time to display the content in the order of Thead,tbody,tfoot

7. Frame Markers and <iframe> (multiple pages are displayed in a browser, be sure to delete the <body> tags to display)
Body tag is not allowed on frames page
Frameset: A collection of frames
Rows: Vertical partial frame.
COLS: Horizontal partial frame.
There are two types of writing: 1) absolute value "200,*", * represents the remaining (row = "200,*" table
The first one is 200 pixels, the rest is *)
2) Relative value "30%,*"
FRAME: frames. A frame displays a page
Scrolling: Whether scroll bars are required. The default is true, close with no
Noresize: Fixed frame size. The default is Yes
BorderColor: A color for frame borders
Name: Give the frame a name

Inline frame: A frame embedded in a page.
IFRAME: (inline frame)
Properties: Width: Widths
Height: High
Scrolling: Whether scroll bars are required
8. Form tagging and semantics
The purpose of the form is to collect data.
<form action = "b.html" method = "POST" >
Name: <input type = "text" name = "" size = "MaxLength =" 5 "
ReadOnly Disabled value = "Please enter name" ><br>
Password: <input type = "password" name = "Pass" ><br>
Hidden box: <input type = "hidden" name = "Age" value = 20><br>
Gender: <input type = "Radio" name = "Sex" checked value = "Male" > Male
<input type = "Radio" name = "Sex" value = "female" > Women <br>
Nationality: <input type = "Radio" name = "Country" value = "China" > China <input
Type = "Radio" name = "Country" checked value = "US" > US <input type = "Radio" name =
"Country" > Japan <br>
Hobbies: <input type = "checkbox" name = "Love" checked value = "Football" > Foot
Ball
<input type = "checkbox" name = "Love" > Volleyball
<input type = "checkbox" name = "Love" > Basketball <br>
Education: <select Multiple name = "Xueli" >
<option value = "Daxue" > University </option>
<option value = "Zhongxue" > Secondary </option>

<option value = "Xiaoxue" Selected> primary </option>

</select><br>
Remark: <textarea cols = "5" rows = "Beizhu" > Prawns Leave You
Footprints </textarea>
Normal button: <input type = "button" value = "normal button" onclick =
"Alert (' Haha, I'm Coming ')" >
Submit button: <input type = "submit" VALUE = "Submit Button" >
Reset button: <input type = "reset" value = "value Button" >
Picture button: <input type = "image" src = "image/1.jpg" width = "30"
Height = "a" >
</form>

9. Multimedia tagging
Bgsound: Background music
Embed: Play multimedia files.
Marquee: Mobile
Properties: Direction move target Direction left,right, Up,down, up,down move distance
It's a fixed 200px.
Behavior: Behavior Mode value: Slide,alternate,scroll
ScrollAmount: Moving Speed
Loop: How many laps are looped. Negative values indicate infinite loops
Scrolldelay: How long does it take to move one rest? Unit is milliseconds
10. Head Marking
<meta> provide some information to the server
<meta http-equiv= "Refresh" content = 2 URL = http://www.sohu.com> refreshed every two seconds

HTML Learning Note 2