HTML 介绍
HTML 即超文本标记语言(HyperText Markup Language),它是构成网页的基础技术之一。HTML 借助各种标签(Tag)对网页的结构与内容加以描述。下面为你介绍其核心要点:
关键特性
- 标签结构:HTML 运用尖括号包裹关键词来形成标签,像
<html>
、<body>
、<h1>
等。标签一般是成对出现的,分别为开始标签和结束标签,例如<p>这是段落</p>
。 - 网页结构:一个完整的 HTML 页面包含头部(
<head>
)和主体(<body>
)两部分。头部用于存放页面的元数据,像标题、编码方式等;主体则是网页实际显示的内容。 - 元素嵌套:HTML 元素可以相互嵌套,从而构建出复杂的页面结构。比如,
<div>
元素常常被用来对页面进行分区。 - 超链接:借助
<a>
标签能够创建指向其他网页或者资源的链接,例如<a href="https://example.com">链接</a>
。 - 图片与多媒体:通过
<img>
标签可以在页面中插入图片,使用<video>
标签能嵌入视频。 - 表单:利用
<form>
标签可以创建用户输入表单,其中包含文本框、按钮等各种输入元素。
示例
下面是一个html的示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Raigor(raigor.com)</title>
</head>
<body><h1>我的第一个标题</h1><p>我的第一个段落。</p></body>
</html>
预览方式
方式一 浏览器
可以通过Chrome等浏览器直接打开预览html文件
方式二 VSCode的HTML Preview插件
在VSCode插件中心下载HTML Preview
插件
使用ctrl+shift+v
即可实现html预览