HTML 笔记---->标签

最新推荐文章于 2023-04-20 07:34:24 发布

ymangu

最新推荐文章于 2023-04-20 07:34:24 发布

阅读量869

点赞数

分类专栏： PHP、HTML等

本文链接：https://blog.csdn.net/ymangu666/article/details/31755801

版权

PHP、HTML等专栏收录该内容

13 篇文章 0 订阅

订阅专栏

这篇博客详细介绍了HTML的各种标签，包括文本格式化、计算机输出、引用定义、图像、表格、列表、分组、表单及iframe的使用，是理解HTML元素的重要参考资料。

摘要由CSDN通过智能技术生成

1. HTML中一些标签的含义
快速定义HTML的标签含义： HTML参考手册

标题 <h>: 通过 <h1> - <h6> 等标签进行定义的。
段落 <p>: <p>This is a paragraph.</p>
链接 <a>: <a href="http://www.w3school.com.cn">This is a link</a>
图像 <img>: <img src="w3school.jpg" width="104" height="142" />
主体 <body>: 拥有一个开始标签 <body>，以及一个结束标签 </body>
定义整个文档 <html>： <html>......</html>
水平线 <hr/>: <hr /> 标签在 HTML 页面中创建水平线。
注释 : 
换行 <br />: <br /> 由于关闭标签没有任何意义，因此它没有结束标签。

文本格式化标签

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

“计算机输出”标签

标签	描述
<code>	定义计算机代码。
<kbd>	定义键盘码。
<samp>	定义计算机代码样本。
<tt>	定义打字机代码。
<var>	定义变量。
<pre>	定义预格式文本。

引用、引用和术语定义

标签	描述
<abbr>	定义缩写。
<acronym>	定义首字母缩写。
<address>	定义地址。
<bdo>	定义文字方向。
<blockquote>	定义长的引用。
<q>	定义短的引用语。
<cite>	定义引用、引证。
<dfn>	定义一个定义项目。

样式标签

标签	描述
<style>	定义样式定义。
<link>	定义资源引用。
<div>	定义文档中的节或区域（块级）。
<span>	定义文档中的行内的小块或区域。
<font>	规定文本的字体、字体尺寸、字体颜色。不赞成使用。请使用样式。
<basefont>	定义基准字体。不赞成使用。请使用样式。
<center>	对文本进行水平居中。不赞成使用。请使用样式。

链接： <a>定义锚

<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>

图像标签

标签	描述
<img>	定义图像。
<map>	定义图像地图。
<area>	定义图像地图中的可点击区域。

表格标签

表格	描述
<table>	定义表格
<caption>	定义表格标题。
<th>	定义表格的表头。
<tr>	定义表格的行。
<td>	定义表格单元。
<thead>	定义表格的页眉。
<tbody>	定义表格的主体。
<tfoot>	定义表格的页脚。
<col>	定义用于表格列的属性。
<colgroup>	定义表格列的组。

列表标签

标签	描述
<ol>	定义有序列表。
<ul>	定义无序列表。
<li>	定义列表项。
<dl>	定义自定义列表。
<dt>	定义自定义项目。
<dd>	定义自定义的描述。

HTML 分组标签

标签	描述
<div>	定义文档中的分区或节（division/section）。
<span>	定义 span，用来组合文档中的行内元素。

表单标签

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

框架：通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。

<html>
<frameset cols="25%,50%,25%">
  <frame src="/example/html/frame_a.html">
  <frame src="/example/html/frame_b.html">
  <frame src="/example/html/frame_c.html">
</frameset>
</html>

cols是垂直排列，rows是水平排列。
内联框架：

使用 iframe 作为链接的目标

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>

颜色：
点击这个链接可以直观的看到各个颜色的值： http://www.w3school.com.cn/html/html_colornames.asp
2. 头部

标签	描述
<head>	定义关于文档的信息。
<title>	定义文档标题。
<base>	定义页面上所有链接的默认地址或默认目标。
<link>	定义文档与外部资源之间的关系。最常用于连接样式表。
<meta>	定义关于 HTML 文档的元数据。
<script>	定义客户端脚本。
<style>	定义文档的样式信息。

3. 脚本
<script> 标签用于定义客户端脚本，比如 JavaScript。

<script type="text/javascript">
document.write("Hello World!")
</script>

4. <meta> 标签

4.1 定义和用法

属性	值	描述
content	some_text	定义与 http-equiv 或 name 属性相关的元信息

ymangu

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML 笔记---->标签

1. HTML中一些标签的含义
复制链接

扫一扫

专栏目录