"HTML基础教程笔记"
HTML(HyperText Markup Language)是互联网上应用最广泛的一种标记语言,用于创建网页和应用程序界面。它是一种简单的、基于文本的格式,通过使用特定的标签来描述文档结构和内容。
1. HTML设计概念:
- SGML:标准通用标记语言,是HTML的父辈,定义了如何组织和标记文档的标准。
- 标签:HTML中的标签用于定义文档结构和功能,比如`<HTML>`表示文档的开始,`</HTML>`表示文档的结束。有些标签是成对出现的,如`<p>`和`</p>`表示段落,而有些标签则没有闭合形式,如`<br>`表示换行。
- 属性:标签可以包含属性,提供额外的信息,例如`<img src="image.jpg">`中的`src`属性指定了图像的来源。
- DTD:文档类型定义,定义了HTML文档的结构和规则,规定了哪些标签、实体和文件结构是有效的。
- 元素:HTML文档的基本构建块,如`<title>`、`<p>`或`<ul>`,它们代表文档的一部分,如标题、段落或列表。
2. HTML文件结构:
- 文件由两大部分组成:`<head>`和`<body>`。`<head>`包含了文档元数据,如标题`<title>`,而`<body>`则包含实际显示给用户的内容。
- `<title>`标签:定义了网页的标题,显示在浏览器的标签页上。
- `<body>`标签:所有要展示给用户的文本、图像、链接等都位于`<body>`标签内。
3. 基本HTML标签:
- `<!DOCTYPE>`:声明文档使用的HTML版本,虽然可选,但推荐使用以确保浏览器正确解析。
- `<HTML>`:整个HTML文档的容器,其他所有元素都在这对标签之间。
- `<HEAD>`:包含文档头部信息,如`<title>`和外部引用(如CSS、JavaScript文件)。
- `<BODY>`:存放网页可见内容的区域。
4. 记事本编程:
- HTML文件可以用任何文本编辑器创建,如记事本,保存为.html或.htm扩展名。
5. 字符格式化标签:
- 字符级标签用于控制文本的显示,如`<B>`用于加粗文本,`<I>`使文本斜体,`<U>`下划线,`<EM>`强调(通常斜体表示),`<STRONG>`强调(通常加粗表示)等。
学习HTML,除了理解这些基础知识,还需要掌握其他元素和属性,如列表`<ul>`、`<ol>`,链接`<a>`,表格`<table>`,图像`<img>`,段落`<p>`,以及CSS样式和JavaScript交互等,这些都是构建交互式和动态网页的关键组成部分。通过不断实践和实验,可以逐步精通HTML,创建出美观且功能丰富的网页。