认识html文件基本结构
2016-11-28 23:09
232 查看
一个HTML文件是有自己固定的结构的。
<html>
<head>...</head>
<body>...</body>
</html>
代码讲解:
1. <html></html>称为根标签,所有的网页标签都在<html></html>中。
2. <head> 标签用于定义文档的头部,它是所有头部元素的容器。头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签,头部标签在下一小节中会有详细介绍。
3. 在<body>和</body>标签之间的内容是网页的主要内容,如<h1>、<p>、<a>、<img>等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。
<head>标签
下面我们来了解一下
下面这些标签可用在 head
部分:
例如:
在浏览器中的显示效果:
<html>
<head>...</head>
<body>...</body>
</html>
代码讲解:
1. <html></html>称为根标签,所有的网页标签都在<html></html>中。
2. <head> 标签用于定义文档的头部,它是所有头部元素的容器。头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签,头部标签在下一小节中会有详细介绍。
3. 在<body>和</body>标签之间的内容是网页的主要内容,如<h1>、<p>、<a>、<img>等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。
<head>标签
下面我们来了解一下
<head>标签的作用。文档的头部描述了文档的各种属性和信息,包括文档的标题等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
下面这些标签可用在 head
部分:
<head>
<title>...</title>
<meta>
<link>
<style>...</style>
<script>...</script>
</head>
<title>标签:在<title>和</title>标签之间的文字内容是网页的标题信息,它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么,搜索引擎可以通过网页标题,迅速的判断出网页的主题。每个网页的内容都是不同的,每个网页都应该有一个独一无二的title。
例如:
<head>
<title>hello world</title>
</head>
<title>标签的内容“hello world”会在浏览器中的标题栏上显示出来,如下图所示:
<body>标签,网页上显示的内容放在这里
在网页上要展示出来的页面内容一定要放在body标签中。如下图是一个新闻文章的网页。在浏览器中的显示效果:
相关文章推荐
- 认识html文件基本结构
- 认识html文件基本结构
- 前端学习第二章:认识html文件基本结构&认识head标签
- 认识html文件基本结构
- 认识html文件基本结构
- 认识html文件基本结构
- html和CSS学习笔记(2):标签和html文件基本结构
- 2讲 html运行原理② html文件基本结构 html元素和属性
- html文件基本结构
- DW-HTML文件基本结构和基本标签
- HTML标签语法与文件的基本结构
- HTML学习---------1.4认识html文件的基本结构
- 【HTML笔记】HTML5文件基本结构
- 韩顺平_php从入门到精通_视频教程_第2讲_html运行原理②_html文件基本结构_html元素和属性_学习笔记_源代码图解_PPT文档整理
- Html文件基本结构
- html文件基本结构
- HTML基本组成结构与标签的认识
- 1-5html文件基本结构
- 1-5html文件基本结构
- 1、HTML文件基本结构