小白零基础入门HTML5第一天

佳佳猪
27 阅读2分钟

从零出发学习HTML5

一.文档声明简述

  1. 为了保证编写好的HTML的代码能够在任何的浏览器上面能够成功的展示，这里需要文档声明一下。
  2. DOCTYPE是 document type (文档类型)的缩写。!DOCTYPE html是H5的声明位于文档的最前面，他是网页必备的组成部分，避免浏览器的怪异模式。
    image.png

二.HTML5的基本骨架

1.html标签：定义 HTML 文档，这个元素我们浏览器看到后就明白这是个HTML文档了所以你的其它元素要包裹在它里面，标签限定了文档的开始点和结束点。

<!DOCTYPE html>
<html>
        
</html>

上述是简单的html的标签，这也是编写html代码不可缺少的一部分
2.head标签：head标签用于定义文档的头部。文档的头部描述了文档的各种属性和信息，包括文档的标题、在Web中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

<!DOCTYPE html>
<html>
    <head>
            
    </head>
</html>

上述是简单的head的标签，这也是编写html代码不可缺少的一部分
3.body标签:body 元素定义文档的主体。body 元素包含文档的所有内容 (比如文本、超链接、图像、表格和列表等等。)它会直接在页面中显示出来，也就是用户可以直观看到的内容

<!DOCTYPE htm1>
<html>
    <head>
    
    </head>
    <body>
        我会显示在浏览器中
    </body>
</htm1>

在这里我们需要明白的是body和head是同级的关系，所以在这里的话，我们可以适当控制空格符号来体现这种关系
4.title标签:可定义文档的标题,它显示在浏览器窗口的标题栏或状态栏上,title标签是head标签中唯一必须要求包含的东西，就是说写head一定要写title,title标签的增加有利于SEO优化(SEO是搜索引擎优化的英文缩写。通过对网站内容调整，满足搜索引擎的排名需求)

<!DOCTYPE html>
<html>
    <head>
        <title>第一个页面</title>
    </head>
    <body>
        我会显示在浏览器中
    </body>
</html>

效果图如下：

image.png
5.meta标签：meta标签用来描述一个HTML网页文档的属性，关键词等，例如:Lsrset="ut-8”是说当前使用的是 utf-8 编码格式，在开发中我们经常会看到 utf-8，或是 gbk，这些都是编码格式，通常使用 utf-8

<!DOCTYPE htm1>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>itbaizhan</title>
    </head>
    <body>
    
    </body>
</html>

三.总结部分

通过初步的了解，我明白了其实html语言就是标签语言，它是由许许多多的标签组成的，我们需要明白那些标签代表的含义才可以去准确的使用它，上述我所提到的是html语言程序的最基本的标签，html,head,title,body以及后续等等都是需要我们记住的。

avatar
文章
阅读
粉丝