HTML 简介

HTML称为超文本标记语言,是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。
HTML 是非常简单的!这是你成为程序员的第一步!相信你很快就能掌握!

举个栗子
<h1>这是一个标题</h1> 
<p>这是一个段落</p>


HTML 编辑器

能打字的地方就能编写HTML,现在你可以打开记事本,复制上面例子中的代码粘贴进去,保存为1.html(⚠️请注意文件拓展名为.html),紧接着用浏览器打开这个文件,铛铛铛铛!你没看错,这就是你的第一个网页。你可以认真练习几遍,尝试修改一下里面的数据看看网页有什么变化。
用记事本当然可以编写HTML但是这不是大部分人的首选,我向你推荐“Notepad++”和“HBuilderX”(点击打开官网进行下载)。


HTML 基础

本章介绍HTML 中常用的标签实例


HTML 标题

HTML 标题通过<h1>、<h2>、<h3>、<h4>、<h5>、<h6>标签来定义

举个栗子
<h1>这是一个标题</h1>
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>
<h4>这是一个标题</h4>
<h5>这是一个标题</h5>
<h6>这是一个标题</h6>


HTML 段落

HTML 段落通过标签<p>来定义

举个栗子
<p>这是第一个段落</p>
<p>这是第二个段落</p>


HTML 链接

HTML 链接通过标签<a>来定义

举个栗子
<a href="https://www.gputer.top">这是一个链接</a>


HTML 图像

HTML 图像通过标签<img>来定义

举个栗子
<img src="/images/logo.png"/>


HTML 元素

HTML 文档由 HTML 元素定义


HTML 元素

开始标签元素标签结束标签
<p>这是一个段落</p>
<a href="gputer.top">这是一个链接</a>
<br>换行

元素语法

  • HTML 元素以开始标签起始
  • HTML 元素以结束标签终止
  • 元素的内容是开始标签与结束标签之间的内容
  • 某些 HTML 元素具有空内容(empty content)
  • 空元素在开始标签中进行关闭(以开始标签的结束而结束)
  • 大多数 HTML 元素可拥有属性

嵌套的 HTML 元素

HTML 文档由嵌套的 HTML 元素构成


HTML 文档实例

这个实例包含了三个 HTML 元素

<!DOCTYPE html>
<html>
<body>
<p>这是一个段落</p> 
</body>
</html>


HTML 实例解析

<p>元素

<p>这是一个段落</p>

这个<p>元素定义了 HTML 文档中的一个段落
这个元素拥有一个开始标签<p>以及一个结束标签</p>

<body>元素

<body>
<p>这是一个段落</p>
</body>

<body>元素定义了 HTML 文档的主体
这个元素拥有一个开始标签<body>以及一个结束标签</body>

<html>元素

<html>
<body>
<p>这是一个段落</p>
</body>
</html>

<html>元素定义了整个 HTML 文档
这个元素拥有一个开始标签<html>以及一个结束标签</html>


不要忘记结束标签

即使您忘记了使用结束标签,大多数浏览器也会正确地显示 HTML

<p>这是一个段落

以上实例在浏览器中也能正常显示,因为关闭标签是可选的。
但不要依赖这种做法,忘记使用结束标签会产生不可预料的结果或错误。


HTML 空元素

没有内容的 HTML 元素被称为空元素,空元素是在开始标签中关闭的。
<br> 就是没有关闭标签的空元素。
在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。
在开始标签中添加斜杠,比如<br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。
即使<br>在所有浏览器中都是有效的,但使用<br />有更长远的保障。


HTML 使用小写标签

HTML 标签对大小写不敏感<P>等同于<p>,许多网站都使用大写的 HTML 标签。
极特网使用的是小写标签,因为万维网联盟(W3C)在 HTML 4 中推荐使用小写,而在未来 (X)HTML 版本中强制使用小写。


HTML 属性

属性是 HTML 元素提供的附加信息


HTML 属性

  • HTML 元素可以设置属性
  • 属性可以在元素中添加附加信息
  • 属性一般描述于开始标签
  • 属性总是以名称/值对的形式出现,比如:name="value"

属性实例

HTML 链接由<a>标签定义
链接的地址在 href 属性中指定

<a href="http://www.gputer.top">这是一个链接</a>


HTML 属性常用引用属性值

属性值应该始终被包括在引号内。
双引号是最常用的,不过使用单引号也没有问题。


HTML 使用小写属性

属性和属性值对大小写不敏感。
不过,万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。
而新版本的 (X)HTML 要求使用小写属性。


HTML 标签参考手册


下面列出了适用于大多数 HTML 元素的属性

最后修改:2020 年 02 月 25 日 10 : 09 AM
如果您觉得不错的话送我一包薯片吧!请赞赏,谢谢您!