文科计算机基础教学（唐大仕）第10讲 网页及多媒体.pdf

第10讲网页及多媒体
唐大仕
dstang2000@
北京大学
Copyright © by PT All rights reserved.
网页的制作
文科计算机基础
网页的制作
•复
•在线及本地编辑网页
3
学唐大仕 3
文科计算机基础
有关
• WWW: World Wide Web
• URL: Uniform Resource Location
• Http: Hyper Text Transfer Protocol
• Html: Hyper Text Markup Language
多媒体
超链接
4
学唐大仕 4
文科计算机基础
Html 基础
• HTML 是用来描述网页的一种语言
HTML 不是一种编程语言,而是一种标记语
言(markup language)
标记语言是一套标记标签(markup tag)
HTML 使用标记标签来描述网页
5
学唐大仕 5
文科计算机基础
网页的基本内容
•文字
•图片
•表格
•超级链接
•其他:样式(css)、脚本(script)
6
学唐大仕 6
文科计算机基础
Html 基础
•源文件(在浏览器中,右击查看源代码)
7
学唐大仕 7
文科计算机基础
标记
•标记 tag
•分两种
成对的标记如<title>…. </title>
不成对的标记如<br> 现在一般写成<br />
•标记的属性(attribute)
如<img src=“xxxx”>
8
学唐大仕 8
文科计算机基础
文字
•段落<p> paragraph
•换行<br /> break
•标题<h2>….</h2> header
•粗体<b>…</b> bold
•斜体<I>…..</I> italic
•字体<font size=20 color=red face=…>…..</font>
•颜色 red, blue, white #rrggbb 如#FF0088
9
学唐大仕 9
文科计算机基础
图形
•图片
•<img src="…" border=0 width= height= Alt=“文字”>
•.gif 文件
10
学唐大仕 10