HTML 标记一览.doc

preview
试读
4页
HTML
需积分: 0 19 下载量 106 浏览量 更新于2008-03-17 收藏 86KB DOC 举报
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仍然是网页内容结构的核心。
HTML 标记一览
标记 类型 译名或意义 作 用 备注
文件标记
<HTML> ●
文件声明 让浏览器知道这是 HTML 文件
<HEAD> ● 开头 提供文件整体资讯
<TITLE> ●
标题 定义文件标题，将显示于浏览顶端
<BODY> ● 本文 设计文件格式及内文所在
排版标记
<!--注解--> ○ 说明标记 为文件加上说明，但不被显示
<P> ○
段落标记 为字、画、表格等之间留一空白行
<BR> ○ 换行标记 令字、画、表格等显示于下一行
<HR> ○
水平线 插入一条水平线
<CENTER> ● 居中 令字、画、表格等显示于中间 反对
<PRE> ●
预设格式 令文件按照原始码的排列方式显示
<DIV> ● 区隔标记 设定字、画、表格等的摆放位置
<NOBR> ●
不折行 令文字不因太长而绕行
<WBR> ● 建议折行 预设折行部位
字体标记
<STRONG> ● 加重语气 产生字体加粗 Bold 的效果
<B> ●
粗体标记 产生字体加粗的效果
<EM> ● 强调标记 字体出现斜体效果
<I> ●
斜体标记 字体出现斜体效果
<TT> ● 打字字体 Courier 字体，字母宽度相同
<U> ●
加上底线 加上底线 反对
<H1> ● 一级标题标记 变粗变大加宽，程度与级数反比

下载后可阅读完整内容，剩余3页未读，立即下载

资源推荐
资源评论
changuang7
  • 粉丝: 0
  • 资源: 5
上传资源 快速赚钱
voice
center-task 前往需求广场，查看用户热搜

最新资源