html中的head标签,html中如何设置字体?

html可以使用“color”属性设置字体颜色。

1、新建html文档,在body标签中添加p标签,然后在p标签中添加一些文字:

2、在head标签中添加style标签,style标签的作用是为元素添加样式,然后在style标签中添加“p{ } ”,p指的是为所有p标签设置样式,大括号内填写样式内容:

3、在大括号内添加“color”属性,属性值为文本颜色,这时字体就被添加上了颜色:

< !DOCTYPE html>

< html>

< head>

< meta charset=’utf-8′>

< title> 网页标题< /title>

< style>

< /style>

< /head>

< body>

< /body>

< /html>

说明:HTML文档首先要声明一个文档类型,也就是上面例子第一行,定义了XHTML1.1文档类型(文档类型是为了说明这个页面使用了何种HTML规则,或者结构。< html> 和< /html> 是HTML文档的开始与结束,也是HTML文档的根元素。除了文档类型外的所有页面内容,都包括在html元素。HTML文件中主要分为头信息head与内容信息body。文档head信息:头信息head可以容纳文档的HTML相关信息,比如标题title,页面的语言与文字类型,css样式,javascript代码,简短描述,关键词等内容,是用户无法直接看到的。文档body信息:内容信息body包括用户可以看到的全部内容,比如段落,链接,表格等。编写代码时一定要有层次感,head标签和body标签都是在html标签中的,所以我向后挫了一个tab键的距离,而HTML头信息又比head标签后挫了一个tab键的距离上面就是html最基本的架构。

1、首先打开Dreamweaver CC2018软件新建一个HTML文件,在右上角点击css设计器,并在下方点击加号,然后选择创建新的CSS文件:

2、在创建窗口中,点击浏览按钮。

3、然后选择站点创建好CSS文件夹,然后输入创建的CSS的名字,点击保存插件文件:

4、然后把添加为设置成链接,点击确定按钮:

5、添加完成后就可以在右侧的站点中的CSS文件夹下看到刚创建好的CSS样式表文件了:

6、此时在html文件中的head标签中,就多了一行链接到CSS文件的代码。在顶部tab标签中也可以看到链接的样式表:

7、接下来在html网页编辑页面,在body标签中输入一个div:

8、然后在顶部tab标签中选择刚才创建的CSS样式表,并在样式表中写一个样式,命名为aaa,并按下快捷键Ctrl+S保存样式表:

9、最后回到html编辑页面,在div标签中引入class,输入刚才写的样式的名称aaa并保存网页:

10、最后点击顶部的设计按钮,就可以看到实时效果了,此时css文件就成功链接进去了: