html学习笔记资源-CSDN文库

需积分: 10 145 浏览量 2016-04-28 12:07:14 上传评论收藏 224KB PDF 举报

HTML（HyperText Markup Language）即超文本标记语言，是构成网页文档的主要语言，用于创建网页和Web应用程序。HTML通过标记标签来告诉浏览器如何显示内容。在给出的文件中，作者分享了自己学习HTML的一些笔记，并列举了多个重要的HTML标记及其用途。以下是对这些知识点的详细解读。 ### HTML头部标记<head></head> 在HTML文档中，`<head>`标签用于定义文档的头部信息，它包含了文档的元数据，如标题、脚本、样式表链接、元信息等。这些信息不会直接显示在网页上，但对网页的加载和搜索引擎的优化至关重要。 #### 元信息标记<meta> 元信息标记`<meta>`用于提供关于页面的额外信息，如关键字、描述、字符集等，这些信息有助于搜索引擎更好地理解网页内容。 - **关键字设置**：`<meta name="keywords" content="网页的关键字">`用于设置网页的关键词，有助于SEO（搜索引擎优化）。 - **描述设置**：`<meta name="description" content="网页的描述">`用于提供网页的描述，会出现在搜索引擎的搜索结果中。 - **编辑工具**：`<meta name="generator" content="编辑软件的名称">`用于指定用于创建页面的编辑器名称。 - **作者信息**：`<meta name="author" content="作者的姓名">`用于标注页面的作者。 - **字符集和语言**：`<meta http-equiv="content-type" content="text/html;charset=字符集类型">`用于声明网页的字符集，通常使用UTF-8，可以确保不同语言文字的正确显示。 - **定时跳转**：`<meta http-equiv="refresh" content="跳转的时间;url=要去的网址">`用于设置页面在特定时间后跳转到另一个URL。 - **特效设置**：通过`<meta http-equiv="Page-Enter" content="revealTrans(Transition=2,Duration=1.000)">`定义进入页面时的特效，`<meta http-equiv="Page-Exit" content="revealTrans(Transition=22,Duration=1.000)">`定义退出页面时的特效。 - **Favicon设置**：`<link rel="shortcut icon" type="image/x-icon" href="***" media="screen"/>`用于定义网页的favicon，即浏览器标签页显示的小图标。 - **缓存控制**：`<meta http-equiv="expires" content="0">`用于禁止浏览器缓存页面，确保用户总是获取最新的页面内容。 ### 主体标记<body></body> `<body>`标签包含了网页可见的页面内容，如文本、图片、链接等。 - **背景颜色**：`<body bgcolor="背景颜色">`用于设置网页背景颜色。 - **背景图片**：`<body background="图片的地址">`用于设置网页背景图片。 - **文字颜色**：`<body text="文字颜色">`用于设置网页默认文字颜色。 - **链接属性**：`<body link="属性的值">`用于设置超链接默认文字颜色，`<body alink="属性的值">`用于设置正在访问的链接颜色，`<body vlink="属性的值">`用于设置访问过的链接颜色。 - **边距设置**：`<body topmargin="上边距的值" leftmargin="左边距的值">`用于设置页面上边距和左边距。 ### HTML格式标签 HTML提供了多种格式标签，用于控制内容的显示方式。 - **换行**：` `用于换行。 - **段落**：``标签用于定义段落，会自动换行。 - **居中**：`<center>`用于将内容居中显示。 - **预格式文本**：`<pre>`用于保留源代码中的格式。 - **项目列表**：`<li>`用于定义列表项，配合`<ul>`或`<ol>`定义无序或有序列表。 - **水平分割线**：`<hr>`用于创建水平线，可以设置宽度、高度、阴影和颜色。 ### HTML文本标签 HTML提供了丰富的文本格式化标签。 - **标题标签**：`<hn>`用于定义6个级别的标题，其中`<h1>`最大，`<h6>`最小，可以设置对齐属性。 - **加粗、删除线、斜体**：分别通过``、`<s>`、``标签来实现。 - **下标和上标**：分别通过``、``标签来实现。 - **字体定义**：``标签用于定义字体样式、大小和颜色，已不推荐使用，建议使用CSS。 - **其他文本标签**：`<tt>`用于定义打字机样式文本，`<cite>`用于定义引用的文本（斜体），``用于强调文本（斜体），``用于强调文本（粗体），``用于小号字体，`<big>`用于大号字体。以上是对文档中提到的HTML相关知识点的解读。学习这些基础知识点对于掌握HTML编程语言和进行网页设计至关重要。通过实践和应用这些基础的标签，可以创建结构良好、样式统一、语义丰富的网页。

资源推荐

资源详情

资源评论