html(一)入门.pptVIP

网页设计基础 静语计算机协会 辉翔网络有限公司 HTML语言与网页设计基础 学习目标 知道什么是HTML。 掌握常用HTML标签的使用方法。 具备自己学习所有HTML标签的能力。 HTML文件是什么？ HTML——Hyper Text Markup Language 超文本标记语言。 HTML文件是一个包含标记的文本文件。 HTML文件必须有htm或者html扩展名。 HTML文件可以用一个简单的文本编辑器创建。 编写HTML页面的方法 1.手工编写（用“记事本”编写 Notepad++） 2.使用可视化软件（Microsoft公司的frontpage Adobe公司的dreamweaver 校内下载地址： /soft/program/index1.html） 3.由web服务器实时动态生成（服务器将用php或asp等语言编写的文件翻译成html页面，一般情况都需要配合数据库） 认识HTML html head title静语计算机协会欢迎您 ！/title /head body这是网页制作的第一课. /body /html HTML标签特征 HTML标签两端有两个包括字符：“”和“”,这两个包括字符被称为角括号。 HTML标签通常成对出现，比如b和/b。一对标签的前面一个是开始标签，第二个是结束标签,在开始和结束标签之间的文本是元素内容。 HTML标签是大小写无关的，b跟B表示的意思是一样的。（但建议大家用小写） HTML标签属性 body的属性： 背景颜色 bgcolor 背景图片 background 另外还有：topmargin（页上边距） leftmargin （页左边距） 背景颜色 body bgcolor=“#rrggbb” 例如： body bgcolor=“#ff0000” 等价于body bgcolor=“red” 背景图片 body background＝“图片路径 路径分为绝对路径和相对路径 绝对路径:形如C:\myfirstweb\images\logo.gif 相对路径:形如images\logo.gif 根路径：形如\ images\logo.gif 背景音乐 背景音乐的代码是放在页面的头部head/head里 bgsound src=background_sound.mid loop=-1 子属性 src 路径 loop 循环次数（-1 表示无限次） 字体 标题字体 （h1,h2~h6） h1今天天气真好！/h1 h2今天天气真好！/h2 h3今天天气真好！/h3 …… 字体的大小 font size=# 文字/font 其中 #=1, 2, 3, 4, 5, 6, 7 or +#, -# 例如：font size=7今天天气真好！/font 逻辑字体 下划线：u下划线/u 斜 体: i斜体/i 删除线：strike删除线/strike 增 强：strong增强/strong 强 调：em强调/em 示 例：samp示例/samp 还有很多，自己去了解一下。 字体 粗体：b文字/b 斜体：i文字/i 下划线：u文字/u 字体颜色 font color=# 文字 /font # =“#rrggbb” 16 进制数码，0~f 也可是用英语单词定义色彩 对于16 进制编码的颜色，前两个表示红色，中间的两 个表示绿色，后两个表示蓝色； 红色（red）#ff0000 黑色（green）#000000 白色（ white） #ffffff? 比如：font color=red 文字 /font 红色文字 客户端字体(Font Face)? font face=#, #, ..., # ... /font face=“#”就是从你的电脑获得的字体 例如： font face =隶书隶书/FONT 字符实体 nbsp； 空格 amp lt gt quot “ 段落标记p 换行标记br 格式控制pre/pre 分段标记符 分段标记符用于将文档划分为段落，标记为P/P，其中结束标记符通常可省略。 换行标记符用于在文档中强制断行，标记为一个单独的BR。该标记符与分段标记符P是有区别的。 区别：