html标记及dreamweaver用法11页文档资料.docx

html标记及dreamweaver用法11页文档资料.docx

《html标记及dreamweaver用法11页文档资料.docx》由会员分享，可在线阅读，更多相关《html标记及dreamweaver用法11页文档资料.docx（9页珍藏版）》请在冰豆网上搜索。

html标记及dreamweaver用法11页文档资料

html标记及dreamweaver用法

要练说，先练胆。

说话胆小是幼儿语言发展的障碍。

不少幼儿当众说话时显得胆怯：

有的结巴重复，面红耳赤；有的声音极低，自讲自听；有的低头不语，扯衣服，扭身子。

总之，说话时外部表现不自然。

我抓住练胆这个关键，面向全体，偏向差生。

一是和幼儿建立和谐的语言交流关系。

每当和幼儿讲话时，我总是笑脸相迎，声音亲切，动作亲昵，消除幼儿畏惧心理，让他能主动的、无拘无束地和我交谈。

二是注重培养幼儿敢于当众说话的习惯。

或在课堂教学中，改变过去老师讲学生听的传统的教学模式，取消了先举手后发言的约束，多采取自由讨论和谈话的形式，给每个幼儿较多的当众说话的机会，培养幼儿爱说话敢说话的兴趣，对一些说话有困难的幼儿，我总是认真地耐心地听，热情地帮助和鼓励他把话说完、说好，增强其说话的勇气和把话说好的信心。

三是要提明确的说话要求，在说话训练中不断提高，我要求每个幼儿在说话时要仪态大方，口齿清楚，声音响亮，学会用眼神。

对说得好的幼儿，即使是某一方面，我都抓住教育，提出表扬，并要其他幼儿模仿。

长期坚持，不断训练，幼儿说话胆量也在不断提高。

html标记及dreamweaver用法2019-02-2617：

01网页制作最传统的是使用HTML（超文本标记语言），手写代码相当的耗费时间，大量的垃圾代码不利于管理。

很多特效实现起来也很麻烦，当大量的代码嵌套出现时，稍不注意就会因出现错误而无法正常显示效果。

在Adobedreamweaver编辑网页，就要方便很多，而且在Adobedreamweaver可以建立站点，网页布局更加规范化。

在编写网页时我们通常会用到CSS样式，CSS的特点有：

便于页面的修改、便于页面风格的统一、减少网页的体积。

利用CSS可以实现网站的导航、布局以及字体样式之类的功能。

CSS按其位置可以分成三种：

内嵌样式（InlineStyle）、内部样式表（InternalStyleSheet）、外部样式表（ExternalStyleSheet）。

其中，外部样式表可以分链接和导入两种。

我国古代的读书人,从上学之日起,就日诵不辍,一般在几年内就能识记几千个汉字,熟记几百篇文章,写出的诗文也是字斟句酌,琅琅上口,成为满腹经纶的文人。

为什么在现代化教学的今天,我们念了十几年书的高中毕业生甚至大学生,竟提起作文就头疼,写不出像样的文章呢?

吕叔湘先生早在1978年就尖锐地提出:

“中小学语文教学效果差,中学语文毕业生语文水平低,……十几年上课总时数是9160课时,语文是2749课时,恰好是30%,十年的时间,二千七百多课时,用来学本国语文,却是大多数不过关,岂非咄咄怪事!

”寻根究底,其主要原因就是腹中无物。

特别是写议论文,初中水平以上的学生都知道议论文的“三要素”是论点、论据、论证,也通晓议论文的基本结构:

提出问题――分析问题――解决问题,但真正动起笔来就犯难了。

知道“是这样”,就是讲不出“为什么”。

根本原因还是无“米”下“锅”。

于是便翻开作文集锦之类的书大段抄起来,抄人家的名言警句,抄人家的事例,不参考作文书就很难写出像样的文章。

所以,词汇贫乏、内容空洞、千篇一律便成了中学生作文的通病。

要解决这个问题,不能单在布局谋篇等写作技方面下功夫,必须认识到“死记硬背”的重要性,让学生积累足够的“米”。

学习HTML要从手写代码入手，在记事本中编写代码，保存为.html格式后点击浏览，这样可以激发个人的创作热情，自我查找错误。

在HTML中标记一般成对出现，一个表示特定代码部分的开始，另一个表示特定代码部分的结束（表示结束的前面带"/"符号），但也不是绝对的，比如，br标记。

基本的HTML标记：

html、head和body必不可少。

与HMTL相比，XHTML代码书写更加规范。

XHTML是TheExtensibleHyperTextMarkupLanguage（可扩展标识语言）的缩写。

HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言，本质上说，XHTML是一个过渡技术，结合了部分XML的强大功能及大多数HTML的简单特性。

其实,任何一门学科都离不开死记硬背,关键是记忆有技巧,“死记”之后会“活用”。

不记住那些基础知识,怎么会向高层次进军?

尤其是语文学科涉猎的范围很广,要真正提高学生的写作水平,单靠分析文章的写作技巧是远远不够的,必须从基础知识抓起,每天挤一点时间让学生“死记”名篇佳句、名言警句,以及丰富的词语、新颖的材料等。

这样,就会在有限的时间、空间里给学生的脑海里注入无限的内容。

日积月累,积少成多,从而收到水滴石穿,绳锯木断的功效。

按照国际W3C组织（WorldWideWebConsortium）标准，目前国际上在网站设计中推崇的WEB标准就是基于XHTML的应用（即通常所说的CSS+DIV）。

与HTML相比，XHTML元素一定要被正确的嵌套使用，XHTML文件一定要有正确的组织格式。

XHTML文件一定要有正确的组织格式。

标签名字一定要用小写字母。

所有的XHTML元素一定要关闭。

独立的一个标签我们也要结束用/来结束。

具体可参见绝对是基础，利用HTML代码可以在页面中定义标题、字体、图片、列表、颜色、背景、框架（frame）、表单（form）、下拉列表（select）、单选按钮（radio）、提交按钮（submit）、复选框（checkbox）、文本域（textarea）、表格（table）、注释、分割线（hr）、段落、链接等，还可以插入多媒体。

html基本格式为（中的为定义的标记，""中为属性）htmlheadtitle/title/headbody/body/html，对字体的设置：

b粗体/bi斜体/iu下划线/usup上标/supsub下标/subblink闪烁/blinktt打字机/ttem强调/emstrong加强/strongsamp范例/sampcode源代码/codevar变量/vardfn定义/dfncite定义/citeaddress所在地址/address1.head和/head标记中仅包含网页标题（如title我的网页/title）和程序脚本。

2.body/body标记中包含网页的全部内容。

是网页的主体部分。

3.center和/center是中间内容居中标记；

4.h1和/h1：

从h1~h6，将文本标注为标题，通常要比正文字体粗，其中h1最大；

5.p和/p：

段落标记，在行与行之间添加额外的空白行；

6.br：

回车强行换行，插入单行，不需要封闭标记

7.图象标记（width为图像的宽，height为图像的高）：

imgsrc="aa\bb.jpg"width="500"height="198"align="center"

align水平对齐（left、right或center三个属性），valign垂直对齐（top，bottom或middle三个属性），border边框宽度

alt="鼠标放在图片上时出现的提示文字"

8.pfontsize="3"b本行字符将以粗体显示/b/font/p9.pfontsize="3"i本行字符将以斜体显示/i/font/p（i等效于em）

10.pfontsize="3"face="宋体"color="#RRGGBB"本行字符将宋体显示/font/p11.ahref="test.htm"点击此处文字打开链接的网页/a：

该处文字为带有链接的字体，有下划线标示，可以通过属性设置去掉下划线。

12.HR显示一长灰色细线，分割网页为上下两部分。

可以只用单边。

完整的如下：

HRalign=centerwidth="100%"SIZE=1显示一灰色矩形，SIZE为1时，宽为1（很细，可看作一直线）

13.UL使该段文字首行和下面都缩进约两个字符/UL，ul为项目列表标记，在ul标记之间还可以使用li标记设定项目内容。

14.LI在文字前出现一个圆点的项目符号/LI，li可单独使用，也可结合br使用，可加type属性，改变项目符号的形状。

15.OLtype=2start=1li标记/lili区段/li/ol：

编号列表标记，如1,2,316.BLOCKQUOTE使该段文字整体都缩进约两个字符，可以多重使用BLOCKQUOTE17.SUP这是上标字/SUP，SUB这是下标字/SUB，U这是加下划线字/U18.TT这是Windows的等宽字/TT19.FONTSIZE=+1字体放大一级/FONT20.DLDT语言DD基础要素/DL：

"语言"显示为列表标题，"基础要素"显示为列表内容，自动缩进。

21.DIVAlign="Right"这是右对齐的段落一P这是右对齐的段落二P/DIV默认为左对齐方式。

表格及其标志：

Align：

水平，Valign：

垂直。

Align或Valign写在TR中时表该行的几个列都用同一方式。

22BLINK字体闪烁/BLINK：

标记中的文字实现闪烁效果，但并不适用于所有的浏览器。

23.表格设置，TABLEBORDER=1TRTD第一列第一栏/TDTD第一列第二栏/TD/TRTRBgColor="yellow"TD第二列的第一栏/TDTD第二列的第二栏/TD/TRTRTDAlign="Left"Valign="Center"水平：

左对齐br垂直：

居中/TD/TR/TABLEBgColor可写在TABLE、TR、TD中，分别为整个表格、整行、单一单元格的背景颜色设置。

24.13.Frame标记即帧标记，Iframe标记又叫浮动帧标记。

不同于Frame标记最大的特征即Iframe所引用

的HTML文件不是与另外的HTML文件相互独立显示，而是可以直接嵌入在一个HTML文件中，与这个HTML文件内容相互融合，成为一个整体，

frame要在frameset标签里定义。

可谓画中画。

实例：

htmlframesetrows="50%,50%"

framesrc="a1.html"/

framesrc="b1.html"/

/frameset

/html

给目标框架命名,比如

framesetframesrc="test.htm"name="col"

/frameset

在需要打开的链接中加

如

atarget="col"href="./"a/a25.html注释可以帮助了解代码的意思和创作时间，格式为！

--要写的注释内容--，注释不会显示在网页中，只有查看源代码才能看到。

26.使插入的图片背景透明。

在插入flash的代码中插入paramname=\"wmode\"value=\"transparent\"即可实现flash背景透明。

可访问：

技巧：

1.在BODY标签中可以规定整个文档的一些基本属性：

"bgcolor"：

指定html文档的背景色。

"text"：

指定html文档中文字的颜色。

"link"：

指定html文档中待连接超链接对象的颜色。

"alink"：

指定html文档中连接中超链接对象颜色。

"vlink"：

指定html文档中以连接超链接对象颜色。

"background"：

指定html文档的背景文件。

有两种方式表示颜色对象：

bodybgcolor="green"或bodybgcolor="#00FF00"。

文档主体部分可用颜色列表：

black黑色Red红色Line石灰色Maroon栗色Gray灰色Silver银白色Navy海军蓝Olive橄榄绿Purple紫色Yellow黄色Aqua浅绿色Blue蓝色Green绿色Fuchsia紫红色White白色Teal暗蓝绿

2.浏览器的状态列提示文字控制

（1）.鼠标经过：

ahref="tpage.htm"onMouseOver="window.status=\'相关提示\'；returntrue"页面上鼠标经过的文字a

（2）.改变状态栏提示文字：

打开"Behaviors"行为编辑窗，单击"+"按钮，选择"SetTextSet"下的"TextOfStatusBar"选项，然后在方框中输入自己的文字，例如"欢迎来到我的主页"等，单击"确定"即可。

3.链接控制：

a.返回前页：

使用OnClick="history.go（-1）"

返回主页：

使用OnClick=\'top.location.href="./index.html"\'

b.链接提示：

在链接语句中增加,如：

欢迎访问*网。

（在点击链接前注意看状态行显示的变化）

OnMouseOver="window.status=\'这里是.\'；returntrue"OnMouseOut="window.status=\'\'；returntrue"

c.链接的不同方式：

在帧里显示：

在链接处加target="main"语句，其中main为帧名

整页显示：

在链接处加target="_top"语句

开新窗口：

在链接处加target="resourcewindow"语句，如AHREF="index.html"TARGET="resourcewindow"/Ad.强制主页每次都不进行缓存，而从服务器上重读

在Head部分加MEATHTTP-EQUIV="Pragma"CONTENT="no-cache"

e.自动刷新

定时刷新：

METAHTTP-EQUIV="Refresh"content="10；URL=自己的URL"

幻灯片效果：

语句类似上面，但在页面1中URL指向页面2，而页面2指向页面3.页面n指回页面1，即可实现循环显示页面的效果。

f.在某一个时间内自动链接到其他主页，这只需在〈title〉######〈/title〉之后加入下面这一行即可：

〈metahttp-equiv="refresh"content="20；url=otherpage.htm"〉（"20"代表二十秒后连到另一个主页）

h.在打开指定网页的同时打开另一指定网页\'next.htm，只需在指定网页的body中加入指令onload：

htmlbodyonload="parent.banner.location.href=\'next.htm\'"指定打开的一个网页内容/body4.设置"添加到收藏夹"链接：

选中"添加到收藏夹"文字，在属性面板中的链接（Link）中输入：

"javascript：

window.external.AddFavorite（\'学习之家\'）"。

点击此链接时会弹出对话框，可以将你的主页地址加到收藏夹中。

5.文字移动动态效果：

1）文字移动特效（默认为从右移到左边，可自行添加属性改变方向）：

marqueeb大家好/b欢迎您经常光临！

/marquee2）让文字在固定的区域内出现从下到上的滚动效果（table为定义表格，border为边距，cellspacing用来设置各个单元格之间的距离，以像素为单位，cellpadding是表格内单元格的空白部分，可以在HTML的语法大全中查看）：

tableheight=500cellspacing=0cellpadding=0width=800border=0trtdvalign=centeralign=middlewidth=316height=405marqueescrollamount=1scrolldelay=140direction=upwidth=382height=403center网费到期通知

fontcolor=#ff0000/font/centerbr通知内容/marquee/td/tr/table

例2：

bodydivalign="center"pmarqueealigh=leftbgcolor=#FFFED7direction=upbehavior=scrollheight=100hspace=1scrollamount=2Scrolldelay=1width=250VSpace=1loop=-1fontcolor="#FF0000"size="5"face="方正大黑简体"诗歌标题/fontbrfontcolor="#FF0000"第一句br第二句br第三句br第四句br/font/marquee/p/div/body/html3）在指定宽度内移来移去的文字代码（tr为行，td为列，p为分段显示，br代表回车）：

TDheight=20Palign=centerMARQUEEscrollDelay=120direction=rightbehavior=alternatewidth=150height=12产品导航/MARQUEE/P/TD6.E-mail链接：

选中字或图片，在属性中设置Alt为"给我来信"，链接为ahref="mailto：

xxxx@sina"单击此处/a，在浏览器中单击该链接字体，就会启动发送邮件窗口。

在链接地址前加"#"符号，可以在网页中不打开实际链接。

7.动画背景为透明：

选中Flash（gif），在源代码/object/p前加入代码：

paramname="wmode"value="transparent"。

或文件属性栏里"参数"输入wmode,value="transparent"。

8.浮动背景图象（主页内容向下滚动而背景图象不动的效果）：

（1）.bodybackgroud="image.jpg"bgproperties="fixed"

（2）.在Dreamweaver中用「Text」-「CustomStyle」-「EditStyleSheet」-「New」-RedefineHTMLTag中选择Body，然后在Background中的Attachment里选fixed9.滚动条换颜色：

默认的网页滚动条是灰色，在网页代码head/head里插入一对style/style标签，标签里写入下面的代码：

RGB为红绿蓝三原色，RGB色彩模式使用RGB模型为图像中每一个像素的RGB分量分配一个0~255范围内的强度值。

每种颜色由二个十六进制0~F范围内的任意数值组成，即RR：

GG：

BB。

RGB颜色的规律#FFFFFF白色#000000黑色。

红色为FF0000，红色部分FF表示全红，绿蓝色均为0。

body{SCROLLBAR-FACE-COLOR：

#3333FF；（立体滚动条凸出部分的颜色）

SCROLLBAR-HIGHLIGHT-COLOR：

#505050；（滚动条空白部分的颜色）

SCROLLBAR-SHADOW-COLOR：

#fc2400；（立体滚动条阴影的颜色）

SCROLLBAR-ARROW-COLOR：

#666666；（上下按钮上三角箭头的颜色）

SCROLLBAR-BASE-COLOR：

#333333；（滚动条的基本颜色）

SCROLLBAR-DARK-SHADOW-COLOR：

#b4fc48}（立体滚动条强阴影的颜色）

后面的16位颜色值你可以随意更改，括号内是解释说明，在输入时请不要插入。

10.文件路径：

相对路径（通常为本地）

ahref="aa.html"aa/a

绝对路径（http）

ahref="http：

baidu"baidu/abr

上下级文件夹（含有"/"的为跨文件夹）

aa.jpg

./aa.jpg

././aa.jpgimages/aa.jpg

"./"表示上一级目录开始

"./"表示当前同级目录开始

"/"表示根目录开始。

当试过后，自己定义一下可以了。

11.背景音乐：

body中加入以下任一个代码（需要在属性中设置正确的文件格式及窗格大小，建议为midi格式的（计算机编辑的音乐））：

显示操作面板：

在相应地方加：

embedsrc="cacia.mid"width="120"height="80"autostart=truecontrols="middleconsole"

不显示操作面板：

在页中任意地方加embedsrc="aladdin.mid"hidden=trueautostart=trueloop=trueloop=true代表是循环播放

bgsoundsrc=音乐路径loop=次数loop=-1代表是无限制播放。

embedsrc=音乐路径width=0height=012.定义内部样式块对象（EmbeddingaStyleBlock）

可以在HTML文档的head和/head标记之间插入一个style./style块对象。

格式如下：

htmlheadtitle文档标题/titlestyletype="text/css"

定义的类或已存在需要定义的标签名称1{语句块1}

定义的类或已存在需要定义的标签名称2{语句块2}

定义的类或已存在需要定义的标签名称3{语句块3}

定义的类或已存在需要定义的标签名称n{语句块n}

/style

/headbodytype="text/css"加在style中可以让不支持此模式的浏览器跳过。

13.在Dreamweaver中轻松设置行间距：

用层叠样式表（CSS）来实现，在Dreamweaver中编辑层叠样式表不用编写代码，具体操作方法如下：

（1）在快速启动栏中点击层叠样式表按钮（"showcssstyles"按钮），在弹出的CSSStyles面板上双击（none）；

（2）此时，可看到弹出的EditStyleSheet面板，在该面板上按New按钮；

（3）再在弹出的NewStyle面板上点取RedefineHTMLTag（重新定义HTML标记），再在Tag中选择"body"标记后按OK按钮；

（4）这时可看到弹出的Styledehinitionforbody的对话框，在此对话框中可以设置"body"标记的许多属性，可以按你的意愿设置，但我们这里主要是要设置行距，所以在line属性输入框中填上行距的像素点数，现在流行的九号字，行距一般用12，按OK按钮返回到EditStyleSheet面板，此时已把"body"的行距设置好了；

（5）由于"body"中定义的行距对表格不起作用，所以再在EditStyleSheet面板上再按New按钮；

（6）再在弹出的NewStyle13.css代码与HTML代码是可以分离的，可以把得到的css代码用linkhref="css文件名.css"rel="stylesheet"type="text/css"/连接到HTML中。

定义css样式，需要在head与/head之间加入代码，例如：

styletype="text/css"

body{

margin-left：

0px；

margin-top：

0px；

margin-right：

0px；

margin-bottom：

0px；

/style

然后在body中调用。

css标签

插入锚点aname="xy"/a

控制文本位置placement

图片对齐方式imagealignment

术语表dl定义列表dt定义术语dd定义描述

blockquote定义长段落引用语

q给俏皮的话使用标签

cite引入书、报纸、网络文章的标题

address未识别和提供该网页创作者的联系信息

br/img/自我关闭的标签

@import指令：

有别于link标签，在很多新版本浏览器中支持。

import功能

链接外部样式linkhref="css/global.css"type="text/css"rel="stylesheet",在xhtml中需要用/关闭标签