HTML入门教程:标记语言与基本标签解析

需积分: 9 2 下载量 4 浏览量 更新于2024-08-04 收藏 567KB PDF 举报
"html 详细课堂笔记" HTML(HyperText Markup Language)是一种用于创建网页的标准标记语言,它是构建互联网页面的基础。HTML文档包含了HTML标签,这些标签定义了网页的结构和内容,使得计算机能够理解并呈现出来。在HTML中,标签通常是成对出现的,如`<p>`和`</p>`,用来表示一个段落。 2.1 HTML简介 HTML全称为超文本标记语言,它的主要作用是通过使用一系列的标记来描述网页内容,这些标记指示浏览器如何显示网页。HTML文档由不同的部分组成,包括头部(`<head>`)和主体(`<body>`)。在头部,我们可以设置页面的元数据,如标题(`<title>`),而在主体部分则包含实际的可见内容。 2.2 HTML的书写规范 HTML标签遵循一定的规则,比如标签通常是小写的,且大多数标签需要成对出现。例如,`<p>`标签用于创建段落,而`</p>`则是其结束标签。此外,HTML标签可以有属性,例如`<body>`标签可以有`text`、`bgcolor`和`background`属性,分别用于设置文本颜色、背景色和背景图片。 3.1 HTML结构标签 HTML中的一些基础结构标签用于组织网页的大体框架。例如,`<html>`是整个文档的根标签,`<head>`包含了文档的元信息,如CSS样式表和JavaScript引用,而`<body>`则包含了用户可见的内容。标题标签`<title>`定义了浏览器标签页上的页面标题。 3.2 HTML基本排版标签 在HTML中,有多种标签用于控制文本的排版。例如,`<br>`用于插入一个换行符,`<p>`用于创建段落,每个段落之间会自动留出一定的间距。`<p>`标签还可以设置对齐方式,如`align="left"`、`align="center"`或`align="right"`。`<hr>`标签创建一条水平分隔线,用于视觉上划分页面内容。 3.3 HTML的样式控制 HTML还提供了简单的样式控制,例如`<font>`标签可以用于改变字体大小和颜色。`<font size="7">`将设置字体大小为最大7号,`<font color="#f00">`则会将字体颜色设为红色。然而,现代网页设计中更倾向于使用CSS(层叠样式表)来处理这些样式,因为它们提供了更强大的控制和分离内容与表现的机会。 3.4 HTML的行级与块级元素 HTML中的`<div>`和`<span>`标签是两个重要的布局工具。`<div>`是一个块级元素,它会独占一行,并且可以用来包裹其他元素进行布局。`<span>`则是行内元素,它允许内容在同一行内显示,常用于文本级别的样式调整或定位。 总结来说,HTML是构建网页的核心语言,通过其结构化标签和属性,可以创建出包含文本、图像、链接等多种元素的动态网页。了解并熟练掌握HTML的基础知识是成为一名Web开发者的基石。