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