HTML,全称HyperText Markup Language,是一种用于创建网页的标准标记语言。它允许开发者通过一系列的标签来构建网页结构,控制内容的布局和样式。在HTML中,标记是构成网页的基本元素,它们通常以尖括号包围,比如`<html>`、`<head>`和`<body>`等。 1. **文件标记**: - `<html>`:这是HTML文档的根标记,告诉浏览器这是一个HTML文件。 - `<head>`:包含文档的元数据,如标题、字符集设置、外部资源引用等。 - `<title>`:定义文档的标题,显示在浏览器标签页上。 - `<body>`:文档的主要内容区,用户在浏览器中看到的所有内容都放在这里。 2. **排版标记**: - `<!-- 注释 -->`:用于添加注释,不会在页面上显示。 - `<p>`:定义段落,段落间会自动添加间距。 - `<br>`:强制换行,使文本或元素换到下一行。 - `<hr>`:插入水平线,常用于分隔内容。 - `<center>`:使内容居中对齐,不过现在更推荐使用CSS来实现。 - `<pre>`:保留原始格式,文本按编写时的格式显示。 - `<div>`:分隔标记,用于组织和布局内容,可配合CSS进行样式控制。 - `<nobr>`:阻止单词折行,让文字保持在同一行内。 - `<wbr>`:建议的折行点,若需要时,允许单词在该处折行。 3. **字体标记**: - `<strong>`和`<b>`:加粗文本,`<strong>`强调语义,`<b>`仅改变样式。 - `<em>`和`<i>`:斜体文本,`<em>`表示强调,`<i>`传统上用于引述或特殊术语。 - `<tt>`:使用等宽字体,常用于代码显示。 - `<u>`:添加下划线,现已被弃用,通常用CSS替代。 - `<h1>`到`<h6>`:定义标题等级,从小到大,`<h1>`最重要,`<h6>`最次要。 - `<font>`和`<basefont>`:设置字体样式,已被CSS取代。 - `<big>`和`<small>`:放大或缩小字体大小。 - `<strike>`:添加删除线,已弃用,用`<del>`或CSS代替。 - `<code>`:展示代码样式的文本。 - `<kbd>`:模拟键盘输入的文本样式。 - `<samp>`:展示示例代码的文本样式。 - `<var>`:表示变量的斜体效果。 - `<cite>`:用于引用的斜体文本。 - `<blockquote>`:用于引述的文本块,通常缩进显示。 - `<dfn>`:表示术语的定义,通常斜体。 - `<address>`:表示联系信息,一般斜体。 4. **清单标记**: - `<ol>`:创建有序列表,项以数字或字母排序。 - `<ul>`:创建无序列表,项以点状符号表示。 - `<li>`:定义列表项。 - `<menu>` 和 `<dir>`:创建菜单或目录列表,已被弃用。 - `<dl>`:定义列表,包含定义条目和定义内容。 - `<dt>`:定义条目的标题。 - `<dd>`:定义条目的具体内容。 5. **表格标记**: - `<table>`:创建表格。 - `<caption>`:添加表格标题。 - `<tr>`:定义表格行。 - `<td>`:定义表格单元格。 - `<th>`:定义表格表头单元格,文字通常加粗。 6. **表单标记**: - `<form>`:创建表单。 - `<textarea>`:定义多行文本输入框。 - `<input>`:创建不同类型的输入控件,如文本、密码、按钮等。 - `<select>`:创建下拉列表。 - `<option>`:定义下拉列表中的选项。 7. **图形标记**: - `<img>`:插入图像,并可以设置图像属性,如来源、尺寸等。 8. **连结标记**: - `<a>`:创建超链接,可以链接到其他网页或页面内部。 - `<base>`:设置页面的基础URL和链接目标。 9. **框架标记**: - `<frameset>`:定义框架结构。 - `<frame>`:定义框架内容。 - `<iframe>`:在页面内嵌入另一个页面,常用于部分更新或小窗口内容。 - `<noframes>`:针对不支持框架的浏览器提供内容。 10. **其他标记**: - `<marquee>`:创建滚动文本,仅IE支持。 - `<blink>`:使文本闪烁,已被弃用。 - `<isindex>`:页面内的搜索字段,已弃用。 - `<meta>`:提供文档元信息,如字符集、关键词等。 - `<link>`:定义文档与其他URL的关系,如样式表引用。 11. **样式表标记**: - `<style>`:内联样式表,控制页面样式。 12. **自定义标记**: - `<span>`:用于定义独立的文本片段,通常与CSS一起使用,实现更精细的文本控制。 这些标记是HTML的基础,通过组合使用,可以创建出丰富多彩的网页。随着技术的发展,现代Web开发更多地依赖CSS和JavaScript来实现更复杂的功能和样式控制,但HTML仍然是网页内容结构的核心。
- 粉丝: 0
- 资源: 5
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
评论0