网页制作HTML语言大纲

二 网页文件中的字符
普通字符
直接显示
标记字符
在 < > 之内
起控制作用

三 文字格式设置
大小
<font size=3>
颜色
<font color=blue>
字形
粗体 斜体 下划线
始: <b> <i> <u>
终: </b> </i> </u>

四 标记的开始与结束标志
<font> :开始标志
</font> :结束标志

五 表格格式设置
<table>
<tr>
<td>
单元格内容
</td>
<td> ……
</tr>
<tr> ……
</table>

<table border=5
cellpadding=5
cellspacing=5
width=100% >
<tr align=center
valign=middle >
<td align=right,left
valign=top,bottom >

六 图像 其中
<img src="imgname" imgname:文件名
alt="text" text:文字说明
width=200 width:宽度
height=300 > height:高度
（单位：像素）

七 超级链接
<a href= linkage>

linkage:
其它网页文件
图形、声音文件
其它网址
页内其它位置

相对路径
当前目录中的文件： file.ext
(与网页文件在同一目录, file.ext为文件名)
子目录中的文件： dir/file.ext
(dir为子目录名, file.ext为文件名)
兄弟目录中的文件： ../dir/file.ext
(dir为兄弟目录名, file.ext为文件名)
叔伯目录中的文件： dir/file.ext
(dir为叔伯目录名, file.ext为文件名)

文件类型
网页文件 .htm .html (.asp, .php 等:服务器上运行)
CSS文件 .css
javascript文件 .js
源文件 执行文件
Java[Applet] .java .class
Flash .fla .swf
文件类型
图像文件 .bmp .jpg .gif .png
声音文件 .wav .mp3 .ra .mid(符号化)
影像文件 .mpg .avi .rm .swf(矢量化)
（=动态影像+同步声音）

压缩文件 .zip .rar .exe(自解压)
文本文件 .txt(真正的文本文件不会带病毒)

网页格式设置辅助语言: CSS
一 特点（Cascading Style Sheets：样式表 ）

嵌套继承， 一劳永逸
not WYSIWYG (非 所见即所得)

二 CSS 在文件中的位置
<HTML>
<HEAD>
<TITLE>标题栏文字</TITLE>
<style>
<!---
样式表内容
--->
</style>
</HEAD>
</HTML>

三 CSS 格式
p { font-size:12pt;font-family:黑体;color:blue }
table { color:yellow;background-color:blue }
.x5 { font-size:9pt }
tr.ht { font-family:黑体 }

标记名 { 属性:值;… }

CSS 调用
<p>… </p>
<table> … </table>
<p class=x5>… </p>
<tr class=ht> … </table>

<标记名 [class=类名]>

四 文字格式设置
font-weight: bold 粗体
font-style: italic 斜体

font-family: 字体名1,“字体名2”,...
font-size: ??pt

划线
? 文字下划线：A:link{text-decoration:underline};
? 文字上划线：A:link{text-decoration:overline};
? 文字删除线：A:link{text-decoration:line-through};
? (文字闪烁：A:link{text-decoration:blink}; )
? 不要任何效果：A:link{text-decoration:none}
距离
词距 word-spacing
字母距离 letter-spacing
行高 line-height
首行缩进 text-indent

五 背景
background-color: 颜色
background-image: url(图像文件名)
background-repeat:
repeat
repeat-x
repeat-y
no-repeat

六 内容分部
div ：纵向（如：一个网页的不同部分设置不同的对齐方式）
span ：横向（如：一行之内的文字设置不同背景）

七 超级链接的颜色和字体

a:link { } a:active { }
a:visited { }

各种网络协议
TCP/IP Internet上 最基本的协议
HTTP WWW服务器
FTP FTP服务器
SMTP 电子邮件发送
POP3 电子邮件接收

（注意: HTML是标记语言，不是协议）
（所有的协议都在幕后工作，对用户透明）
DNS
域名解析服务器
作用：把文字形式的域名转换成
数字形式的IP地址
如：北大的DNS服务器：
162.105.129.27
202.112.7.12
URL
统一资源定位器
作用：网络资源的全球定位，唯一识别
结构：协议名://域名[:端口]/路径/文件名[#位置]
(其中 [ ]内的成分可省略)
如： http://icl.pku.edu.cn/hrzhang/default.htm
常用默认端口
　　 HTTP端口：80 （超文本传输协议）
　　FTP 端口：21 （文件传输协议）
　　POP3端口：110（邮筒协议）
　　SMTP端口：25 （简单邮件传输协议）
Telnet端口：23（远程登录）
　　DNS 端口：53 （域名服务系统）

♡ 点赞 0

☆ 收藏 0

留言区（共0条）