1.HTML基础.pptVIP

HTML基础 认识网页 网站和网页的组成 HTML简介 HTML的组成结构 创建网页的步骤 使用记事本创建网页的步骤： 1、打开记事本 2、输入HTML代码 3、保存为*.html或*.htm文件 4、打开网页预览效果 head的元素——title head的元素——bgsound body的属性——bgcolor body的属性——backgroud body的属性 hr 换行标签 字符实体 排版标签p 居中标签center 标题字 字体标签 逻辑字体 超链接a 文本超链a 图像img 图像img 文本超链a 排版 排版 全局设置 全局设置 HTML标签使用注意点 HTML标签使用注意点 总结 * * 1.认识HTML 2.HTML的组成结构 3.XHTML 4.HTML标签使用注意点 5.字体、逻辑字体、字符实体 6.文本超链a 7.图像 8.排版 9.全局设置 10.总结 我见过和认识下面的那些网站呢？ 网站都是由什么组成的呢？ 网页都是由什么组成的呢？ 网页 文字，图像，声音，连接。 书：网站 书页：网页 一本书由什么组成的呢？ 如何建立一个自己的网站？ 学会网页制作技术！学会HTML语言！ HTML（HyperText Mark-up Language）即超文本标记语言或超文本连接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。 设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。 html? head? ? title标题/title? /head ?body ?页面内容? /body/html 描述浏览器所需信息 说明内容 HTML的结构包括头部（Head）、主体（Body）两大部分： 头部描述浏览器所需的信息。 而主体则包含所要说明（展示）的具体内容。 标签：标签名，不同标签代表不同的含义，动作。 特点：成对出现，可以嵌套，但不能交叉。 HTML标记都是用括起来的，大多的标记是成对出现的，结束标记多一个斜杠 使用记事本创建网页 标题 title网页标题/title title标签必须出现在head标签中。 背景音乐 bgsound src =background_sound.mid loop=-1/bgsound 它的代码是放在页面的头部head/head里 src：音乐的地址。 loop=-1就是无限循环，只要是页面打开，音乐不会停止的。 loop=1说明循环一次。 loop=0就是不循环。 1、背景颜色 bgcolor：背景颜色（ backgroundcolor ） HTML中预定义了一些常用的颜色：black, red, blue, maroon, gray, white, green, purple, silver, yellow…… 除了使用英文，还可以使用格式为为#000000的颜色编码来表示我们所需要的颜色。 有很多工具提供了使用调色板生成颜色编码的方案，可以方便直观的获取我们所需的颜色。 body bgcolor=red background：背景图片 back-ground.gif是背景图片的名称。 背景图片 图片要和html文件放在同一个文件夹或目录中。 body background＝back-ground.gif 路径： 绝对路径，从根目录为起点到你所要的目录； 相对路径，从当前目录为起点到你所要的目录。../表示向上退一级目录。 body其它属性 topmargin，leftmargin leftmargin=20 表示与浏览器左部距离为20 topmargin=30 表示与浏览器顶部距离为30 分割线hr/ 例子： hr width=728 color=#003399 size=2/ hr width=500 color=#993300 size=2/ hr width=300 color=#666600 size=2/ hr/标签可以在网页上显示一条分割线。 hr width=分割线宽度 color=分割线颜色 size=分割线高度/ 换行标签br/ 用来在HTML输出一个换行。 html标签在html中有自己特殊的作用，br/代表一个换行，那么如何在页面上输出一个br/文字? 例子： 张三 李四 张三br/李四 空格 nbsp; 小于 lt; 大于 gt; 符号 amp; 双引号 quot;