网页制作常用html标签

时间: 2023-08-27 12:18:40 浏览: 130

HTML中的常用标签

5星 · 资源好评率100%

### HTML中的常用标签知识点详解 #### 一、文档基本结构 HTML文档的基本结构通常由`<html>`标签包裹，内部包含`<head>`和`<body>`两大部分。 1. **`<html>`标签**：定义整个HTML文档的根元素。 2. **`<head>`标签**：包含了关于文档的信息，但不直接显示在页面上，如标题、元数据等。 - **`<title>`标签**：用于定义文档的标题，浏览器标题栏将显示此内容。 3. **`<body>`标签**：包含实际可见的内容。 #### 二、元数据标签 1. **`<meta>`标签**：用于定义文档的元数据，例如字符集、刷新时间、关键词等。 - **刷新功能**：可以通过`<meta http-equiv="refresh" content="时间">`实现页面自动刷新，如： ```html <meta http-equiv="refresh" content="10"> ``` - **自动跳转**：可以设置一定时间后跳转到另一个页面： ```html <meta http-equiv="refresh" content="10;URL=目标网址"> ``` #### 三、文本输入标签 - **`<isindex>`标签**：用于创建一个简单的单行文本输入框。该标签已经过时，建议使用`<input type="text">`代替。 - 可以通过`prompt`属性设置提示文字： ```html <isindex prompt="请输入搜索关键词"> ``` #### 四、基路径标签 - **`<base>`标签**：用于定义文档中的所有相对URL的基础URL，从而简化链接书写。 ```html <base href="http://www.example.com/"> ``` #### 五、版面控制标签 1. **标题标签**：用于定义不同级别的标题。 - `<h1>`至`<h6>`分别表示不同大小的标题，其中`<h1>`是最大的标题，`<h6>`是最小的标题。 2. **字体变化标签**： - **字体大小**：可以通过`<font size="数字">`来设置字体大小，数字范围通常是1到7。 - **指定字体**：可以通过`<font face="字体名称">`来设置字体类型。 - **字体颜色**：可以通过`<font color="#RRGGBB">`来设置字体颜色，其中`#RRGGBB`表示十六进制的颜色值。 3. **其他文本格式化标签**： - **小字体**：`<small>`使文本变得更小。 - **大字体**：`<big>`使文本变得更大。 - **粗体字**：`<b>`使文本变粗。 - **斜体字**：`<i>`使文本倾斜。 - **打字机字体**：`<tt>`显示等宽字体。 - **带下划线**：`<u>`给文本添加下划线。 - **删除线**：`<strike>`给文本添加删除线。 - **下标**：`<sub>`创建下标文本。 - **上标**：`<sup>`创建上标文本。 - **文字闪烁效果**：`<blink>`使文本闪烁。（不推荐使用） 4. **换行与分段标签**： - **换行**：`<br/>`用于插入换行符。 - **分段**：`<p>`用于定义一个段落。 5. **对齐方式**：`<p align="对齐方式">`可以设置文本的对齐方式。 - `left`：左对齐 - `center`：居中对齐 - `right`：右对齐 6. **分隔线**：`<hr>`用于创建一条水平线。 - **分隔线的粗细**：`<hr size="点数">` - **分隔线的宽度**：`<hr width="点数或百分比">` - **分隔线的对齐方式**：`<hr align="对齐方式">` - **分隔线的颜色**：`<hr color="#RRGGBB">` - **实心分隔线**：`<hr noshade>` 7. **居中对齐**：`<center>`用于居中文本和图像等元素。 8. **预格式化文本**：`<pre>`用于展示预格式化的文本。 #### 六、`<body>`标签的属性 1. **背景颜色**：`<body bgcolor="#RRGGBB">` 2. **背景图像**：`<body background="图像文件名">` 3. **背景图像固定**：`<body bgproperties="fixed">` 4. **文本颜色**：`<body text="#RRGGBB">` 5. **链接颜色**：`<body link="#RRGGBB">` 6. **访问过的链接颜色**：`<body vlink="#RRGGBB">` 7. **活动链接颜色**：`<body alink="#RRGGBB">` #### 七、注释标签 - **``**：用于添加HTML文档中的注释。 #### 八、特殊字符表示法 - `<`：`<` - `>`：`>` - `&`：`&` - `"`：`"` - 空白字符：` ` #### 九、图像标签 1. **插入图片**：`<img src="图像文件名">` 2. **图框**：`<img src="图像文件名" border="点数">` 3. **图像大小**：`<img src="图像文件名" width="宽度点数" height="高度点数">` 4. **图像上下左右留空**：`<img src="图像文件名" vspace="上下留空点数" hspace="左右留空点数">` 5. **图像附注**：`<img src="图像文件名" alt="说明文字">` 6. **预载图像**：`<img src="高解析度图像文件名" lowsrc="低解析度图像文件名">` 7. **影像地图**：通过`<map>`和`<area>`标签实现图像上的热点链接。 - `<img src="图像文件名" usemap="#图的名称">` - `<map name="图的名称">` - `<area shape="形状" coords="区域坐标列表" href="链接点的URL">` 以上便是从给定的文件信息中提取并整理出的HTML常用标签及知识点详解。希望这些内容能够帮助初学者更好地理解和掌握HTML基础知识。

网页制作常用的HTML标签包括： 1. `<html>`：定义HTML文档 2. `<head>`：定义HTML文档的头部，包括标题、样式表等 3. `<title>`：定义文档的标题 4. `<body>`：定义HTML文档的主体部分 5. `<h1>`~`<h6>`：定义标题，从大到小分别表示一级标题到六级标题 6. `<p>`：定义段落 7. `<a>`：定义超链接 8. `<img>`：定义图片 9. `<ul>`、`<ol>`、`<li>`：定义无序列表、有序列表、列表项 10. `<table>`、`<tr>`、`<td>`：定义表格、表格行、表格单元格 11. `<form>`、`<input>`、`<button>`：定义表单、表单元素、按钮 12. `<div>`、`<span>`：定义容器，可用于布局和样式控制 13. `<br>`：定义换行 14. `<hr>`：定义水平线这些标签是网页制作过程中最基础、最常用的标签，掌握它们的语法和用法对于网页制作非常重要。当然，还有很多其他的HTML标签可以用于实现更多的功能和效果。

阅读全文

网页制作常用html标签

相关推荐

HTML常用标签

html中的常用标签

网页常用html标签与css样式.pdf

"网页设计与制作-HTML基础知识与常用标签

DIV+CSS网页布局基础-常用HTML标签介绍

DIV+CSS网页布局基础-常用HTML标签介绍.rar

网页大赛作品 HTML常用标签和表格的应用

HTML 常用标签

网页制作常用软件

网页制作常用代码

网页设计常用代码

HTML常用标签大全及html标签的特点

HTML常用标签代码

html常用的标签和css

网页制作常用代码.pdf

附录A HTML常用标签附录A HTML常用标签

Dreamweaver网页制作常用代码全集

最新推荐

html5网页前端设计课后习题答案.docx

网页制作基础语言HTML

2天掌握DIV CSS网页制作技术

基于python的垃圾分类系统资料齐全+详细文档.zip

Raspberry Pi OpenCL驱动程序安装与QEMU仿真指南

管理建模和仿真的文件

Fluent UDF实战攻略：案例分析与高效代码编写

如何使用DPDK技术在云数据中心中实现高效率的流量监控与网络安全分析？

Apache RocketMQ Go客户端：全面支持与消息处理功能

"互动学习：行动中的多样性与论文攻读经历"