html前端必须掌握的单词资源-CSDN文库

需积分: 45 188 浏览量 2018-10-22 06:48:03 上传评论 5 收藏 18KB DOCX 举报

### HTML前端必须掌握的单词详解 #### 一、HTML 常见单词 - **DOCTYPE 文档**: 这是文档类型的声明，告诉浏览器该页面使用的是何种版本的 HTML 或 XHTML。例如 `<!DOCTYPE html>` 表示这是一个 HTML5 文档。 - **img (image)**: 定义图像元素，用于在网页中插入图片。基本用法为 `<img src="image.jpg" alt="替代文本">`，其中 `src` 属性指定图像源文件，`alt` 属性定义了当图像无法显示时的替代文本。 - **address**: 用来表示文档或文章作者的联系信息。此元素应该包含有关文档或文章作者的信息。 - **button**: 按钮元素，常用于表单提交或执行 JavaScript 函数等操作。 - **area**: 用于定义 `<map>` 元素内的可点击区域。通常与 `<img usemap="#name">` 结合使用，以实现图像地图功能。 - **align**: 对齐方式，虽然 HTML5 已不再推荐直接在标签中使用该属性，但在 CSS 中仍广泛应用。 - **author**: 作者信息，可以放在 `<meta name="author" content="作者名">` 中，用于描述文档的作者。 - **iframe**: 内嵌框架，允许在当前页面中嵌入另一个 HTML 页面。 - **border**: 边框属性，在 HTML 中一般通过 CSS 来设置边框样式。 - **frameset**: 定义一个 HTML 文档的框架集，即多个框架的集合。 - **font**: 字体样式，虽然 HTML5 不再推荐直接使用 `<font>` 标签来定义字体样式，但在早期版本中广泛使用。 #### 二、CSS 中常用单词 - **center**: 居中，CSS 中可以通过 `text-align: center;` 或者 `margin: auto;` 实现文本或元素的水平居中。 - **hidden**: 隐藏，CSS 中使用 `display: none;` 或 `visibility: hidden;` 来隐藏元素。 - **style**: 样式，CSS 的核心概念之一，用于定义元素的外观特性。 - **text**: 文本，CSS 中可以使用 `color`、`font-size`、`font-family` 等属性来控制文本的样式。 - **input**: 输入框，CSS 可以用来美化 `<input>` 元素的样式。 - **textarea**: 文本域，同样可以通过 CSS 控制其外观。 - **body**: 主体，CSS 中可以使用各种属性来设置 `<body>` 的背景色、字体等。 - **head**: 头部，虽然 `<head>` 本身不直接呈现给用户，但可以使用 CSS 设置 `<head>` 中的元素样式。 - **title**: 标题，CSS 不能直接作用于 `<title>`，但它可以影响 `<title>` 所在的 `<head>` 内容的呈现。 - **radio**: 单选框，CSS 可以用来定制 `<input type="radio">` 的外观。 - **meta**: 元信息，虽然 `<meta>` 本身不支持直接应用 CSS，但可以使用它来定义视口（viewport）等信息，间接影响页面布局。 #### 三、JavaScript 中的单词 - **script**: 脚本，用于定义 JavaScript 代码块或引入外部 JavaScript 文件。 - **option**: 选项，常用于 `<select>` 下拉列表中，定义每个可选的值。 - **map**: 地图/映射，虽然 JavaScript 也有 Map 数据结构，但在 HTML 中主要用于 `<map>` 和 `<area>` 标签，实现图像地图功能。 - **select**: 选择，用于创建下拉列表。 - **a (anchor)**: 锚点，用于定义超链接，基本用法为 `<a href="url">链接文本</a>`。 - **submit**: 提交，常用于表单中的提交按钮。 - **ol (orderlist)**: 有序列表，用于创建带编号的列表。 - **ul (unorderedlist)**: 无序列表，用于创建带项目符号的列表。 - **reset**: 重置，常用于表单中的重置按钮，清空所有字段。 - **br (break)**: 换行，用于强制文本换行，无需新段落。 - **alt (alternate)**: 替代文本，用于定义 `<img>` 标签的替代文本。 - **strong 和 b (bold)**: 加粗文本，`<strong>` 强调文本的重要性，而 `<b>` 简单地加粗文本。 - **thead (tablehead)**: 表头，用于定义表格的头部内容。 - **i (italic)**: 斜体，用于定义斜体文本。 - **div (division)**: 盒子模型，用于定义块级容器，是网页布局的基础。 - **u (underline)**: 下划线，用于定义带有下划线的文本。 - **dl (definitionlist)**: 定义列表，用于创建定义列表。 - **table**: 表格，用于创建表格结构。 - **dt (definitiontitle)**: 定义列表中的项目标题。 - **td (tabledata)**: 单元格，用于定义表格中的数据单元。 - **dd (definitiondescription)**: 定义列表中的描述。 - **tr (tablerow)**: 表格行，用于定义表格中的一行。 - **canvas**: 图像，用于绘制图形和图像，是 HTML5 的一部分。 - **sub (subscript)**: 下标文本，用于定义下标。 - **sup (superscript)**: 上标文本，用于定义上标。 - **nav (navigation)**: 导航，用于定义页面中的导航链接部分。 - **video**: 视频，用于嵌入视频内容。 - **dialog**: 对话框或窗口，用于定义对话框或模式窗口。 - **audio**: 音频，用于嵌入音频内容。 - **time**: 时间，用于定义日期或时间。 - **header**: 页眉，用于定义页面顶部的区域。 - **acronym**: 缩写，用于定义只取首字母的缩写词。 - **footer**: 页脚，用于定义页面底部的区域。 - **article**: 文章，用于定义独立的内容区块。 - **caption**: 表格标题，用于定义表格的标题。 - **form**: 表单，用于定义用户输入数据的表单。 - **aside**: 侧边栏，用于定义页面内容之外的相关内容。 - **lable**: 标签，用于定义 `<input>` 元素的标签。 - **blockquote**: 引用，用于定义长的引用内容。 - **mark**: 标记，用于突出显示文本中的关键字或短语。 - **datalist**: 下拉列表，用于定义 `<input>` 的建议列表。 - **em (emphasis)**: 强调，用于定义强调文本。 - **link**: 链接，用于定义文档与外部资源的关系。 - **progress**: 进度条，用于定义任务进度。 - **optgroup (optiongroup)**: 选项组，用于分组 `<select>` 中的选项。 - **menu**: 菜单，用于定义命令的列表或菜单。 - **param**: 参数，用于定义 `<object>` 元素的参数。 - **small**: 小号文本，用于定义小号文本。 - **track**: 文本轨道，用于定义多媒体元素的文本轨道。 - **circle**: 圆形，虽然 `<circle>` 是 SVG 的一部分而不是 HTML，但在描述圆形时可能会被提及。 - **target**: 目标，通常用于 `<a>` 标签中的 `target="_blank"` 来定义链接打开的目标窗口。 - **colspan**: 合并列，用于定义 `<td>` 跨越多列。 - **rowspan**: 合并行，用于定义 `<td>` 跨越多行。 - **middle**: 中间，虽然不是 CSS 属性，但在描述元素位置时可能会被提及。 - **bottom**: 底部，CSS 中可以使用 `position` 和 `bottom` 来定位元素到底部。 - **shape**: 形状，虽然不是 HTML 的标准属性，但在描述元素形状时会被提及。 - **span**: 跨越空间跨度，用于定义 `<span>` 标签的作用。 - **pre**: 预格式化文本，用于显示预格式化的文本。 - **h1 - h6**: 标题，用于定义 HTML 的六个级别的标题。 - **keyqen**: 生成密钥，虽然这不是 HTML 标准的一部分，但在描述加密技术时可能会被提及。 - **hr**: 水平线，用于在内容之间添加一条水平线。 - **th**: 表格头，用于定义表格中的表头单元格。 - **property**: 属性，虽然这个词在 HTML 中没有特定的含义，但在描述元素属性时会被提及。 - **background**: 背景，CSS 中可以使用 `background-color`、`background-image` 等属性来定义背景。 - **class**: 类选择器，CSS 中用来选择拥有特定类名的元素。 - **margin**: 外边距，CSS 中可以用来定义元素周围的空白区域。 - **width**: 宽度，CSS 中用来定义元素的宽度。 - **padding**: 内边距，CSS 中可以用来定义元素内容与其边框之间的空间。 - **height**: 高度，CSS 中用来定义元素的高度。 - **green**: 绿色，CSS 中的颜色值之一，可用于定义元素的颜色。 - **class**: 类，CSS 中的一种选择器，用于根据类名选择元素。

资源推荐

资源详情

资源评论