美文网首页我爱编程
01.HTML简介——{HTML入门}

01.HTML简介——{HTML入门}

作者: Beurself_ | 来源:发表于2016-10-09 21:48 被阅读75次

    HTML 是什么?

    原文地址:W3Schools

    HTML 简介

    HTML 是为 网页而生 的 标记语言 ,这门语言(或是符号)是你与网页对话的基础,但它 并不是 一门 编程语言

    • HTML 借助 标记语言 来描述整个网页框架
    • HTML 中各种元素能够构建出网页中的各个模块
    • HTML 中的各个元素,又是由各种不同的 标签 所代表体现出来
    • HTML 标签 有"heading""paragraph""table"等等
    • 浏览器 并不会显示标签,它会通过 标签 来显示网页中我们想要的内容

    一个简单的 HTML 长什么样

    <!DOCTYPE html>
    <html>
    <head>
    <title>Page Title</title>
    </head>
    <body>
    
    <h1>My First Heading</h1>
    <p>My first paragraph.</p>
    
    </body>
    </html>
    
    • <!DOCTYPE html> 说明这是符合 HTML5 规则的文档
    • <html> 代表整个网页结构
    • <head>包括了整个文档的所有的元数据(基本信息)
      -<title> 是整个页面的标题,就是浏览器标签页上显示的名字
    • <body> 代表你需要整个页面显示出来的主体内容部分
    • <h1> 显示一个超大页面标题
    • <p> 代表一个段落

    HTML标签

    HTML 标签被含有 元素名称 的成对 尖括号 "<>" 组成:

    <元素名称>内容在这里输入...<元素名称>

    • HTML 标签 通常都是成对出现,例如 <p></p>
    • 成对的标签中,第一个标签代表 开始 ,第二个标签代表 结束
    • 结束标签 和 开始标签 一样,不过在标签名前会多一个符号—— " / "

    Tip: 成对标签 也可以叫做 开口标签 、闭口标签 。


    浏览器

    之所以我们需要浏览器,是因为它可以帮助我们解读 HTML 文档 ,然后在屏幕中显示给我们看。

    浏览器并不能显示出 HTML 标签 ,但它可以利用标签告诉电脑怎样去显示这个文档。


    Note: 只有在<body>标签里的内容会在浏览器里显示出来。


    <!DOCTYPE> 声明

    <!DOCTYPE> 声明 代表文档类型,帮助浏览器正确显示网页

    它只会出现一次,在页面最顶端(在<html>标签之前)

    <!DOCTYPE> 声明 不区分大小写

    HTML 的 <!DOCTYPE> 声明 是这样的:

    <!DOCTYPE html>


    HTML 版本:

    在互联网早期的时候, HTML 有许多版本:

    相关文章

      网友评论

        本文标题:01.HTML简介——{HTML入门}

        本文链接:https://www.haomeiwen.com/subject/pzlmyttx.html