HTML Basics (iv)

Source: Internet
Author: User

Framework

By using the framework, you can display more than one page in the same browser window. Each HTML document is called a frame, and each frame is independent of the other.

Disadvantages of using frames:

    • Developers must track more HTML documents at the same time

    • It's hard to print the entire page


Frame structure label (<frameset>)

Frame structure label (<frameset>) defines how to split a window into a frame

    • Each frameset defines a series of rows or columns

    • The Rows/columns value specifies the area of the screen that each row or column occupies.


Frame labels (frame)

The frame tag defines the HTML document that is placed in each frame.

In the following example, we set up a two-column frameset. The first column is set to occupy 25% of the browser window. The second column is set to occupy 75% of the browser window. The HTML document "Frame_a.htm" is placed in the first column, and the HTML document "Frame_b.htm" is placed in the second column


If a frame has a visible border, the user can drag the border to change its size. To prevent this from happening, you can add: noresize= "Noresize" to the <frame> tag.

Add <noframes> tags to browsers that do not support frames.

Important: You cannot use the <body></body> tag with the <frameset></frameset> tag simultaneously! However, if you add a <noframes> tag that contains a piece of text, you must nest the text in the <body></body> tag. (in the first instance below, you can see how it is implemented.) )


Simple frame nesting: Three frames can be dragged to modify the size of a border


Inline frame

Syntax for adding an IFRAME
<iframe src= "URL" ></iframe>

The URL points to the location of the quarantined page.

Iframe-Set height and width

The height and Width properties are used to specify the heights and widths of the IFRAME.

The default unit of a property value is pixels, but it can also be set in percentages (such as "80%").

Iframe-Delete Border

The Frameborder property specifies whether the border around the IFrame is displayed.

Setting the property value to "0" allows you to remove the border:

Use IFRAME as the target of the link

The IFRAME can be used as the target for the link.

The target property of the link must reference the Name property of the IFRAME:


Background (backgrounds)

<body> a label with two configuration backgrounds. The background can be a color or an image.

Background color (Bgcolor)

The background color property sets the background to a color. The property value can be a hexadecimal number, an RGB value, or a color name.

Background (Background)

Background property sets the background as an image. The property value is the URL of the image. If the image size is smaller than the browser window, the image is copied throughout the browser window.

<body background= "clouds.gif" ><body background= "Http://www.w3school.com.cn/clouds.gif" >

The URL can be a relative address, such as the first line of code. You can also make an absolute address, such as the second line of code.


Tip: If you're going to use a background image, you need to remember a few things:

    • Whether the background image increases the load time of the page. Tip: Image files should not exceed 10k.

    • Whether the background image matches the other images on the page.

    • Whether the background image matches the text color in the page.

    • Does the image look OK when it's tiled in the page?

    • is the attention to the text distracting by the background image?


Basic considerations-Helpful tips:

The background color (bgcolor), background (background), and text properties in the <body> tag have been deprecated in the latest HTML standards (HTML4 and XHTML). These attributes have been removed by the consortium in their recommendation criteria.

You should use cascading style sheets (CSS) to define the layout and display properties of HTML elements.


The colors are mixed in red, green, and blue.

Color values

The color is defined by a hexadecimal symbol, which consists of red, green, and blue values (RGB).

The minimum value for each color is 0 (16 binary: #00). The maximum value is 255 (16 binary: #FF).

Color name

Most browsers support a collection of color names.

Tip: Only 16 color names are supported by the HTML4.0 standard. They are: Aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow.

If you need to use a different color, you need to use a hexadecimal color value.


HTML Basics (iv)

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.