HTML&CSS

最新推荐文章于 2022-09-26 22:22:35 发布

Quella_ly

最新推荐文章于 2022-09-26 22:22:35 发布

阅读量97

点赞数

文章标签：大数据 html css

本文链接：https://blog.csdn.net/Quella_ly/article/details/125511817

版权

本文介绍了HTML的基础知识，包括HTML的用途、W3C标准、结构标签、基础标签的使用，如标题、字体、图片、音频、视频、超链接等。接着，文章转向CSS，概述了CSS的作用，并探讨了CSS的导入方式、选择器和属性，展示了如何通过CSS来控制网页表现。

摘要由CSDN通过智能技术生成

HTML 是一门语言，所有的网页都是用HTML 这门语言编写出来的，也就是HTML是用来写网页的，像京东，12306等网站有很多网页。

这些都是网页展示出来的效果。而HTML也有专业的解释

==HTML(HyperText Markup Language)：超文本标记语言：==

超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容

我们除了能看到一些文字，同时也有大量的图片展示；有些网页也有视频，音频等。这种展示效果超越了文本展示的限制。
标记语言：由标签构成的语言

之前学习的XML就是标记语言，由一个一个的标签组成，HTML 也是由标签组成。

我们是通过Java程序从数据库中查询出来数据，然后交给页面进行展示，这样用户就能通过在浏览器通过页面看到数据。

==W3C标准：==

W3C是万维网联盟，这个组成是用来定义标准的。他们规定了一个网页是由三部分组成，分别是：

HTML定义页面的整体结构；CSS是用来美化页面，让页面看起来更加美观；JavaScript可以使网页动起来，比如轮播图也就是多张图片自动的进行切换等效果。

需求：编写如下图效果的页面

要实现这个页面，我们需要从以下三步进行实现

代码如下：

<html>
   <head>
       <title>html 快速入门</title>
    </head>
    <body>
        乾坤未定，你我皆是黑马~
    </body>
</html>

font 标签就可以使用，该标签有一个 color 属性可以设置字体颜色，如： <font color='red'></font> 就是将文字设置成了红颜色。那么我们只需要将需要变成红色的文字放在标签体部分就可以了，如下：

<html>
   <head>
       <title>html 快速入门</title>
    </head>
    <body>
        <font color='red'>乾坤未定，你我皆是黑马~</font>
    </body>
</html>

==总结：==

基础标签就是一些和文字相关的标签，如下：

接下来我们挨个进行讲解

1.3.1 标题标签

创建模块

在 Idea 中创建模块，而我们现在不需要写java代码，所以 src 目录就可以删除掉。在模块下创建一个html文件夹，该我们今天的所以的页面文件所部放在该文件夹下。模块目录如下
创建页面文件

选中 html 文件夹右键创建页面文件（01-基础标签.html）

创建好后 idea 会自动加上结构标签，如下

我们只需要在 body 标签中书写标签。
书写标题标签

标题标签中 h1最大，h6最小。
```
h1>我是标题 h1</h1>
<h2>我是标题 h2</h2
```