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

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

            !:表示声明、注意

     

  • 相关阅读:
    React实现双数据绑定
    浏览器兼容
    关于postman
    前端常用插件、工具类库
    媒体查询总结
    Vue开发中可能会使用到的所有插件
    Vue+iView通过a标签导出文件
    类的内置方法
    单元测试
    面向对象的三大特性
  • 原文地址:https://www.cnblogs.com/pangbing/p/7158024.html
Copyright © 2020-2023  润新知