目录
一、什么是HTML
HTML是超文本标记语言(HyperText Markup Language)的缩写。我们用 HTML 来构建 Web 页面即所谓的网页。
“超文本”(hypertext)是指连接单个网站内或多个网站间的网页的链接。链接是网络的一个基本方面。只要将内容上传到互联网,并将其与他人创建的页面相链接,你就成为了万维网的积极参与者。
HTML 是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果(如 CSS),或功能与行为(如 JavaScript)。
HTML 不是一门编程语言,而是一种用于定义内容结构的标记语言。
在浏览器中看到的任何网页背后都是一个 HTML 文档,只要在网页上点击鼠标右键->查看源代码(用控制台工具也可)就可看到。
二、如何撰写 HTML 文档
先在左上角的 File 中选择 Open Folder,选择一个文件夹,接下来在该文件夹下新建一个后缀名为 html 的文件,让然后输入代码,右键代码选择 open in browser ,就可以打开一个属于自己的 Web 页啦!!
就像这样:
如果上述方法打不开可以在文件夹中找到创建的 html 文件,双击打开就可以了。
三、HTML 文档结构分析
1、HTML元素(elements)
HTML 使用"标记"(markup)来注明文本、图片和其他内容,以便于在浏览器中显示。HTML 标记包含一些规定的"元素"如
<head>,<title>,<body>,<header>,<footer>,<article>,<section>,<p>,<div>,<span>,<img>,<aside>,<audio>,<canvas>,<datalist>,<details>,<embed>,<nav>,<output>,<progress>,<video>
等等。
检查我们刚创建的 HTML 文档你会发现,整个 HTML 就由一个个元素组成(可以嵌套),而元素则一般由一对标签(tag)构成。
2、注释
输入Ctrl + /即可快捷的进行注释!
3、空元素
一般来说,元素都拥有开始标签,内容,结束标签。但有一些元素只有一个开始标签,通常用来在此元素所在位置插入/嵌入一些东西,如
<br>, <hr>, <input>, <img>, <a>
等等。我们称其为空元素。
4、元素的属性
元素是可以有相关属性的。属性包含元素的额外信息,这些信息不会在浏览器中显示出来。
<!-- 带属性的段落输入框 -->
<p title="