一个网页的组成有以下几个主要代码组成:
<!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基础html基础html基础html基础"这个标题和描述多次重复了"html基础",强调了我们要探讨的核心内容——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(HyperText Markup Language,超文本标记语言)是一种用于创建网页的标记语言。它使用标签对的方法编写文件,既简单又方便。以下是 HTML 基础代码的知识点: 1. HTML 基本标签 - `<html></...
这个"HTML基础教程"针对初学者,旨在提供一个全面且深入的学习路径,帮助他们掌握HTML的基本概念和语法。 HTML由一系列元素组成,每个元素都有其特定的含义和功能。这些元素通过标签来表示,如`<html>`、`<head>`和...
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和服务器端技术来实现更复杂的交互功能。通过不断实践和学习,你可以成为一...