dw怎么写html

1. dreamweaver 中怎样创建HTML样式

疯了,样式就是css,是一个区别与html的技术。

简单来说:html只是描述结构用的,而css则是描述这个结构的外观表现,html的某些标记如<b>;有自己默认的css样式,但不是主流。

Xhtml编写网页的时候,把内容和表现都是柔和在一起的。

这里先说明一个问题,什么是内容,什么又是表现

如:

<font size=”7” color=”FF0000”>;这里是内容哟</font>

<Font>;…</font>;标记之间的部分就是具体内容

而 size=”7” color=”FF0000” 指出了这段内容的表现,即:7号字、红色

这么做有什么问题呢?

下来我们来看看这段代码(01.html),直接在dw做,视图切换:

<html>

<head>

<title>;页面标题</title>

</head>

<body>

<h2><font color=”red” face=”黑体”>;标记1</font></h2>

<p>;标记1的正文内容</p>

<h2><font color=”red” face=”黑体”>;标记2</font></h2>

<p>;标记2的正文内容</p>

<h2><font color=”red” face=”黑体”>;标记3</font></h2>

<p>;标记3的正文内容</p>

<h2><font color=”red” face=”黑体”>;标记4</font></h2>

<p>;标记4的正文内容</p>

</body>

</html>

问题:

A、如果要把标题名称为蓝色,怎么办? (修改复杂)

B、除此之外这段代码还有什么问题?(代码重复)

我们再来看看02.html,看看它是怎么解决这个问题的

<html>

<head>

<title>;页面标题</title>

<style>

h2{

font-family:黑体;

color:#FF0000

}

</style>

</head>

<body>

<h2>;标记1</h2>

<p>;标记1的正文内容</p>

<h2>;标记2</h2>

<p>;标记2的正文内容</p>

<h2>;标记3</h2>

<p>;标记3的正文内容</p>

<h2>;标记4</h2>

<p>;标记4的正文内容</p>

</body>

</html>

观察:

多了个<style>..</style>;标记,去掉了所有的<font>..</font>;标记

这时要把 h2标题的文字红色变为蓝色 只需要改正 color:#FF0000

为color:#0000FF 很方便 也没有重复的代码

为什么这么神奇?是因为我们把网页的具体内容和它的表现分离了。

如02.html中 h2仅仅放置内容,而这个内容显示成什么样子就交给

<style>;…</style>;标记中部分处理。

这种技术其实就是css

2. dw怎么把html和css链接起来

1、在软件中先建立一个站点并在站点中新建一个CSS文件夹和一个html文件。

(可以点击下方引用经验查看如何创建一个站点)2、在右上角点击【CSS设计器】,并在下方点击【+号】,然后选择【创建新的CSS文件】。3、在创建窗口中,点击【浏览】按钮。

4、然后选择站点中已经创建好的名字是CSS的文件夹,然后输入想创建的CSS的名字(要用英文哦),点击【保存】。5、然后把添加为设置成【链接】,点击【确定】按钮。

6、添加完成后就可以在右侧的站点中的CSS文件夹下看到刚创建好的CSS样式表文件了。7、在左侧的【head】标签中,就多了一行链接到CSS文件的代码。

在顶部tab标签中也可以看到链 接的样式表。8、接下来写一个简单的网页来看下CSS样式表是否链 接成功。

打开html网页编辑页面,在【body】标签中输入一个div。如下图:9、然后在顶部tab标签中选择刚才创建的CSS样式表,并在样式表中写一个样式,命名为【aaa】,并保存样式表【快捷键Ctrl+S】。

10、然后回到html编辑页面,在div标签中引入class,输入刚才写的样式的名称【aaa】并保存网页【快捷键Ctrl+S】。11、点击顶部的设计按钮,就可以看到实时效果。

12、也可以按快捷键F12,直接用浏览器打开,可以看到真实的效果。证明我们的CSS链接到html中是没有问题。

dw怎么写html

转载请注明出处育才学习网 » dw怎么写html

知识

央字的繁体怎么写

阅读(191)

本文主要为您介绍央字的繁体怎么写,内容包括央的繁体字怎么写,杨字繁体字怎么写,杨字的繁体字怎么写。

知识

征字行楷怎么写

阅读(493)

本文主要为您介绍征字行楷怎么写,内容包括征字,用行书怎么写,征字,用行书怎么写,征字用草书怎么写。徵徵 拼音:zhēng zhǐ 简体字:征部首:彳,部外笔画:12,总笔画:15基本字义● 徵zhǐ ㄓˇ◎ 古代五音之一,相当于简谱“

知识

诊所可行性报告怎么写

阅读(229)

本文主要为您介绍诊所可行性报告怎么写,内容包括设置个体诊所的可行性报告怎么写啊,请帮帮忙,关于申请诊所的可行性报告和申请书怎么写,要开诊所怎样写医疗机构可行性研究报告。个体诊所(包括个体护理站)设置申请应具备的条件申请人条件由执

知识

人防申请怎么写

阅读(206)

本文主要为您介绍人防申请怎么写,内容包括申请修建人防地下室的报告怎么写,申请修建人防地下室的报告怎么写,怎样写人防工程立项申请有无范本需写什么内容。XXX建设单位关于XXX工程人防易地建设的申请报告(模板)xxx人民防空办公室:我单位经批

知识

自的行书怎么写

阅读(190)

本文主要为您介绍自的行书怎么写,内容包括自的行书怎么写,自的行书怎么写,“是”的行书怎么写,笔顺是怎样的。行书用笔,一般以只用毫之全锋的三分之一为度,按笔也不宜超过二分之一。这样,行笔时即按得下,又提得起。行书行笔速度,不可一概而论,应

知识

excel中怎么写代码

阅读(240)

本文主要为您介绍excel中怎么写代码,内容包括excel可以编写代码吗,怎么在EXCEL中使用代码,怎样在excel中运行代码。excel具有运行代码功能,具体操作如下:使用工具:excel2010二、操作步骤:进入excel2010并打开文档,在”开发工具“选项

知识

界的笔画顺序怎么写的

阅读(223)

本文主要为您介绍界的笔画顺序怎么写的,内容包括世界的界笔顺怎么写,界笔画顺序怎么写,界的笔画顺序怎么写。世界的界字的笔顺:竖、横折、横、竖、横、撇、捺、撇、竖。基本信息:界拼音:jiè部首:田,四角码:60228,仓颉:woll86五笔:l

知识

excel控件控件代码怎么写

阅读(266)

本文主要为您介绍excel控件控件代码怎么写,内容包括excel按钮控件怎么写代码,EXCEL的控件命令按扭怎么用,代码如何写啊,excel按钮控件怎么写代码。通过VBA,添加组合框控件,然后通过事件更新,完全可以做到不过LZ为什么不换个思路啊,为什么一定要

知识

洗碗碟的英语怎么写

阅读(335)

本文主要为您介绍洗碗碟的英语怎么写,内容包括洗碗碟的英文是,洗碗碟的英语怎么写,洗碗碟的英语怎么写。do the dishes=wash the dishes洗碗碟;洗餐具;洗碗;洗盘子例句:1. I would rather do t

知识

0着个字母怎么写

阅读(240)

本文主要为您介绍0着个字母怎么写,内容包括希腊字母0怎么写,罗马数字0怎么写,罗马数字0怎么写。1 Α α alpha a:lf 阿尔法 2 Β β beta bet 贝塔 3 Γ γ gamma ga:m 伽马 4 Δ δ del

知识

十二生肖英语怎么写

阅读(203)

本文主要为您介绍十二生肖英语怎么写,内容包括十二生肖用英语怎么说呀,十二生肖的英文分别怎么写,十二生肖用英语怎么说呀。十二生肖 Chinese Zodiac 鼠 Rat 牛 Ox 虎 Tiger 兔 Rabbit 龙 Dragon 蛇 Sn

知识

镜子单词怎么写

阅读(210)

本文主要为您介绍镜子单词怎么写,内容包括镜子的英语单词怎么写,镜子的英语单词怎么写,镜子的英语怎么写。[词典] mirror mirror 英[ˈmɪrə(r)] 美[ˈmɪrɚ] n. 镜抄子,反光镜; 真实的写照; 反映,袭借鉴; 榜

知识

英语会议记录怎么写

阅读(275)

本文主要为您介绍英语会议记录怎么写,内容包括英语的会议记录要怎么写,英文的会议记录怎么写,会议记录用英语怎么说。会议记录minutes of the meeting;Proc更多释义>>[网络短语]会议记录 meeting minutes;Minu

知识

漠的繁体字怎么写的

阅读(171)

本文主要为您介绍漠的繁体字怎么写的,内容包括漠的繁体字怎么写的,漠的繁体字怎么写,漠的繁体字怎么写的。莫的繁体字:(本身)

知识

html怎么写java代码

阅读(236)

本文主要为您介绍html怎么写java代码,内容包括如何在HTML页面中写java代码,怎么样在html上写java代码,如何在html中编写java代码。Java要运行html代码,需要运行在服务器端,也就是servlet容器中,经过容器编译解析,返回html静态内容,示例如下:在ser

知识

html页面跳转代码怎么写

阅读(172)

本文主要为您介绍html页面跳转代码怎么写,内容包括如何用html代码实现页面跳转,网页内部跳转代码怎么写,求html页面跳转代码。代码如下:<html><head><title> page A </title><script type="text/javascrip

知识

html上下滚动代码怎么写

阅读(185)

本文主要为您介绍html上下滚动代码怎么写,内容包括html中上下滚动的文字代码,举例,html中上下滚动的文字代码,举例,上下滚动代码怎么写啊。在要实现滚动的地方,加入此代码: <marquee direction=up&gt;要输入的文字</marquee> UP是向上, DO

知识

怎么写html邮件

阅读(168)

本文主要为您介绍怎么写html邮件,内容包括邮件的html怎么写,如何撰写HTML格式邮件,怎么写邮件,对方看到的可以是HTML格式的。发送html格式的邮件void jButton8_actionPerformed(ActionEvent e) { try {//此

知识

html左右滚动代码怎么写

阅读(162)

本文主要为您介绍html左右滚动代码怎么写,内容包括HTML中,滚动代码是什么怎么设置,html里面的滚动条代码怎么写啊,html中上下滚动的文字代码,举例。CSS样式:有点丑,凑活着看吧:#bar {position:relative; width:20px; height:380px; f

知识

记事本怎么写html

阅读(243)

本文主要为您介绍记事本怎么写html,内容包括如何用记事本编写HTML语言,怎样用html编写一个记事本,用记事本创建html文档的步骤。Hypertext Markup Language, 中文也就是超文本链接标示语言。HTML(HyperTextMark-upLangu

知识

html怎么写按钮

阅读(195)

本文主要为您介绍html怎么写按钮,内容包括怎么用html代码写按钮改变项目属性,HTML中怎么写能可以点一个按钮然后跳转另一个页面,用html如何设置按钮。<head><meta http-equiv="Content-Type" content="text/html; charset=gb

知识

html调用html代码怎么写

阅读(203)

本文主要为您介绍html调用html代码怎么写,内容包括html调用html怎么调用,怎么在html中写html代码,HTML代码怎么写。JS在页面中插入HTML代码,在js的方法中写入html代码,用innerHTML函数,最后在html代码需要调用的时候,调用该方法即可

[/e:loop]