2、介绍基本的HTML标记和结构,包括head、body、doctype、title等
第2课:HTML标记和结构
在上一课中,我们介绍了HTML、CSS和JavaScript的关系。在本节课中,我们将深入了解HTML,学习HTML的基本标记和结构。
什么是HTML标记和结构?
HTML标记指的是一组用于定义文档内容、结构和格式的代码,也称HTML元素或HTML标签。HTML结构是一组固定的、按照特定规则排列组合的HTML标记,可以创建出网页的基本骨架。
HTML标记通常使用尖括号“<>”和标记名称表示,可以使用属性对标记进行配置和控制。HTML标记和结构用于创建网页的各种元素,包括标题、段落、图像、表格、链接等。
HTML文档的基本结构
HTML文档采用一种基本结构,包括文档类型(doctype)、html标记、head标记和body标记。以下是HTML文档的基本结构示例:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
其中,<!DOCTYPE html>
声明文档类型为HTML5。<html>
标记包含了整个HTML文档,head标记包含了文档的元数据,如标题、关键词、描述等。body标记包含了文档的主要内容,如标题、段落、图片、链接等。
head标记和body标记
head标记和body标记是HTML文档中最常用的标记之一。head标记一般用于定义文档的元数据(metadata),如文档标题 <title>
、字符集 <meta charset="UTF-8">
、CSS样式 <link rel="stylesheet" href="style.css">
、JavaScript代码 <script src="main.js"></script>
等。
body标记用于定义文档的主要内容,常用的标记有标题 <h1>
到 <h6>
、段落 <p>
、列表 <ul>
和 <ol>
、链接 <a>
、图像 <img>
等,将在后续课程中逐一介绍。
课程问答
- 什么是HTML标记?
- HTML文档的基本结构包括哪些标记?
- head标记和body标记的作用是什么?
- 常用的HTML标记有哪些?
声明:本站原创文章文字版权归本站所有,转载务必注明作者和出处;本站转载文章仅仅代表原作者观点,不代表本站立场,图文版权归原作者所有。如有侵权,请联系我们删除。