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

2025-04-25 04:06:12

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、<挢旗扦渌;元素名>元素体</元素名>，例如：<titl髫潋啜缅e>网页</title>2、<元素名属性名1=属性值1，属性名2=属性值2>元素体</元素名>;3、<元素名属性名1=属性值1，属性名2=属性值2>代码举例如下：

二、HTML标记详解

1、标题文字标记<h>语法格式如下：<hn align=对齐方式>标题文字</hn>n:n为1至6的整数值，表示字体的大小，1最大，6最小；align：设置标题在页面中的对齐方式，属性值列表如下：

2、代码举例如下：

3、文本文字标记<font>语法格式如下：<font size=数字 face=字体名 color=颜色>被设置的文字</font>size:为文本字体大小；face：为字体名称，如宋体等；color:为字体颜色具体代码如下：

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

5、代码举例如下：

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

7、换行标记<br>语法如下：文本<BR>具体举例：

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

9、举例如下：

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

11、插入图片标记&盟敢势袂lt;img>语法格式如下：<img src=文件名 alt=说明 width=x heig茑霁酌绡ht=y border=n hspace=h vspace=v align=对齐方式>src：要加入图片的文件名；alt：在浏览器尚未完全读入图片时，在图片位置显示的文字；width：宽度；height：高度；border：边框的粗细；hspace：图片沿边沿空白和左右的空间水平方向空白像素数；vspace：图片上下空间的像素数；align：对齐方式具体代码如下：

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

13、具体代码如下：

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

15、具体代码如下：

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

17、10、表格标记<table>、<tr>、<th>和<td&爿讥旌护gt;语法如下：<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属性值如下表所示：

18、具体代码如下：

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。