基本结构

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.注释

       注释:<!--注释内容-->

        !:表示声明、注意

 

最新文章

  1. mybatisGenerator 代码自动生成报错 Result Maps collection already contains value for BaseResultMap--转
  2. lecture12-玻尔兹曼机和受限玻尔兹曼机
  3. 【转】Python 中map、reduce、filter函数
  4. linux命令行解析函数介绍
  5. PHP开发环境和软件
  6. FZU 2125 简单的等式
  7. Java中url传递中文参数取值乱码的解决方法
  8. iOS 开发者必知的 75 个工具
  9. xss 跨站脚本攻击
  10. Java 在本地文件中查找固定字符串
  11. Hive 执行计划
  12. java学习初体验之课后习题
  13. JavaScript忍者秘籍——函数(上)
  14. 运行第一个Docker容器
  15. jquery 前端 跨域 jsonp
  16. 紧急通知:Onion勒索病毒正在大范围传播!已有大量学生中招!(转)
  17. Postfix 邮件服务 - PostfixAdmin
  18. HDU1272小希的迷宫–并查集
  19. Excel核心技巧【干货】
  20. Office 手动kms激活方法

热门文章

  1. idea如何在git上将分支代码合并到主干
  2. matplotlib subplot 多图合一
  3. list.jsp页面
  4. 银行业评分卡制作——IV、WOE
  5. uniapp实现钉钉扫码登录
  6. Linux内核配置-ARP系列
  7. [BUUCTF]PWN——wustctf2020_closed
  8. 数据类型Table.TransformColumnTypes(Power Query 之 M 语言)
  9. JAVA调用WebService接口(以调用第三方天气接口为例)
  10. SpringCloud使用GateWay网关前端请求请求跨域处理