好的,以下是一本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基础学习笔记的内容及实例。