HTML 基础

1.1 什么是 HTML: HTML(Hypertext Markup Language)是一种用于创建网页的标记语言。它使用标记来结构化文档,并使用标记来描述文档的内容和各个部分的意义。HTML 中的标记可以告诉浏览器如何显示文本、图像、链接和其他元素。

1.2 HTML 的历史: HTML 最早在 1990 年由蒂姆·伯纳斯-李(Tim Berners-Lee)创造,目的是为了共享科学信息。最初的 HTML 版本非常简单,只有一些基本的标签,如 <h1>(标题)、<p>(段落)等。随着时间的推移,HTML 发展成为一种更复杂和功能强大的语言,新增了许多标签和功能。

1.3 HTML 文档结构:

一个基本的HTML文档结构包含以下几个部分:

  1. <!DOCTYPE> 声明:这是HTML5的声明,用于指定文档类型。

  2. <html> 标签:这是整个HTML文档的根元素。

  3. <head> 标签:包含了一些元数据,例如页面的标题、字符编码和引入的外部样式表或脚本文件等。

  4. <body> 标签:包含了页面的主要内容,例如文本、图像、链接等。

下面是一个简单的HTML文档结构示例:

复制代码
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>My Webpage</title>
  <link rel="stylesheet" href="styles.css">
  <script src="script.js"></script>
</head>
<body>
  <h1>Welcome to My Webpage</h1>
  <p>This is a paragraph of text.</p>
  <img src="image.jpg" alt="Image">
  <a href="https://www.example.com">Click here</a>
</body>
</html>

在这个示例中,<head> 标签中包含了一个字符编码声明(指定文档使用的字符编码为UTF-8)、标题、一个引入的样式表和一个引入的脚本文件。<body> 标签中包含了一个标题、一个段落、一张图片和一个链接。

相关推荐
智航GIS10 分钟前
6.2 while循环
java·前端·python
2201_7578308710 分钟前
AOP核心概念
java·前端·数据库
雪人.13 分钟前
JavaWeb经典面试题
java·服务器·前端·java面试题
JIngJaneIL22 分钟前
基于java+ vue学生成绩管理系统(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·后端
小恒恒25 分钟前
2025 Vibe Coding 有感
前端·uni-app·trae
用户214118326360225 分钟前
dify案例分享-免费体验Dify + Qwen-Image-2512 文生图图生图全流程
前端
千寻girling33 分钟前
面试官 : “ 说一下 localhost 和127.0.0.1 的区别 ? ”
前端·javascript·面试
老华带你飞34 分钟前
智能菜谱推荐|基于java + vue智能菜谱推荐系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot
指尖跳动的光37 分钟前
cookie可以实现不同域共享吗
前端
YAY_tyy38 分钟前
Turfjs+Three.js:地理数据的三维建模应用
前端·javascript·3d·arcgis·turfjs