Download presentation
Presentation is loading. Please wait.
1
项目二：HTML语言基础
2
2－1 常用HTML代码 能力目标 知识目标 能够读懂和编写常用的html标签； 能用不同工具编辑HTML文档。
3
2－1 常用HTML代码 2.1.1常用HTML代码 2.1.2 编写html各种标签。
4
2.1.1 html基本概念
5
2-1-1 HTML基本概念 1.HTML标签概述 HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language)
6
2-1-1 HTML基本概念 2.HTML标记的构成 由 <…>、</…>及括在其中的命令字符串组成
双标记： <…>、</…>成对出现， 如<HTML>、</HTML> 单标记： <…>，如<BR>、<HR>
7
2-1-1 HTML基本概念 3.标记的使用方法 (1) <标记名>文本或超文本</标记名>
(2) <标记名 属性名1=“属性值1” 属性名2=“属性值2” >文本或超文本</标记名> 例：<font size=“3” color=“red”>你好！</font>
8
2-1-1 HTML基本概念 4.HTML文档结构 <html> <head> </head>
<body body bgcolor="black" > <p>My first paragraph.</p> </body> </html>
9
2-1-1 HTML基本概念 例子解释 <html> 与 </html> 之间的文本描述网页；
<head>与 </head> 之间的表示网页头部信息； <body> 与 </body> 之间的文本是可见的页面内容，是文档的主体； <h1> 与 </h1> 之间的文本被显示为标题； <p> 与 </p> 之间的文本被显示为段落。
10
Thank You !
11
2.1.2 常见HTML标签
12
2-1-2 常见HTML标签 1.HTML 链接 2. HTML 图像
通过 <a> 标签进行定义的。 实例 <a href=" is a link</a> 链接的地址在 href 属性中指定。 2. HTML 图像 通过 <img> 标签进行定义的。<img> 是单标签。 <img src="w3school.jpg" width="104" height="142" alt="Big Boat" />
13
常见HTML标签 3.表格的设置 表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义）， 每行被分割为若干单元格（由 <td> 标签定义）。 <tr>定义表格的行。<td>定义表格单元格。 <table width="200" border="1" cellspacing="0" cellpadding="0"> <tr> <td> </td> </tr> </table>
14
Thank You !
15
2.2 编辑HTML文档 能力目标 能用不同工具编辑HTML文档。 知识目标 了解HTML文档编辑工具的基本特点。
16
2.2 编辑HTML文档
17
2.2 编辑HTML文档 2.2.1 使用记事本编辑HTML文档 2.2.2 使用Dreamweaver编辑HTML文档
18
2.2.1 使用记事本编辑HTML文档
19
2.2.1 使用记事本编辑HTML文档 新建记事本，可以通过编辑HTML文档。
20
Thank You !
21
2.2.2 使用Dreamweaver编辑HTML文档
22
2.2.2 使用Dreamweaver编辑HTML文档
23
Thank You !
Similar presentations
