好的,以下是基于HTML语言的学习笔记。
HTML 语言代码学习笔记
1. HTML 是什么?
HTML,全称超文本标记语言(HyperText Markup Language),是一种用于创建网页的标准标记语言。它是一种基本的构建块,用于在互联网上创建文档和应用程序。
2. 基本结构
HTML文档由两部分组成:头部(Head)和主体(Body),其中头部包含文档的元数据和链接,主体包含网页的内容。
一个基本的HTML文档可以由以下代码构成:
htmlCopy Code<!DOCTYPE html>
<html>
<head>
<title>这里是标题</title>
</head>
<body>
这里是网页的内容
</body>
</html>
其中,<!DOCTYPE html>
声明了文档类型,而<html>
、<head>
和<body>
则是HTML的标签(即标记)。<title>
标签用于设置网页的标题,<body>
标签内部则可以添加任意的HTML标记,从而实现网页的排版和效果。
3. 常见标记
HTML提供了大量的标记,用于完成各种功能。下面是一些常见的HTML标记及其作用:
<p>
:表示段落;<a>
:表示链接,用于跳转到其他页面;<img>
:表示图片,用于显示图片;<ul>
、<ol>
和<li>
:表示列表,分别对应无序列表、有序列表和列表项;<table>
、<tr>
、<th>
和<td>
:表示表格,分别对应表格、表格行、表头和单元格;<form>
、<input>
和<button>
:表示表单,分别对应表单、输入框和提交按钮。
4. 实例
下面是一个简单的HTML页面,包含了一个标题、一张图片和一个链接:
htmlCopy Code<!DOCTYPE html>
<html>
<head>
<title>欢迎来到我的网站</title>
</head>
<body>
<h1>这里是标题</h1>
<p>这里是段落</p>
<img src="https://picsum.photos/200" alt="随机图片">
<a href="https://www.baidu.com">这里是链接</a>
</body>
</html>
以上就是关于HTML语言的基本学习笔记,希望能对你有所帮助。