【 – 小学作文】
篇一:《DW代码大全》
DW代码大全
一、<html>、<head>、<body>:
定义和用法:构成Html文档的重要组成部分,缺一不可。
1、<html> 标签:此元素可告知浏览器其自身是一个 HTML 文档。<html> 与 </html> 标签限定了文档的开始点和结束点。
2、<body>标签:定义文档的主体。它包含文档的所有内容(比如文本、图像、颜色和图形等等。)
3、<head> 标签:用于定义文档的头部。下面这些标签可用在 head 部分:<link>, <meta>, <script>, <style>, 以及 <title>。
二、<link>, <meta>, <script>, <style>, <title>:
1、<link>标签:此元素定义了当前文档与 Web 集合中其他文档的关系。
如:<link href="xxx.css" type="text/css" rel="stylesheet" />
2、<meta> 标签:<meta> 元素可提供有关页面的元信息,比如针对搜索引擎和更新频度的描述和关键词。
如:
<meta name="Keywords" content="这里放置关键字" />
<meta name="Description" content="这里放置对关键字的描述" />
3、<script> 标签:定义一段诸如 JavaScript 的脚本。
如:
<script type="text/javascript">
alert("感谢您光临我的个人小站!")
</script>
4、<style> 标签:常用在页面内定义CSS样式,但强烈建议使用 link 标签定义CSS样式。
如:
<style type="text/css">
*{font-size:13px;}
</style>
5、<title>标签:定义文档的标题。通常把它放置在浏览器窗口的标题栏或状态栏上。
三、<a>超链接标签:
·定义和用法:<a> 标签可定义锚。一个锚有两种用法。
1、通过使用 href 属性,创建一个到另外一个文档的链接。如:<a
href="" target="_blank" title="百度">百度</a>
2、通过使用 name 或 id 属性,创建一个文档内部的书签。如:定义锚点<a name="a1" id="a1"></a>;指向锚点<a href="#a1">返回顶端</a>
·<a>标签常用属性:
1、href:描述另一个文档的地址。
2、target:指定文档在哪个窗口打开。
3、title:指定链接的标题。
4、name:定义锚点的名称。
四、<h1>– <h6> 标签:
<h1> – <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。
如:
<h1>这是标题一</h1>
<h2>这是标题二</h2>
<h3>这是标题三</h3>
<h4>这是标题四</h4>
<h5>这是标题五</h5>
<h6>这是标题六</h6>
五、<p>标签:可定义一个段落。
如:
<p>这是第一段的内容。</p>
<p>这是第二段的内容。</p>
六、<br> 标签:可插入一个简单的换行符。
如:这是第一行。<br />这是第二行。
七、<img> 标签:可定义一副图像。即在网页指定位置插入图片。
如:<img src="images/bg1.gif" width="80" height="60" />
八、<hr> 标签:可插入一个水平线。水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分。<hr width="1000" size="1" noshade="noshade" />
如:<hr align="center" width="800" size="1" />
九、<table>、<tr>、<td>、<caption>、<th>标签:
1、<table> 标签可定义表格。在 <table> 标签内部,可以放置表格的标题、表格行、表格列、表格单元以及其他的表格。
2、<tr> 标签在表格中定义一行。
3、<td> 标签定义表格中的一个单元格。<td>标签属性:colspan=合并列单元格;rowspan=合并行。
5、<th> 标签定义表格内的表头单元格。此 th 元素内部的文本通常会呈现为粗体。
6、<caption> 标签可定义一个表格标题。caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。
十、<form>标签:
form 元素可为用户输入创建表单。表单可包含文本域,复选框,单选按钮等等。表单用于向指定的 URL 传递用户数据。
·使用方法:<form id="form1" name="form1" method="post" action=""></form>
·<form>标签属性:{dw输入框}.
1、id、name:用来标识表单的名称。
2、method:提供和程序进行数据交换的方法。取值为post和get。
3、action:提供和程序进行交换的程序路径,即接口程序。
十一、<input> 标签:
<input> 标签可定义输入域,在其中用户可输入数据。其中包括文本字段、多选列表、可单击的图像和提交按钮等。此标签的type 属性和 name 属性是必需的。
1、type的取值。type属性用来区分不同的输入域。它的取值分别为:text(文本域)、password(密码域 )、hidden(隐藏域)、checkbox(复选框)、radio(单选框)、image(图像按钮)、file(文件域)、 submit(提交按钮)、reset(重置按钮)、button(普通按钮)。
十二、<select>标签:
1、用法:<select>元素可创建单选或多选菜单。
2、格式:
<select name="select">
<option>张三</option>
<option>李四</option>
<option selected="selected">王五</option>
</select>
3、<option>元素可定义下拉列表中的一个选项(一个条目)。
格式:<option selected="selected">张三</option>,其中selected属性表示默认选项。
十三、<textarea> 标签:
1、用法:定义一个文本区域 (一个多行的文本输入区域)。
2、格式:<textarea name="textarea" cols="30" rows="6">请在此处输入留言内容</textarea>
3、属性:
I、cols:设置输入框的列数。
II、rows:设置输入框的行数。
十四、<i>、<b>、<u>、<s> 标签:
以下的元素均是字体样式元素。建议使用CSS来取代这些效果。
<u> 标签可定义下划线文本。
<s> 标签可定义加删除线文本定义。
<i> 标签可定义斜体。
<b> 标签可定义粗体。
十五、<sub>、<sup> 标签:
1、<sup> 标签可定义上标文本。
2、<sub> 标签可定义下标文本。
3、说明:<sub>和<sup> 标签,常用在数学等式、科学符号和化学公式中。
十六、<dl>、<dt>、<dd>标签:
1、<dl> 标签定义列表。
2、<dt> 定义列表中的项目(即术语部分)。
3、<dd> 可在定义列表中定义条目的定义部分。
十七、<ol>、<ul>、<li>标签:
1、<ol> 标签定义有序列表。<ol>标签属性:type="1/a/A/i/I"。
2、<ul> 标签定义无序列表。<ul>标签属性:type="circle/disc/square"
3、<li> 标签定义列表项目。<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。
十八、<div>标签:
1、可定义文档中的分区或节(division/section)。<div> 标签可以把文档分割为独立的、不同的部分。
2、<div>常用 id 或 class 来标记,这样可以方便控制其样式。
十九、<span> 标签:
1、<span> 标签被用来组合文档中的行内元素。
2、说明:span 没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。
二十、注释标签:
1、说明:注释标签用来在源文档中插入注释。注释会被浏览器忽略。
篇二:《如何在DW中输入空格》
一、如何在DW中输入空格?
打开中文输入法,按Shift+Space切换到全角状态就可以了。
二、怎样为图片添加指定颜色的边框?
在图片的属性面板中,有一个"border"属性,在其中直接输入边框宽度。但面板上并没有提供颜色的选择,我们怎么设置边框颜色呢?只要在选择图片对象时,用鼠标拖动选择,而不是点击选中。象设定文字颜色一样进行就可以了。
三、如何添加图片及链接的提示信息?
图片提示信息的添加,只要选中图片对象后,在属性面板的“Alt”输入框里输入需要的提示内容就可以了。
链接提示的制作,因为DW中没有直接提供该功能,因此需要通过添加HTML代码来实现。
在<a href=“” >中添加“Title”属性。Title=提示内容即可。
四、水平线怎么设置颜色?
在DW中,当通过菜单“Insert”-“Horizonal Rule”插入水平线时,在属性面板中你会发现并没有提供关于水平线颜色的设置,我们只能直接更改源
文件。
<hr color="对应颜色的代码">
五、如何用水平线实现竖线?
只要把width设为1,size设为你需要的竖线长度即可。
六、如何利用水平线制作一条宽度为1的细线?
在水平线的属性面板上设高H为0或1,shading选不选都可以,在IE浏览器中都可以显示一条宽度为1的细线。因为shading在水平线高度小于2时不起作用。
七、设置可以关闭当前窗口的功能?
代码为:< a href=“/”onclick=“javascript:window.close(); return false;”>关闭窗口< /a>
八、如何更改浏览器中鼠标的形状?
在“样式定义”窗口的左边列表项中选择“Extensing”(扩展项),在“Cursor”(鼠标)中,下拉选择合适的形状即可,确定后返回。
九、如何去掉链接文字的下划线?
同样进入“Edit style sheet”窗口,单击“New”确立新样式,这里的Type(类型)中,选择“Redefine HTML Tag”,同时在具体的标记Tag中选中代表超级链接的“a”,单击OK。编辑该样式,左边列表中选“Type”,勾取“Decoration”(修饰)中的“None”复选框,这时所有网页中的链接文字下划线都被清除掉了。
十、怎样让鼠标在链接文字上方“悬停”时,产生变色,变形等效果? 进入“Edit style sheet”窗口,单击“New”确立新样式,在Type类型中选择最后一项“Use CSS selector”,“Selector”选单中选择“a:hover”,进入编辑样式窗口,设定“Type”项中的文字颜色,当然你还可以添加鼠标悬停时出现下划线的效果。
十一、如何在页面中实现多个链接效果?
看以下代码:
A {text-decoration: underline; color: #ffccff}
A:hover {text-decoration: none;color:#ffccff}
A.b{text-decoration: none; color: #ffffff}
A.b:hover {text-decoration: underline;color:#ffffff}
其中A部分是默认的,A.b 是我另外定义的,调用时,源代码为<a href=“链接”class="b"> 链接</a>。还可以再设A.c,A.d,A.e 实现多个链接。 十二、如何让网页的背景图像不跟随内容滚动?
进入“Edit style sheet”窗口,单击“New”确立新样式,在TYpe中选择
“Redefine HTML Tag”,同时Tag选单选中“Body”,在左边列表中选择“Background”。设“Attachment”(附件)为“fixed”。其中scroll代表默认使用的滚动显示。
十三、隐藏浏览器中状态栏的URL地址信息的方法?
只需在链接代码中作些手脚就可以实现了,如下:<a
href=""
onMouseOver="window.status='none';return true">温馨苑< /a>
十四、怎样制作规范的电子邮件链接?
输入“有问题MAIL ME”字样,鼠标拖拉选中,切换到属性面板,在LINK输入框中键入如下命令:Mailto:bjbenben@sohu.com?Subject=网友来信&bc=其他电子邮件地址&bcc=其他电子邮件地址。
十五、如何使文字和图片内容共处?
在DW中,图片对象往往是独占一行的,那么文字内容只能在与其平行的一行的位置上,怎样才可以让文字围绕着图片显示呢? 选中图片,在属性面板的右上方有一个“Align”的属性选单,选择“Left”,这时文字就均匀的排列在图片的右边了。
十六、用表格制作一