1.HTML基本结构、头部、注释
基本结构
1.HTML基本结构
<html>
<head>
<meta charset="utf-8">
<title>这是我的第一个我网页</title>
</head>
<body>
这是我的第一个网页
</body>
</html>
我们将代码复制到了txt当中,如果出现乱码现象
然后我们将文件另存为utf-8格式的文件,在打开就没有问题了
head:这是一对头部信息,主要是显示描述信息,但是在网页中不会显示
body: 主体部分,真正在网页中显示的内容
<head> 元素包含了所有的头部标签元素。
在 <head>元素中你可以插入
脚本(scripts)
样式文件(CSS)
及各种meta信息。
可以添加在头部区域的元素标签为:
<title>,<style>, <meta>, <link>, <script>, <noscript>, and <base>.
2、HTML <title> 元素
<title> 标签定义了不同文档的标题。
<title> 在 HTML/XHTML 文档中是必须的。
<title> 元素:
定义了浏览器工具栏的标题
当网页添加到收藏夹时,显示在收藏夹中的标题
显示在搜索引擎结果页面的标题
3、HTML <link> 元素
<link> 标签定义了文档与外部资源之间的关系。
<link> 标签通常用于链接到样式表:
例子:<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
4.HTML <style> 元素
<style> 标签定义了HTML文档的样式文件引用地址.
在<style> 元素中你需要指定样式文件来渲染HTML文档:
例子: <head>
<style type="text/css">
body { BACKGROUND: white; mso-pagination: widow-orphan" align=left> p {color:blue}
</style>
</head>
5.<meta> 标签使用实例
meta 标签描述了一些基本的元数据。
<meta> 标签提供了元数据.元数据也不显示在页面上,但会被浏览器解析。
META元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。
元数据可以使用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他Web服务。
<meta>一般放置于 <head>区域
例子:
设置字符集
<meta charset="utf-8">
为搜索引擎定义关键词:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
为网页定义描述内容:
<meta name="description" content="Free Web tutorials on HTML and CSS">
定义网页作者:
<meta name="author" content="Hege Refsnes">
每30秒中刷新当前页面:
<meta http-equiv="refresh" content="30">
6.注释
注释:<!--注释内容-->
!:表示声明、注意