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

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

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

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

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

3. 在<body>和</body>标签之间的内容是网页的主要内容,如<h1>、<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>

<h1>我是标题</h1>

<p>我是段落</p>

<!-- 这是图片 -->
<img src="" alt="图片">

<!-- 这是链接 -->
<a href="www.XXXXXX.com">查看链接</a>

</body>
</html>

这段html的代码在浏览器页面的内容会如附件图片所示。

交互学习体验可参考:http://www.mayacoder.com/lesson/unit?id=1

<script type="text/javascript">// <![CDATA[ 、 <style>、<link>、 <meta>等标签。 3. 在<body>和</body>标签之间的内容是网页的主要内容,如<h1>、<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> <h1>我是标题</h1> <p>我是段落</p> <!-- 这是图片 --> <img src="" alt="图片"> <!-- 这是链接 --> <a href="www.XXXXXX.com">查看链接</a> </body> </html> 这段html的代码在浏览器页面的内容会如下所示: // ]]></script>

你可能感兴趣的:(html,标签)