欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-04-18 15:23:56
...

一个简单网页中有哪些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

  • HTML&CSS基础学习笔记1.1-简单网页中有哪些标签?
            
    
    博客分类: HTML html标签 
  • 大小: 33.8 KB
相关标签: html 标签