好的,以下是一本Markdown格式的学习笔记,主题为HTML基础学习。

HTML 基础学习笔记

什么是HTML?

HTML是指超文本标记语言(HyperText Markup Language),是一种用于创建网页的标准标记语言。它描述了网页的结构,通过一系列的标签和属性来定义网页中的各种元素,如文本、图片、链接等。

HTML 文档的基本结构

HTML文档的基本结构如下:

htmlCopy Code
<!DOCTYPE html> <html> <head> <title>网页标题</title> </head> <body> <h1>标题1</h1> <p>段落文本</p> </body> </html>

其中,<!DOCTYPE html>告诉浏览器这是一个HTML5文档,<html>标签定义了HTML文档的根元素,<head>标签用于定义文档头部,<title>标签定义了网页的标题,<body>标签定义了文档的主体部分,<h1>标签定义了一级标题,<p>标签定义了段落文本。

HTML 常用标签及属性

文本相关

  • <h1>~<h6>:定义标题,数字表示标题级别,例如<h1>为一级标题。
  • <p>:定义段落。
  • <a>:定义超链接,href属性表示链接的URL地址。
  • <em>:定义强调文本,会将文本以斜体字显示。
  • <strong>:定义重要文本,会将文本以加粗字显示。
  • <br>:定义换行符。
  • <hr>:定义水平线。

图片相关

  • <img>:定义图片,src属性表示图片的URL地址,alt属性表示在无法显示图片时的替代文本。

列表相关

  • <ul>:定义无序列表。
  • <ol>:定义有序列表。
  • <li>:定义列表项。

实例

以下是一个简单的HTML网页实例,其中包含了常用的文本、图片、列表等元素。

htmlCopy Code
<!DOCTYPE html> <html> <head> <title>HTML基础学习笔记示例</title> </head> <body> <h1>HTML基础学习笔记示例</h1> <p>这是一个基于HTML标记语言创建的网页示例。</p> <img src="https://example.com/image.jpg" alt="示例图片"> <h2>列表</h2> <ul> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> </ul> </body> </html>

以上就是HTML基础学习笔记的内容及实例。