📜  基础 html 页面 - Html (1)

📅  最后修改于: 2023-12-03 15:23:41.132000             🧑  作者: Mango

基础 HTML 页面

HTML 是构建 Web 页面的基础语言,本文将介绍如何创建一个基础的 HTML 页面。

简介

HTML(Hypertext Markup Language)是一种标记语言,用于创建网页。它由一系列的元素组成,这些元素可以描述网页的结构和内容。

创建 HTML 页面

我们可以使用任何文本编辑器或集成开发环境(IDE)来创建 HTML 页面,包括 Windows 自带的记事本、VS Code、Sublime 等。

下面是一个基础的 HTML 页面:

<!DOCTYPE html>
<html>
<head>
	<title>基础 HTML 页面</title>
</head>
<body>
	<h1>欢迎来到我的网站</h1>
	<p>这是一个基础的 HTML 页面。</p>
</body>
</html>

以上代码中:

  • <!DOCTYPE html> 声明文档类型为 HTML5;
  • <html> 元素是 HTML 页面的根元素,包含了整个页面的结构;
  • <head> 元素包含了网页中的元数据和引用的外部文件,比如 CSS 和 JavaScript;
  • <title> 元素定义了网页的标题,在浏览器的标签页上显示;
  • <body> 元素包含了网页的主要内容;
  • <h1> 元素定义了标题;
  • <p> 元素定义了段落。
HTML 元素

HTML 元素是网页的基本结构单元,它由一对起始标签和结束标签组成,包裹着元素的内容。以下是一些常用的 HTML 元素:

  • <h1><h6> 标题元素,用于定义标题;
  • <p> 段落元素,用于定义段落;
  • <a> 超链接元素,用于定义链接;
  • <ul><ol> 列表元素,用于定义无序列表和有序列表;
  • <img> 图片元素,用于定义图像;
  • <table> 表格元素,用于定义表格;
  • <form> 表单元素,用于定义表单,例如登录表单、搜索表单等;
  • <input> 输入框元素,用于定义表单中的输入框,例如文本框、密码框、单选框、复选框等。
HTML 属性

HTML 元素可以拥有属性,属性是用于描述元素的额外信息,比如颜色、大小、链接等等。以下是一些常用的 HTML 属性:

  • class 元素样式类;
  • id 元素标识符,用于 JavaScript 操作;
  • href 链接地址;
  • src 图像或者脚本的 URL;
  • alt 图像的替代文本,当图像无法显示时显示该文本。
结论

HTML 是 Web 页面的基础语言,我们可以使用文本编辑器或者 IDE 创建 HTML 页面。HTML 元素是网页的基本结构单元,包括标题、段落、链接、列表、图片、表格、表单等。HTML 元素可以拥有属性,属性可以描述元素的额外信息,比如颜色、大小、链接等等。