html中的head标签，html中如何设置字体？_html标签

当前位置：网站建设 > 技术支持

资料来源：网络整理时间：2023/3/4 1:23:41 共计：3602 浏览

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

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

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

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

<!DOCTYPE html>

<html>

<head>

<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文件就成功链接进去了：

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。