HTML&CSS基础学习笔记1-简单网页中有哪些标签?

一个简单网页中有哪些HTML标签?

平时我们看到的网页,都是由HTML的标签来组成的。HTML标签非常多,我们先来认识一部分。

1. <html></html>称为根标签,所有的网页标签都在<html></html>中。

2. <head> 标签用于定义文档的头部,它是所有头部元素的容器。头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签。

3. 在<body>和</body>标签之间的内容是网页的主要内容,如<h2>、<p>、<a>、<img>等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。

举例:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" type="text/css" href="index.css">
  <title>一个简单的网页</title>
  <style type="text/css" rel="stylesheet">
  img {
    width: 100px;
    height: 100px;
  }
  </style>
</head>
<body>
<h2>我是标题</h2>
<p>我是段落</p>
<!-- 这是图片 -->
<img src="" alt="图片">
<!-- 这是链接 -->
<a href="www.XXXXXX.com">查看链接</a>
</body>
</html>

这段html的代码在浏览器页面的内容会如下所示:

HTML&CSS基础学习笔记1-简单网页中有哪些标签?

更多内容学习,就在码芽网http://www.mayacoder.com/lesson/index