HTML网页设计案例指导 笔记

2 篇文章 0 订阅
1 篇文章 0 订阅

HTML网页设计案例指导 笔记

第一章 
——网页设计基础 
1、 HTML(超文本标记语言)。 
2、 脚本是一种能够完成某种特殊功能的“小程序”。脚本是一种解释式语言,不必事先编
译。 
3、 ASP:ASP是Active Server Page的缩写,意为“动态服务器页面”。 
第二章 
——HTML基本标记 
1、HTML文档结构: 
<html> 
<head> 
<title> ……</title> 
</head> 
<body> 
…… 
</body> 
</html> 
2、<head>是HTML文档的头部标签。若不需要头部信息则可以省略此标签。 
3、<body>标签,是HTML文档的主体标签,该标签不能省略。 
表2-1 <body>标签的属性及含义 
属性 含义 
Link 设置页面默认的超链接文本的颜色 
alink 设置鼠标正在单击时的超链接文本的颜色 
vlink 设置访问后超链接文本的颜色 
background 设置页面的背景图像 
bgcolor 设置页面的背景颜色 
leftmargin 设置页面的左边距 
topmargin 设置页面的上边距 
bgproperties 设置页面背景图像为固定,不随页面的滚动而滚动 
Text 设置页面文本的颜色 
4、标题文本标签<hn>格式如下所示: 
<hn align = 参数> 标题内容</hn> 
※<hn>标签共分为6级,级数越大,标题文字越小,align为标题对齐方式。 
5、文本格式控制标签<font>。 
表2-2 <font>的属性 
属性 使用功能 默认值 
face 设置文字使用的字体 宋体 
Size 设置文字的大小 3 
color 设置文字的颜色 黑色 

第2页 

使用格式如下所示: 
<font face=值1 size=值2 color=值3>文字</font> 
※size的属性值为1-7,也可以用“+”或“-”来设定字号的相对值;color属性的值为
RGB颜色“#nnnnn”或直接输入颜色的名称。 
6、常用的特定文字标签分为两类:物理类(包括标签<b>、标签<i>和标签<u>)和逻辑类(包 
括标签<em>、标签<strong>、标签<cite>、标签<code>、标签<small>、标签<big>、标签
<samp>、标签<kdb>、标签<var>、标签<dfn>、标签<sub>和标签<sup>、)。 
标签 含义 
<b> 粗体标签 
<i> 斜体标签 
<u> 下划线标签 
<em> 用于强调文本,一般显示为斜体 
<strong> 用于特别强调的文本,显示为粗体字 
<cite> 用于引证和举例,通常是斜体字 
<code> 用于指出放在该标签中的内容是一组代码 
<small> 用于规定文本以小号字显示 
<big> 用于规定文本以大号字显示 
<samp> 放在该标签中的文字以计算机常用的字体样式显示,即匡杜相等的字体 
<kbd> 放在该标签对中的文字是由用户输入的文本,通常显示为较粗宽字体 
<var> 放在该标签中的文字用来表示变量,通常显示为斜体字 
<dfn> 放在该标签中的文字表示一个定义或说明,通常显示为斜体字 
<sub> 放在该标签中的文字表示一个下标 
<sup> 放在该标签中的文字表示一个上标 
7、换行符标签<br>是个单标签。当文件在浏览器中显示时,该标签之后的内容将显示在下
一行。 
8、注释标签的应用格式如下所示: 
<!—注释的内容--> 
9、署名标签<address>,一般用于说明这个网页的开发者及其它相关信息。在<address>和
</address>标签对之间显示的文字是斜体字。<address>标签的应用格式如下所示: 
<address>内容</address> 
10、不同段落间的间距相当于连续使用了两个换行符。段落标签可以单独使用,也可以成对
使用。单独使用时,下一个<p>标签的开始,就意为着上一个</p>标签的结束。应用格
式如下所示:<p align = “left/center/right”>内容</p> 
11、居中对齐标签<center>,格式如下所示:<center>内容</center> 
12、原样显示文字标签<pre>。应用格式如下所示:<pre>内容</pre> 
13、缩排标签<blockquote>可以用来创建一个引文,引文显示时将会自动右移,左边空出几
个空格。其应用格式如下所示:<blockquote>内容</blockquote> 
14、水平线标签<hr>,是单独使用的。

点击查看下载更多>>

  • 2
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值