First, the use of <iframe></iframe>
<iframe src= "http://baidu.com" ></iframe> Embed Web pages and add a page to a Web page
You can add a width height scrolling= "No" (whether there is a scrollbar) in parentheses framborder= "0" (whether there is a border)
<frameset></frameset> can replace <body>, and is completely replaced by another page, similar to a table
<frame/> A frame is a cell
You can add various usages to the <frameset> parentheses:
Rows= "100,200,*" means set 3 rows, height 100,200 per row, infinite size
cols= "200.*" setting two columns
frameborder Border
After the rows and columns are set, the frame URL is added directly, the first row is displayed in the first column → The first row the second column → The second row the first column → The second row the second column ...
<frame src= "http://baidu.com"/>
<frame src= "http://sina.com"/>
<..............................>
<.....................>
Scrolling= "No" noresize= "noresize" (cannot be resized) can be added to <frame>
Second, the use of <style></style>
<style type= "Text/css" > <!--style put under head--
body{background-color: #0F9;} <!--brackets wrap-up
P <!--p for control <p> label Content--
{
Font:verdana, Geneva, Sans-serif
}
. Name {
Font: "Courier New", Courier, monospace
} <!--"." + Name, set the style, and then after "</style" need to refer to the time, add class selection, such as in the <p> reference set. Name property: <p class= "Name" > </p>-
#p1 {
font-size:12px;
Color: #06C
} <!--start with the #, add a custom ID, set the style, and then, when referenced outside the style, add id=, for example: <p id= "P1" > </p>-
#p2,. name1 {
Font:tahoma, Geneva, Sans-serif
} <!--P2, and name1 are separated by commas to indicate their style settings, all of which are bracketed content --
#p2 name1 {
Font:verdana, Geneva, Sans-serif
} <!--P2 and name1 are connected by a space, indicating the id=p2 inside, class=name1 settings, two to meet both
</style>
<!--above written style, can be written in CSS format file, and then add <link rel= "stylesheet" type= "Text/css" href= "" Css.css "/>" in the head
-
Usage: <link rel= "stylesheet" type= "Text/css" href= "Css.css"/>
Third, the use of the body style:
<body style= "font-size:36px" >
<!--Styel can be placed in any one of the label positions between the body as properties--<!--style is a special label property that sets the properties of many control styles--
Several commonly used body style:
Background-repeat:r Layout Settings
Background-position:top start position setting, vertex
Background-attachment:fixed Background not moving, content scrolling
Background-color Color background-size size
(If the external style sheet has already been set, take precedence in the body setting)
</body>
Marquee: Scrolling Information
<marquee direction= "left" bgcolor= "#666666" behavior= "alternate" style= "marquee-speed:fast> here is what is displayed </marquee>
<!--direction: Scrolling direction, bgcolor: background color, behavior: The way you scroll, can be set by style--
2014-12-28 iframe,style,body Style
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
