HTML/CSS快速入门

最新推荐文章于 2023-05-21 20:33:19 发布

keqiwww

最新推荐文章于 2023-05-21 20:33:19 发布

阅读量700

点赞数

分类专栏： Javaweb 文章标签： html

本文链接：https://blog.csdn.net/keqiwww/article/details/72589797

版权

Javaweb 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

HTML/CSS快速入门

HTML/CSS入门还是很简单的，本文旨在建立一个HTML/CSS的基本框架。了解了这个基本框架就对HTML/CSS的基本知识结构有了一个整体认识，就可以使用它们愉快的做网页了，在日后的学习中不断为这个框架添砖加瓦，最终达到精通的目的。不论学习什么不都应该是这样么?

1. HTML基本框架：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
    </head>
    <body>
        网页的所有内容都是直接写在body元素内
    </body>
</html>

上述就是HTML的基本框架，只有body部分的内容会展示在网页中，head部分的内容由浏览器进行解析，但不会显示在网页中。

2. 如何把握HTML/CSS的基本结构，达到快速入门呢？

首先我们要知道一个网页是由HTML通过众多的元素定义内容，再通过CSS渲染出炫丽的样式而来的。自然HTML的众多元素就是首先要学习的了。

2.1 首先学习 head 元素内的5个常用元素

1.  <meta charset="utf-8"/>  <meta/>元素通常用来填写一些网页的描述信息，如charset 字符集，作者信息name="author" ，此处指明采用utf-8编码   

2.<link rel="stylesheet" href="mystyle.css"/>  <link/>元素通常用来链接外部资源，rel 属性展示与外部资源的关系，href 属性直指外部资源所在地址，此处指明链接的是名为mystyle 的CSS文件 

3.<title>这里写网页的标题</title>  <title></title>元素展示网页的标题，用于搜索引擎做索引。  

4.<style>body{ color:red;}</style> <style></style>元素作为内部样式表，用于渲染本网页的HTML元素的样式。此处是将body 元素内所有字体颜色改为红色。

5.<script></script>  该元素用来加载脚本文件如JavaScript