dreamweaver中这段代码是什么意思?

dreamweaver中这段代码是什么意思?,第1张

首先这段代码CSS样式代码,从你发的代码可以看到这段代码已经被屏蔽掉了,而且这段代码前后应该有<style></style>标签才对,

body {

background-image: url(022jpg);

}

上面的代码是对页面加了一个背景022jpg;

aa {

font-size: 24px;

font-weight: bold;

font-family: "宋体";

color: red;

}

这个aa的文字样式内容是,字体是宋体,加粗,24号字,文字的颜色是红色

bb {font-size: 16px; font-weight: bold; color: blue; }

同样bb样式就是字号为16号,加粗,蓝色

我用DW也有几年了,真不知道你说的这些代码是什么?不是快捷键吧?

难道是Html代码?下面是我教学时用的。不知道你说的是不是这个。

一、<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="xxxcss" 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="http://wwwbaiducom" 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/bg1gif" 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>标签属性:

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、说明:注释标签用来在源文档中插入注释。注释会被浏览器忽略。

2、格式:<!--这里面写注释内容-->

二十一、<map> 、<area>标签:

1、<map> 标签定义一个图像映射。图像映射指带有可点击区域的一幅图像。

2、<area> 标签定义图像映射中的某个区域。此元素永远被嵌套在 <map> 标签内部。

二十二、<fieldset>、<legend>、<label>标签

1、<fieldset> 标签可将表单内的相关元素分组。它将表单内容的一部分打包,生成一组相关表单的字段。

2、<legend> 标签可为 fieldset 定义一个标题。

3、<label>标签用来定义一个关联标记,将信息附属在表单控件上。

如:

<fieldset>

<legend>用户登录</legend>

<form>

<label for="UserName">用户名: </label><input id="UserName" name="UserName" type="text" />

<label for="Password">密 码: </label><input id="Password" name="Password" type="password" />

</form>

</fieldset>

二十三、<!DOCTYPE>定义文档类型:

<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。此标签告知浏览器文档使用哪种 HTML 或 XHTML 规范。

二十四、<iframe> 标签:

iframe 元素会创建一个包含另外一个文档的内联框架。

二十五、<pre> 标签:

<pre>元素可定义预格式化的文本。被包围在<pre>元素中的文本通常会保留空格和换行符。

二十六、<tbody>、<thead>、<tfoot>

使用这些标签,可以将表格分为一个单独的部分,将表格中的一行或几行合成一组。加快网页的下载速度。

首先你要进入Dreamweaver的代码模式,然后具体方法如下:

第一步:比如这里要折叠body标签里的所有代码,那我们就用鼠标选中body标签的开始部分

第二步:然后点击左边这里的折叠整个标签就可以选中body标签下的所有内容了

你也可以看我下面给你做的截图,我这个是Dreamweaver CS5下的,其他版本的Dreamweaver类似,希望可以帮到你。

上面的回答真恐怖,简直就是写论文了。不知道是那里复制来了。从这点上还是很有价值的。

代码中的颜色如ffffff,这是表示白色,000000表示黑色

这个颜色是rgb格式的16进制表示法。

ff ff ff 分别代表红绿蓝三色。

如果代码为0000ff 那么该颜色为蓝色

如果代码为ff0000那么该颜色为红色。

那么如果代码为00ff00呢?绿色,完全正确。

三种颜色的深浅不一可以搭配出千红万紫的色彩,好好学习吧。呵呵。

欢迎分享,转载请注明来源:表白网

原文地址:https://h5.hunlipic.com/biaobai/4051300.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2024-04-12
下一篇2024-04-12

发表评论

登录后才能评论

评论列表(0条)

    保存