HTML网站章节布局
header 定义文档或节的页眉
nav 定义导航链接的容器
section 定义文档中的节
footer 定义文档或节的页脚
示例 :
<!DOCTYPE html>
<head>
<style> // 定义类型
#zhuti { // 标题属性
background-color :black; // 定义背景颜色
color : white; // 定义字体颜色
text-align : center; // 定义字体居中
padding : 5px; // 定义内边距
}
#liebiao { // 列表属性
line-height : 40px; // 定义每行间距
background-color : #eeeeee;
height : 300px; // 定义内容高度 px为像素
width : 100px; // 定义内容宽度
float : left; // 定义内容靠左
padding : 5px;
}
#neirong { // 内容属性
width : 350px;
float : left;
padding : 10px;
}
#jiewei { // 结尾属性
background-color : black;
color : white;
clear : both;
text-align : center;
padding : 5px;
}
</style>
</head>
<body>
<div id="zhuti">
<h1>你好世界</h1>
</div>
<div id="liebiao">
环境<br>
卫生<br>
教育<br>
</div>
<div id = "neirong">
<p>
论环境对生态的影响以及生态对人类的影响
</p>
<p>
论全球卫生组织为地球做出的贡献
</p>
</div>
<div id="jiewei">
谢谢观看
</div>
</body>
</html>
HTML框架
frameset // 框架结构标签,定义如何将窗口分割为框架
frame // 定义放置在每个框架中的HTML文档
cols // 定义每个垂直框架占比
rows // 定义每个水平框架占比
noresize // 定义框架边框无法移动
提示 :不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用!不过,假如你添加包含一段文本的 <noframes> 标签,就必须将这段文字嵌套于 <body></body> 标签内。
示例 :
<html>
<frameset rows (定义水平框架占比)="50%,50%">
<frame src="/example/html/frame_a.html" noresize(定义该框架边框不可移动)="noresize">
<frameset cols(定义垂直框架并分割剩余空间)="25%,75%">
<frame src="/example/html/frame_b.html">
<frame src="/example/html/frame_c.html">
</frameset>
</frameset>
</html>
内联框架
iframe // 用于在网页内显示网页
frameboder // 定义框架边框属性,“0”为删除边框,“1”为默认边框
target // 使iframe作为链接的目标,必须引用iframe的name属性
示例 :
<!DOCTYPE html>
<html>
<body>
<iframe src="/example/html/demo_iframe.html" name="iframe_a(定义iframe的名称)"></iframe>
<p><a href="http://www.w3school.com.cn" target="iframe_a(匹配iframe的名称)">
W3School.com.cn</a></p>
<p><b>注释:</b>由于链接的目标匹配 iframe 的名称,所以链接会在 iframe 中打开。</p>
</body>
</html>
HTML头部元素
head // 该元素时所用头部元素的容器,以下标签都可以添加到 head 部分:
<title>、<base>、<link>、<meta>、<script> 以及 <style>。
title // 定义文档标题,浏览器工具标题,页面被添加到收藏夹时显示的标题
显示在搜索引擎结果中的页面标题
base // 定义页面上所有链接的默认地址或默认目标。
link // 定义文档与外部资源之间的关系。
style // 标签用于为 HTML 文档定义样式信息。
meta // 定义关于 HTML 文档的元数据。元数据可用于浏览器
(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。
script // 定义客户端脚本。