📜  作业 1 - Html (1)

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

作业 1 - Html

本次作业是针对 Html 的基础知识进行测试和巩固,旨在帮助程序员更好地理解和掌握 Html 的相关知识。

在这份作业中,你将需要完成以下任务:

  1. 编写一个简单的 Html 页面,包含以下内容:

    • 标题
    • 段落
    • 列表
    • 链接
    • 图片
  2. 理解和掌握 Html 的基本语法和标签,如:

    • 标题标签 h1 - h6
    • 段落标签 p
    • 列表标签 ul, ol, li
    • 链接标签 a
    • 图片标签 img
  3. 掌握 Html 的基本编写规范,如:

    • 文档类型声明
    • head 和 body 标签
    • meta 标签
    • title 标签
  4. 理解 Html 的基本组织结构,如:

    • 根元素 html
    • 头部元素 head
    • 主体元素 body

下面是一个简单的Html代码示例:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>网页标题</title>
</head>
<body>
	<h1>网页标题</h1>
	<p>这是一个段落。</p>
	<ul>
		<li>列表项1</li>
		<li>列表项2</li>
		<li>列表项3</li>
	</ul>
	<a href="http://www.baidu.com">百度一下</a>
	<img src="https://www.baidu.com/img/bd_logo1.png" alt="百度logo" />
</body>
</html>

其中,<!DOCTYPE html> 为文档类型声明,指明了该 Html 页面的类型为 Html5 。<html> 标签为根元素,包含了整个 Html 页面的内容。<head> 标签为头部元素,包含了一些页面的元数据信息。<body> 标签为主体元素,包含了页面的具体内容。

<meta> 标签用来指定一些页面的元数据信息,比如字符集和视口大小等。<title> 标签用来指定页面的标题。

<h1> 标签为页面的标题,大小和重要程度依次递减的标题可以使用 h2 - h6 标签。<p> 标签为段落。<ul><ol><li> 标签可以用来创建无序列表和有序列表,<a> 标签用来创建链接,<img> 标签用来插入图片。

在完成这个作业的过程中,建议学习 Html 的基本语法后尝试自己编写代码,可以到 W3School 上进行相关知识点的学习和实践。