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 ”之类的颜色名称或进制编码指定。
默认黑色。
换行:<br>
加粗:<b>...</b>
倾斜:<i>…</i>
滚动字幕:
滚动标签:marquee
最简表达:<marquee> 相关字幕</marquee>
滚动的属性:
Direction-- 表示滚动的方向,值可以是left , right , up , down,默认为left
Behavior--表示滚动的方式,值可以是scroll (连续滚动)slide (滑动一次)alternate (来回滚动)
loop--表示循环的次数,值是正整数,默认为无限循环
-scrollamount--表示运动速度,值是正整数,默认为6,数值越大,移动速度也越快
-scrolldelay--表示停顿时间,值是非负整数,默认为0,单位是毫秒(1s=1000 ms ),数值越大,时间间隔也越大
(注
意:上述两个属性请勿同时使用,因为会相互影响。
)
valign-表示元素的垂直对齐方式,即调格子中内容的垂向(上下)位置,值可以是top,middle ,bottom,默认为middle
align--表示元素的水平对齐方式,即调格子中内容的(左右)横向位置,值可以是right ,center,left默认为left bgcolor--表示运动区域的背景色,值是16进制的RGB颜色,默认为白色
height、width--表示运动区域的高度和宽度,值是正整数(单位是像素)或百分数,默认height=100% ,width=100% (若为正整数则自动调整原表格大小,若为百分数则表示占原表格大小的百分比,且不会自动调整原表格大小。
)hspace、vspace--表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素
onmouseover=this.stop() onmouseout=this.start()-- 表示当鼠标移到滚动区域的时候滚动停止,当鼠标移开的时候
又继续滚动
图片插入代码:
<img src="要滚动的图片地址"border=" …"alt=" 图片所提示it的信息图片所提示的信息">
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> 给跳转到的对象定义名字然后点击“点击我跳转”,就可以跳转到“跳转到的对象”。