Html Study Notes 3: html Study Notes

Source: Internet
Author: User

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>

Create an irregular table: number of rows, number of rows, and number of rows

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.








Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.