HTML4.0快速教程:20分钟掌握基础语法

需积分: 9 17 下载量 191 浏览量 更新于2024-08-02 收藏 369KB PDF 举报
"这是一份HTML 4.0的快速入门教程,旨在帮助初学者在短时间内掌握基本的HTML语法,从而能够创建简单的网页。教程涵盖了网页架构、分隔标签、排版标签、字体标签、文字标签、影像标签、背景标签、连结标签、表格标签、序列标签、表单标签、框架标签以及其他实用技巧。通过这份教程,学习者可以在大约20分钟内浏览完整个内容,并动手实践创建自己的网页。" 在HTML 4.0中,网页的基本结构由两大部分构成:抬头(HEAD)和文件本体(BODY)。抬头部分用于存放元信息,如网页标题,而文件本体则包含网页实际展示的内容。 1. **网页架构**:HTML文档的起点是`<HTML>`标签,它包含了整个网页的内容。`<HEAD>`标签内用于定义文档头部信息,例如`<TITLE>`标签定义网页的标题,显示在浏览器的标题栏上,`<META>`标签用于提供元数据,比如字符集设置。 2. **分隔标签**:`<HR>`(Horizontal Rule)标签用于创建水平线,常用来分隔页面内容。 3. **排版标签**:`<P>`标签用于创建段落,`<BR>`标签插入换行,`<DIV>`和`<SPAN>`用于更精细的布局控制。 4. **字体标签**:`<FONT>`标签可以用来设定文字的字体、大小和颜色,尽管在HTML5中已不再推荐使用。 5. **文字标签**:`<B>`(粗体)、`<I>`(斜体)、`<U>`(下划线)等标签用于改变文字样式,`<BIG>`和`<SMALL>`调整字体大小,`<STRONG>`和`<EM>`强调文字的重要性或情感。 6. **影像标签**:`<IMG>`标签插入图片,需指定`src`属性指向图像URL,还可以设置`alt`属性提供替代文本。 7. **背景标签**:`<BODY>`标签内的`bgcolor`属性可以设置网页背景色,`<IMG>`的`background`属性可以设置背景图像。 8. **连结标签**:`<A>`标签创建超链接,`href`属性定义链接地址,`target`属性决定链接在何处打开,如`_blank`新窗口,`_self`当前窗口。 9. **表格标签**:`<TABLE>`、`<TR>`(行)、`<TD>`(单元格)和`<TH>`(表头)用于创建表格,`<CAPTION>`添加表格标题。 10. **序列标签**:`<OL>`(有序列表)和`<UL>`(无序列表)标签,`<LI>`创建列表项。 11. **表单标签**:`<FORM>`用于创建交互式表单,`<INPUT>`、`<TEXTAREA>`、`<SELECT>`、`<OPTION>`等标签定义输入控件,`<LABEL>`关联输入控件与描述文字。 12. **框架标签**:`<FRAMESET>`和`<FRAME>`标签用于创建框架网页,允许多个网页在一个浏览器窗口内显示。 13. **其他技巧**:包括背景音乐、JavaScript集成等,使得网页更加动态和交互。 HTML 4.0教程还介绍了更多关于这些标签的详细用法和属性,以便初学者能快速理解和应用。通过学习这些基础标签,初学者可以开始构建简单的静态网页,并为进一步学习更复杂的网页设计和技术奠定基础。