后端码农谈前端(HTML篇)第二课:常见元素

时间:2023-03-08 17:06:43

一、根元素

<doctype> 定义文档类型。
<html> 定义 HTML 文档。

二、元数据元素

<head> 定义关于文档的信息。
<meta> 定义关于 HTML 文档的元数据。
<link> 定义文档与外部资源之间的关系,一般用于引入样式表。
<base> 定义页面上所有链接的默认地址或默认目标。
<title> 定义文档标题。
<style> 定义文档的样式信息。

三、脚本元素

<script> 定义客户端脚本。
<noscript> 定义当浏览器不支持脚本的时候所显示的内容

四、块元素

<body> 定义文档的主体。
<h1>、<h2>...<h6> 定义文档标题。
<p> 定义文档段落。
<blockquote> 定义块引用。
<ul>、<ul>、<dl> 定义列表。
<table> 定义表格。

1、列表元素

  • 无序列表
    <ul> 定义无序的列表。
    <li> 定义列表项。
  • 有序列表
    <ol> 定义有序的列表。
    <li> 定义列表项。
  • 定义列表
    <dl> 定义定义列表。
    <dt> 定义定义术语。
    <dd> 定义定义描述。

2、表格元素

    <table> 定义表格。
    <thead> 定义表格的页眉。
    <tbody> 定义表格的主体。
    <tfoot> 定义表格的页脚。
    <th> 定义表格的表头行。
    <tr> 定义表格的行。
    <td> 定义表格单元。

五、文本元素

1、文本格式化元素

    <em> 定义着重文字。
    <strong> 定义加重语气。
    <sup> 定义上标字。
    <sub> 定义下标字。
    <ins> 定义插入字。
    <del> 定义删除字。
    <b> 定义粗体文本。
    <i> 定义斜体文本。
    <big> 定义大号字。
    <small> 定义小号字。

2、“计算机输出”标签

    <code> 定义计算机代码。
    <kbd> 定义键盘码。
    <pre> 定义预格式文本。

3、引用、引用和术语定义

    <q> 定义简短引用。
    <blockquote> 定义长引用。
    <address> 定义地址。

六、链接与图像

<a> 定义超链接
<img> 定义图像。
<map> 定义图像地图。
<area> 定义图像地图中的可点击区域。

七、<div> 和 <span>

<div> 定义文档中的分区或节(division/section)。
<span> 定义 span,用来组合文档中的行内元素。

八、框架

<frameset> 定义如何将窗口分割为框架。(注:<frameset>元素只能嵌套在<html> 元素或<frameset>元素自身中!)
<frame> 定义放置在每个框架中的 HTML 文档。

九、内联框架

<iframe> 定义内联的子窗口(框架)。

十、表单元素

<form> 定义供用户输入的表单。
<input> 定义输入域。
<textarea> 定义文本域 (一个多行的输入控件)。
<lable> 定义一个控制的标签。
<select> 定义一个选择列表。
<option> 定义下拉列表中的选项。
<optgroup> 定义选项组。
<button> 定义一个按钮。
<fieldset> 定义域。
<legend> 定义域的标题。