Web开发-HTML基础3

资料来自于www.w3school.com.cn

1.HTML框架

使用框架，你可以在浏览器窗口中显示不止一个页面。

一个HTML文档被称为一个框架，每个框架独立于其他的框架。

框架使用标签<frameset>来定义，每个frameset定义了行或列，rows/columns规定了每行/每列占屏幕的比例。

<frameset cols="25%,75%">
    <frame src="frame_a.htm">
    <frame src="frame_b.htm">
</frameset>

注意：若框架有边框，用户则可以拖动边框来修改框架大小，可以在<frame>中加 noresize="noresize"

下面是几个实例：

<html>  

<!--怎么使用noframes-->
<frameset cols="25%,50%,25%">
   <frame src="/example/html/frame_a.html">
   <frame src="/example/html/frame_b.html">
   <frame src="/example/html/frame_c.html">

<noframes>
<body>您的浏览器无法处理框架！</body>
</noframes>

</frameset>

</html>

<html>

<!--混合框架-->
<frameset rows="50%,50%">

<frame src="/example/html/frame_a.html">

<frameset cols="25%,75%">
<frame src="/example/html/frame_b.html">
<frame src="/example/html/frame_c.html">
</frameset>

</frameset>

</html>

<html>

<!--导航框架-->
<frameset cols="120,*">

     <frame src="/example/html/html_contents.html">
     <frame src="/example/html/frame_a.html" name="showframe">

</frameset>
</html>

<html>

<!--内联框架-->
<body>

<iframe src="/i/ef_landscape.jpg"></iframe>

</body>
</html>

iframe可以用来在网页中添加网页，语法为<iframe src="URL"></iframe>

可以添加属性width ="xx" height="xx" frameborder="0"(去除边框),也可以作为链接的目标

<!DOCTYPE html>
<html>
<body>

<iframe src="/example/html/demo_iframe.html" name="iframe_a"></iframe>

<p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>

</body>
</html>

2.HTML脚本

JavaScript使HTML页面更加具有动态和交互性。

<script type="text/javascript">
document.write("Hello World!")
</script>
<noscript>你的浏览器不支持JavaScript!</noscript>

当浏览器不支持脚本或禁用脚本时候，才会显示<noscript>元素的内容。

有些老旧的浏览器无法识别<script>，可以将<script>标签隐藏在注释中，例如：

<!--JavaScript-->
<script type="text/javascript">
<!--
document.write("Hello World!")
//-->
</script>

<!--VBScript-->
<script type="text/vbscript">
<!--
document.write("Hello World!")
'-->
</script>

3.HTML 头部元素

<head>元素是所有头部元素的容器，包括<title>,<base>,<link>,<meta>,<script>以及<style>:

<title>元素可以定义浏览器工具栏中的标题，提供页面被添加到收藏夹时显示的标题，显示在搜索引擎结果中的页面标题。

<head>
<title>Title of the document</title>
</head>

<base>标签为页面上的所有连接规定默认地址或默认目标

<head>
<base href="www.baidu.com"/>
<base target="_target"/>
</head>

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

<meta name="description" content="Free Web tutorials on HTML,CSS"/>

<meta name="keywords" content="HTML,CSS,XML"/>

4.HTML实体文字

有些符号在HTML中是关键字，需要特殊的方法来表明。

5.HTML统一资源定位器

URL(Uniform Resource Locator)遵循以下的符号规则：

scheme://host.domain:port/path/filename

scheme - 定义因特网服务的类型，最常见的是http

host - 定义域主机(http的默认主机为www)

domain - 定义因特网域名，比如w3school.com.cn

:port - 定义主机的端口号(http默认端口为80)

path - 定义服务器上的路径(若省略则必须位于网站的根目录中)

filename - 定义资源的名称

一些比较流行的scheme: http(超文本传输协议)，https(安全超文本传输协议)，ftp(文件传输协议)，file(计算机上的文件)

6.HTML URL编码

浏览器通过URL从Web服务器请求页面。

URL只能通过ASCII字符集来进行发送，而ASCII码之外的字符使用"%"加两位十六进制数字来表示。

*7.HTML Web Server

如果希望全世界能看到你的网站，就必须把它存放在web服务器中。

在自己的服务器上托管网站始终是一个选项，有以下几点考虑：

硬件：要运行真正的网站，需要强大的服务器硬件和24小时的高速连接，这些是低价格的PC无法胜任的。

软件：服务器授权十分昂贵，也许有用户数量限制。

人工费：要自己安装硬件和软件，处理漏洞和病毒。

使用因特网服务提供商(ISP) 也是一种选择，更多信息请参照网站搭建教程。

8.HTML颜色

http://www.w3school.com.cn/html/html_colornames.asp

9.HTML <!DOCTYPE>

<!DOCTYPE>声明帮助浏览器正确的显示网页，说明HTML的版本。

猜你喜欢