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