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:
Frame structure label (<frameset>)
Frame structure label (<frameset>) defines how to split a window into a frame
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 widthThe 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 BorderThe 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 linkThe 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)