您的位置:首页 > Web前端 > CSS

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

2016-07-28 10:12 891 查看

一个简单网页中有哪些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/index
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  浏览器 网页 标签