当前位置:文档之家› dw网页制作基础代码

dw网页制作基础代码

Dreamweaver 8 基础代码
HTML基本结构(每个网页都是在基本结构的基础上添加内容的)
<html>---------网页文件开始标签
<head>--------头部元素开始标签
<title>----------网页标题开始标签
… 头部元素
</title>---------网页标题结束标签
</head>-------头部元素结束标签
<body>---------网页内容开始标签
... 网页具体内容
</body>--------网页内容结束标签
</html>---------网页文件结束标签
Dreamweaver的代码里打“<”会出现可选择代码,或在“< >”里打空格也会出现,方便输入。

标签书写方式(不同标签书写方式不同)
1. <标签>对象</标签>
如:title、head等。

2. <标签>
如:br
3. <标签该标签的属性1=“参数1” 该标签的属性2=“参数2” ...>对象</标签>
如:font
注意:
1.第三种类型的标签也可以使用第一种的格式,即标签的属性不一定要写。

2.可以嵌套,但要注意顺序。

两个代码之间至少要用一个空格隔开。

几个常用标签介绍
文字:<font face=”” size=”” color=”” …>...</font>
face:字体,引号中输入字体名。

如:face=“黑体”。

默认是宋体。

size:字号。

可以是-7--------+7之间整数。

默认是3。

color:颜色。

可使用“red”之类的颜色名称或16进制编码指定。

默认黑色。

换行:<br>
加粗:<b>...</b>
倾斜:<i>...</i>
滚动字幕:
滚动标签:marquee
最简表达:<marquee>相关字幕</marquee>
滚动的属性:
Direction--表示滚动的方向,值可以是left,right,up,down,默认为left
Behavior--表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(来回滚动)
图片插入代码:
<img src="要滚动的图片地址" border="…" alt="图片所提示的信息" title="图片所提示的信息">
border是它的边框大小
alt:使用alt属性是为了给那些不能看到你网页中图像的浏览者提供文字说明,也就是图片显示不了的时候显示的文字。

title:图片正常显示时,鼠标悬停在图片上方显示的提示文字。

textarea 标签-- 代表HTML表单多行输入域
textarea标签是成对出现的,以<textarea>开始,以</textarea>结束
属性:
Common -- 一般属性
cols -- 多行输入域的列数
rows -- 多行输入域的行数
accesskey -- 表单的快捷键访问方式
disabled -- 输入域无法获得焦点,无法选择,以灰色显示,在表单中不起任何作用
readonly -- 输入域可以选择,但是无法修改
tabindex -- 输入域,使用"tab"键的遍历顺序
placeholder--灰色文本提示
超链接:
<a href="#mingzi">点击我跳转</a> 本行解释:#代表本页面,mingzi是你给跳转到的对象定义的名字
<a name="mingzi">跳转到的对象</a> 给跳转到的对象定义名字
然后点击“点击我跳转”,就可以跳转到“跳转到的对象”。

相关主题