一个网页的组成有以下几个主要代码组成:
<!DOCUTYPE html>
<html>
<head>
</head>
<body>
这里是<p>显示内容</p>
</body>
</html>
我们在页面上看到的都是body标签下的子元素,而head里面则写了一些非常重要但不直接显示的标签。
css是为HTML中提供显示效果的,总结一下在HTML中引入CSS的三种方式。
在HTML中引入CSS的三种方式分别为:
(1)内联属性
(2)写在style标签里
(3)用link标签引用外部文件。
首先,内联属性的使用方法是对于想要设置样式的HTML元素,直接修改它的style属性,将CSS代码直接写在style属性里。
例如:
<h1 style = "font-size: 12px;">我的字号被修改了</h1>
第二种方式就是直接写在style标签里。
例如:
<style>
h1{
font-size: 12px;
}
</style>
一般要求写在head标签里。
第三中引入方式就是使用link标签引入外部CSS文件,引入方式为:
<link rel = "stylesheet" href = "styles.css" />
一般也写在head标签里,这也是最常用的引入方式。
分享到:
相关推荐
这个"html基础学习资料"压缩包提供了对于初学者来说非常宝贵的资源,可以帮助他们快速掌握HTML的基本概念和语法。 首先,`html.chm` 文件可能是一个帮助文档,通常包含详细的信息和例子,指导用户学习HTML的各种...
HTML 基础知识点汇总 HTML(Hypertext Markup Language,超文本标记语言)是网页设计的基础语言,它将影像、声音、图片、文字等连接显示出来。HTML 语言使用标记式的指令(Tag),将网页文件组织起来,并由浏览器...
html基础
html基础教程学习
HTML基础 教大家了解学习HTML的课件
HTML基础.xmind
HTML 基础知识的总结,适合初学者!
详细地整理html基础知识,贯穿整个html知识,系统地整理,一目了然。
学习html基础学习html基础学习html基础学习html基础学习html基础 学习html基础学习html基础学习html基础学习html基础学习html基础 学习html基础学习html基础学习html基础学习html基础学习html基础 学习html基础学习...
HTML基础学习HTML基础学习HTML基础学习HTML基础学习 HTML基础学习HTML基础学习HTML基础学习HTML基础学习 HTML基础学习HTML基础学习HTML基础学习HTML基础学习 HTML基础学习HTML基础学习HTML基础学习HTML基础学习 HTML...
《html网页设计参考手册》示例源代码 也是我的html基础家教课件的示例源代码 分2个压缩包 html基础学习例子.part1 html基础学习例子.part2
HTML 基础知识点 HTML 基础知识的学习是网站制作的基础。从学习 HTML 到制作网站,需要哪些工具?浏览器和记事本程序(或类似的简易文本编辑器)便是我们所需的全部工具。 浏览器的选择 在学习 HTML 之前,我们...
HTML基础学习示例代码HTML基础学习示例代码HTML基础学习示例代码 HTML基础学习示例代码HTML基础学习示例代码HTML基础学习示例代码 HTML基础学习示例代码HTML基础学习示例代码HTML基础学习示例代码 HTML基础学习示例...
这个压缩包中的"HTML基础教程"显然是为初学者设计的,旨在帮助他们掌握HTML的基本概念和语法,从而能够构建自己的网页。以下是对HTML基础知识的详细讲解: 一、HTML结构 HTML文档由一系列元素组成,每个元素都有...
掌握HTML基础知识是创建静态网页的第一步,随着技能的提升,你还可以学习CSS(Cascading Style Sheets)来控制网页的样式,以及JavaScript和服务器端技术来实现更复杂的交互功能。通过不断实践和学习,你可以成为一...
"html基础html基础html基础html基础html基础html基础html基础html基础"这个标题和描述多次重复了"html基础",强调了我们要探讨的核心内容——HTML的基本概念、结构以及常见元素。 在HTML中,我们通过使用各种标签来...
HTML 基础知识讲解 HTML 基础知识是网页开发的基础,了解 HTML 基础知识是学习网页开发的必备条件。本文将详细讲解 HTML 基础知识,包括 HTML 标题、HTML 段落、HTML 链接和 HTML 图像等。 HTML 标题 -------- ...
HTML基础学习中......HTML基础学习中...... HTML基础学习中......HTML基础学习中...... HTML基础学习中......HTML基础学习中...... HTML基础学习中......HTML基础学习中...... HTML基础学习中......HTML基础学习中.....