网页设计之路(10)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!--<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前声明帮助浏览器正确地显示网页,不是 HTML 标签。它为浏览器提供一项信息(声明),即 HTML 是用什么版本编写的。这个声明代表为HTML 4.01-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="3wc" />
<meta http-equiv="Refresh" content="5;url=http://www.w3school.com.cn" /><!--注意这个重定向的功能,一般用于网页转址问题-->
<title></title><!--<title> 标题定义文档的标题-->

</head>

<body>
<p>
<a href="http://www.w3school.com.cn" target="_parent">这个连接</a> 将在新窗口中加载,因为 target 属性被设置为 "_blank"。
</p><!--target可以控制弹出窗口的方式。-->
<script type="text/javascript">
document.write("hi girl")
</script>
<script type="text/javascript">
document.write("Hello World!")
</script><!--这是简单的脚本语言,后面还要再学,其中,noscript 为不支持客户端脚本的浏览器定义替代内容,脚本会向浏览器输出“Hello World!”-->

<noscript>Your browser does not support JavaScript!</noscript>

<script type="text/javascript">
<!--
document.write("Hello World!")
//-->
</script><!--如果浏览器压根没法识别 <script> 标签,那么 <script> 标签所包含的内容将以文本方式显示在页面上。为了避免这种情况发生,你应该将脚本隐藏在注释标签当中。那些老的浏览器(无法识别 <script> 标签的浏览器)将忽略这些注释,所以不会将标签的内容显示到页面上。而那些新的浏览器将读懂这些脚本并执行它们,即使代码被嵌套在注释标签内。-->
<p>&lt;&gt;&Iuml;&lt;&gt;
</p>
<!--在 HTML 中,某些字符是预留的。
在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。
如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities)。浏览器总是会截短 HTML 页面中的空格。如果您在文本中写 10 个空格,在显示该页面之前,浏览器会删除它们中的 9 个。如需在页面中增加空格的数量,您需要使用 &nbsp; 字符实体。-->
<p>
统一资源定位器 Uniform Resource Locator= url ,格式:scheme://host.domain:port/path/filename
<br />
scheme - 定义因特网服务的类型。最常见的类型是 http<br />
host - 定义域主机(http 的默认主机是 www)<br />

domain - 定义因特网域名,比如 w3school.com.cn<br />
:port - 定义主机上的端口号(http 的默认端口号是 80)<br />
path - 定义服务器上的路径(如果省略,则文档必须位于网站的根目录中)。<br />

filename - 定义文档/资源的名称<br />

</p>
<b>
URL 编码会将字符转换为可通过因特网传输的格式,URL 只能使用 ASCII 字符集来通过因特网进行发送。
由于 URL 常常会包含 ASCII 集合之外的字符,URL 必须转换为有效的 ASCII 格式。
URL 编码使用 "%" 其后跟随两位的十六进制数来替换非 ASCII 字符。
URL 不能包含空格。URL 编码通常使用 + 来替换空格。
</b>
</body>
</html>

时间: 2024-12-06 14:05:35

网页设计之路(10)的相关文章

女友的“网页设计”之路

女友最近需要做一个网站,类型是艺术类的一个多图分享的网站.突出其艺术性和简洁性.她看了我之前做过的网站真是嗤之以鼻,说太古朴了.她可不知道后台服务和逻辑处理有多么复杂,反正外行就是只看画面,然后说这个那么简单你却做了那么久什么的.泪流满面. [小九的学堂,致力于以平凡的语言描述不平凡的技术.如要转载,请注明来源:小九的学堂.cnblogs.com/xfuture] 于是她就开始自己的网页设计探索之路. 首先她觉得自己需要一个很炫酷的开场,于是有了一个大概三秒的类似loading的画面.展示其强大

网页设计之路(11)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

网页设计之路(8)

今天学习框架,慢慢理解后,觉得每个网页打开都是一个框架,其实里面可以有多个框架.更重要的是对name的用法有了更深刻的理解,元素有了名字才能寻找到,有利于区分其他元素.重点是一般框架和导航框架和内联框架,代码如下. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

网页设计之路(3)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

网页设计之路(4)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

网页设计之路(7)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

网页设计之路(6)

这次是布局的练习. 分别是div布局和table布局 div布局: <!DOCTYPE html><html><head><style type="text/css">div#container{width:500px}div#header {background-color:#99bbbb;}div#menu {background-color:#ffff99;height:200px;width:150px;float:left;}d

网页设计之路(5)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

网页设计之路(2)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><link rel="stylesheet" t