美文网首页我爱编程
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