文字的样式在网页设计中可以用两种方式去表示,一种是文字的HTML标签样式,另一种就是用css样式表进行设计。今天特别来讲讲的是第一种HTML标签样式,很多人就会产生疑问了,我们不是在学css+div设计基础吗?怎么又要学习这些不相关的样式呢?其实不然,HTML标签样式,在网页设计中的重要性是不可忽略的,特别是文章的标题,一定要用到的,这样是因为对搜索引擎是友好的。
工具/原料
Dreamweaver cs5
方法/步骤
1
首先,还是打开Dreamweaver cs5软件。创建一个HTML文件。如图。
3标签是个双标签,在应用的时候有起始标签
标签是个双标签,在应用的时候有起始标签,也要有结束标签
,然后把要显示样式的效果的文字写在这两个标签之间即可。我们在做下这个h标签的六种样式的对比。如图。第一行文字就是没有应用标签样式的,效果对比起来就是不一样。
4
h标签毕竟是HTML标签,所以在h标签内是可以再加样式的。例如,我想让h1标签的字体变得小一点,可以这样设置,如图。
5
好了,这一节也就到此结束了。
注意事项
h标签在做叠加样式的时候一定要将另外写的css样式写在h标签内,因为样式的应用是最求就近原则的,这一点要切记!