html4基础入门课堂段落,html语言介绍一 课前导读 课堂教学 html基础 html入门——简单标记的认识与使用 段落和文字标记 建立超级链接 ...

第2课 HTML语言介绍(一) 1.1 课前导读1.2 课堂教学 2.2.1 HTML基础 2.2.2 HTML入门——简单标记的认识与使用 2.2.3 段落和文字标记 2.2.4 建立超级链接 2.2.5 加入图片1.3 上机练习1.4 课后作业1.1 课前导读 1. 什么是HTML 2. HTML的作用 3. HTML的编辑环境 4. 专用的网页编辑器1. 什么是HTML HTML是Hyper Text Markup Language(超文本标记语言)的缩写，它是构成Web页面(Page)的主要工具，是用来表示网上信息的符号标记语言。 HTML是一种用于网页制作的排版语言，是Web最基本的构成元素。HTML并非一种编程语言。用HTML标记文档或给文档添加标记，使文档可在WWW上发布。用HTML准备的文档包含引用图形和格式标记。用Web浏览器可以查看这些HTML文档。 用HTML的语法规则建立的文档可以运行在不同操作系统的平台上。因此，HTML文档属于纯文本文件(它能用任意的文本编写器书写)。HTML 简介语言HTML 可用于：控制页面和内容的外观发布和检索联机文档创建联机表单插入诸如音频剪辑和视频剪辑等对象超文本标记提供链接到其他页面或同一页面的其他位置的文本可以用标签标记页面的不同部分以正确显示2. HTML的作用 HTML语言作为一种网页编辑语言，易学易懂，能制作出精美的网页效果，其作用如下： ① 格式化文本。如设置标题、字体、字号、颜色；设置文本的段落、对齐方式等。 ② 建立超链接。通过超链接检索在线的信息，只需用鼠标单击，就可以到达任何一处。 ③ 创建列表。把信息用一种易读的方式表现出来。 ④ 插入图像。使网页图文并茂，还可以设置图像的各种属性，如大小、边框、布局等。 ⑤ 建立表格。表格为浏览者提供了快速找到需要信息的显示方式，还可以用表格来设定整个网页的布局。 ⑥ 加入多媒体。可以在网页中加入音频、视频、动画，还能设定播放的时间和次数。 ⑦ 交互式窗体、计数器等。为获取远程服务而设计窗体，可用于检索信息、定购产品等。 HTML是最基本的网页制作语言，其他的专用网页编辑器(如FrontPage，Dreamweaver等)都是以HTML为基础的。HTML 文档示例HTML 代码

学习 HTML

欢迎来到 HTML 世界

浏览器处理代码并进行显示3. HTML的编辑环境 HTML的编辑环境很简单，任何一台计算机都可以编辑网页。但要看到用户自己设计的网页效果，就需要安装一个浏览器，如Internet Explorer，Netscape Navigator等。因此，只要计算机能运行某个浏览器，就具备了网页制作的硬件环境。HTML要求的软件环境更为简单，任何文本编辑器都可以用来制作网页，包括记事本、写字板、Word、WPS等编辑程序。不过在保存时，一定要用纯文本方式存盘。 HTML文件的设计制作与一般程序设计语言之间最大的不同在于，HTML具有跨平台的处理能力。也就是说，只要有适当的浏览器，不管使用何种操作系统，都能阅读制作的HTML文件。编辑器 2-2需要在编辑器中键入源代码示例：DreamWeaver(三个视图区分)Macromedia Dreamweaver 是一种专业的 HTML 编辑器，用于设计、编码、开发网站、网页和强大的 Web 应用程序。编辑器和浏览器HTML 代码学习 HTML

欢迎来到 HTML 世界

在编辑器中编写 HTML 代码浏览器显示 HTML 文档/页面 2.2 课堂教学2.2.1 HTML基础2.2.2 HTML入门——简单标记的认识与使用2.2.3 段落和文字标记2.2.4 建立超级链接2.2.5 加入图片2.2.1 HTML基础 1. HTML文件的组成 2. 标记 3. 标记的属性 4. HTML文件的基本结构例：Html文档结构典型HTML我会努力的！ HTML文件是一种纯文本文件，可以通过浏览器读取HTML文件，并用浏览器内含的语法分析器来解读各种特殊标记。1. HTML文件的组成 一个HTML文件可由下列3部分组成。 ① 标记：是HTML的基本元素，可以说一个HTML文件大部分都是由字符信息加上一些标记呈现出来的