多语言展示
当前在线:1968今日阅读:168今日分享:49

css+div设计基础:[3]文字HTML标签样式

文字的样式在网页设计中可以用两种方式去表示,一种是文字的HTML标签样式,另一种就是用css样式表进行设计。今天特别来讲讲的是第一种HTML标签样式,很多人就会产生疑问了,我们不是在学css+div设计基础吗?怎么又要学习这些不相关的样式呢?其实不然,HTML标签样式,在网页设计中的重要性是不可忽略的,特别是文章的标题,一定要用到的,这样是因为对搜索引擎是友好的。
工具/原料

Dreamweaver cs5

方法/步骤
1

首先,还是打开Dreamweaver cs5软件。创建一个HTML文件。如图。

3

标签是个双标签,在应用的时候有起始标签

,也要有结束标签

,然后把要显示样式的效果的文字写在这两个标签之间即可。我们在做下这个h标签的六种样式的对比。如图。第一行文字就是没有应用标签样式的,效果对比起来就是不一样。

4

h标签毕竟是HTML标签,所以在h标签内是可以再加样式的。例如,我想让h1标签的字体变得小一点,可以这样设置,如图。

5

好了,这一节也就到此结束了。

注意事项

h标签在做叠加样式的时候一定要将另外写的css样式写在h标签内,因为样式的应用是最求就近原则的,这一点要切记!

推荐信息