Dreamweaver CS6如何应用：[4]HTML基础知识

2024-11-10 23:33:22

HTML超文本标记语言，按一定格式来标记文本、图像、表格和表单等元素，通过使用Dreamweaver CS6，可以更加快捷地声称HTML代码，提高设计代码的速率。

工具/原料

Dreamweaver CS6

一、HTML概述

1、HTML主要特点：1、HTML表示的是超文本标记语言；2、HTML文件是一个包含标记的文本文件；3、HTML标记确保在浏览器中怎样显示这个页面；4、HTML文件必须有htm或者html格式扩展名；5、HTML文件可以使用一个简单的文本编辑器创建

2、HTML基本结构（主要有3种表示方法）：1、<元素名>元素体</元素名>，例如：<title>网页</title>2、<元素名属性名1=属性值1，属性名2=属性值2>元素体</元素名>;3、<元素名属性名1=属性值1，属性名2=属性值2>代码举例如下：

2、代码举例如下：

4、字型设置标记网页中的字型是指页面文字的风格，如加粗、斜体、带下划线、上标和下标等。举例如下：

6、段落标记<p>语法如下：<P align = 对齐方式>align的值有三个：left:文本居左对齐right:文本居右对齐；center:文本居中对齐；具体代码举例如下：

8、超级链接标记<a>语法如下：<a href=地址 name=字符串 target=打开窗口方式> 热点 </A>href：一个有效的URL地址；name:作为链接用的字符串；target:属性值如下表

10、设置背景图片标记<body background>语法格式如下：<body background=图片文件名>具体代码如下：

12、列表标记（1）无序列表使用标记<UL>和<LI>可以创建无序列表，其具体语法格式如下所示。 <UL type=符号类型> <LI type=符号类型1> 第一个列表项 <LI type=符号类型2> 第二个列表项 … </UL>type属性值如下表所示：

14、（2）有序列表：列表为有顺序的项目编号显示使用<OL>标记可以建立有序列表，表项的标记仍为<LI>。其语法格式如下。 <OL type=符号类型> <LI type=符号类型1> 表项1 <LI type=符号类型2> 表项2 … </OL>type属性值如下表所示：

16、（3）菜单列表：顾名思义，菜单列表就是增加了菜单选项使用菜单列表的语法格式如下所示。 <MENU> <LH> 菜单列表的标题 <LI> 第一个列表项 <LI> 第二个列表项 … <LH> 菜单列表的标题 <LI> 第一个列表项 <LI> 第二个列表项 … </MENU>具体代码及效果如下：

17、表格标记<table>、<tr>、<th>和<td>语法如下：<table align=left|center|right border=n width=值 height=值%> <tr> <th>表头1<th>表头2…<th>表头n <tr> <td>表项1<td>表项2…<td>表项n … <tr> <td>表项1<td>表项2…<td>表项n </table ><table>：页面中创建表格的标记<tr>：创建行的标记；<th>：创建表项的标记；表格整体的外观显示效果用<table>标记的属性决定，常用的type属性值如下表所示：