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>
【dw怎么写html】<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】 。