1.锚点链接
<body>
<a name="t">anthor</a>
<br />
<br />
....
<a href="#t">link</a>
</body>
2.分割线<hr>
<hr noshade="noshade" c color="blue" width="300" size="2" align="center" />
3.文字的显示效果
<b>黑体</b>
<i>斜体</i>
<u>上划线</u>
<s>下划线</s>
<sup>上标</sup>
<sub>下标</sub>
4.文字的布局
<p>分段显示</p>
<div>分层显示</div>
<span>分块显示</span>
<ul>
<li type="disc">符号列表</li>
</ul>
<ol>
<li>数字列表</li>
</ol>
<pre>保持原有格式</pre>
5.图片
<img src="../images/01.jpg" alt="图片" border="1" />
6.表格
<table width="780" align="center" border="2">
<tr>
<!-- 宽度设定一次下面的就不用设置了 -->
<td width="30%" align="center">A</td>
<td width="30%" align="center">B</td>
<td align="center">C</td>
</tr>
<!-- 设定一个格的高度下面的td就跟着变了 -->
<!-- valign是垂直对齐显示，相对于Y轴 -->
<tr>
<td height="50" valign="top">D</td>
<td>E</td>
<td valign="bottom">F</td>
</tr>
<tr>
<td rowspan="2" colspan="2">我是小霸王</td>
<td>我只有一个td了</td>
</tr>
<tr>
<td>我也只有一个td了</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
7.表单
■
form标签
<!-- Get:发送较少数据(256byte), 显示在url中, url/userinfo?username=apq&password=123-->
<!-- Post:数据长度无限制，不会显示在url中-->
<form action="01.jsp" method="post">
</form>
■
其它标签
<form action="01.jsp" method="post">
<!-- 输入框 -->
<input type="text" name="username" size="20" maxlength="10" />
<!-- 密码框 -->
<input type="password" name="pw" size="20" maxlength="10" />
<!-- 单选按钮 -->
<!-- 用法: 同一个name不同的value -->
<input type="radio" name="sex" value="male" checked="checked" />男
<input type="radio" name="sex" value="female"> 女
<!-- 多选按钮 -->
<input type="checkbox" name="fruit" value="apple" checked="checked" />apple
<input type="checkbox" name="fruit" value="pear"/>pear
<!-- 按住ctrl键多选 -->
<select name="fruit" size="8" multiple="multiple">
<option value="apple" selected="selected">apple</option>
<option value="pear">pear</option>
</select>
<!-- 下拉条 -->
<select name="province">
<option value="0" selected="selected">请选择</option>
<option value="ln">辽宁</option>
<option value="bj">北京</option>
</select>
<!-- textarea -->
<textarea name="text" rows="10" cols="80" wrap="hard"></textarea>
<!-- 提交 重置 按钮 -->
<input type="submit" value="提交" />
<input type="reset" value="重置" />
<input type="button" value="按钮" />
<!-- 隐藏域 -->
<input type="hidden" name="fruit" value="apple" />
</form>
8.框架
■
frameset
<title>A</title>
</head>
<!-- 注意:不要有body标签 -->
<frameset cols="20%, *" framespacing="20">
<frame name="left" src="B.html" noresize scrolling="auto" frameborder="0" />
<frame name="right" src="C.html" frameborder="0" />
</frameset>
<!-- 对不支持框架的浏览器提示 -->
<noframes>
<body>本页面不支持框架显示</body>
</noframes>
</html>
<title>B</title>
</head>
<body bgcolor="#CCCCCC">
<p>B</p>
</body>
</html>
<title>C</title>
</head>
<frameset rows="40%, *" framespacing="10">
<frame name="righttop" src="C_01.html" frameborder="0" />
<frame name="rightbottom" src="C_02.html" frameborder="0" marginwidth="30" marginheight="30" />
</frameset>
<!-- 对不支持框架的浏览器提示 -->
<noframes>
<body>本页面不支持框架显示</body>
</noframes>
</html>
<title>C_01</title>
</head>
<body bgcolor="#CCCCCC">
<p>C_01</p>
</body>
</html>
<title>C_02</title>
</head>
<body bgcolor="#CCCCCC">
<a href="B.html">链接到B</a>
<br />
<a href="C_01.html">链接到C_01</a>
<br />
<a href="B.html" target="righttop">链接到B, 在右上窗口显示</a>
<br />
<a href="B.html" target="_parent">链接到B, 在父窗口显示(C.html)</a>
<br />
<a href="B.html" target="_top">链接到B, 在顶层窗口显示</a>
<br />
<a href="B.html" target="_blank">链接到B, 在新窗口显示</a>
</body>
</html>
■
iframe
<iframe src="u.html" name="w">hhh</iframe>
<br /><br />
<a href="anthor.html" target="w">AAA</a>
9.邮件链接
<a href="mailto:baby69yy2000@163.com?subject=请给我留言">给我写邮件</a>
分享到：
相关推荐
在本资源中，我们看到的"HTML常用标签代码"显然是一个帮助初学者或开发者学习和练习HTML标签的资料。下面将详细介绍一些常见的HTML标签及其用法。 1. `<html>`: 这是每个HTML文档的根元素，包含整个网页的代码。...
HTML常用标签详解 HTML 是 HyperText Markup Language 的缩写，是一种用于创建网页的标记语言。它由一系列的标签组成，每个标签都有其特定的功能和用途。本文将对 HTML 中常用的标签进行详细的解释。 1. 文件标题 ...
以上只是HTML常用标签属性的一小部分，实际中还有如（分隔内容）、至（标题）、和（无序列表）、和（有序列表）等许多其他标签及其属性。了解并熟练掌握这些标签和属性，将有助于创建功能丰富、易读性强的网页。在...
03_HTML常用标签.md
### HTML常用标签详解 #### 一、文档结构与元数据 - **`<html>`**：此标签用于声明一个HTML文档的开始与结束。 - **`<head>`**：此标签用于包含关于文档的元数据（例如标题、样式表链接等），这些数据不会在浏览器...
在“20.2 HTML 常用标签”这个主题中，我们将深入探讨一些HTML中不可或缺的核心标签，这些标签对于创建功能性且结构清晰的网页至关重要。 1. **文档类型声明（<!DOCTYPE html>）**：这是每个HTML文档的开头，用于...
HTML常用标签 HTML 是构建网页的基础语言，它提供了一些基本的结构元素来组织内容。这些结构元素被称为 HTML 标签。 HTML 标签是 HTML 文档的基础，通过这些标签，可以构建一个完整的网页。 基本文档结构标签 1. ...
自己总结的HTML常用标签自己总结的HTML常用标签自己总结的HTML常用标签自己总结的HTML常用标签自己总结的HTML常用标签自己总结的HTML常用标签自己总结的HTML常用标签自己总结的HTML常用标签自己总结的HTML常用标签...
### HTML常用标签以及技巧详解 #### 一、HTML基础概述 HTML（HyperText Markup Language）是一种标记语言，用于创建网页并定义网页结构。通过一系列标签（Tag），HTML能够描述文档内容及其显示方式。 #### 二、...
这篇PPT "HTML常用标签和属性" 是为初学者设计的，旨在帮助他们快速掌握HTML的核心概念。 1. HTML标签： HTML标签是HTML中的基本元素，通常由尖括号包围，如`<html>`、`<head>`、`<body>`等。这些标签定义了网页的...
html html5 css html常用标签（元素）的总结 html常用标签（元素）的总结 html常用标签（元素）的总结 html常用标签（元素）的总结 html常用标签（元素）的总结 html常用标签（元素）的总结 html常用标签（元素）的...
HTML常用标签属性大全
其中的"HTML常用标签.doc"文件，可能包含了详细的标签解释和示例，方便读者查阅和实践。而"html教材.doc"则可能是更全面的HTML理论知识，可能涵盖了HTML5的新特性，如音频、视频标签`<audio>`和`<video>`，画布`...
HTML 常用标签 HTML（HyperText Markup Language）是一种标记语言，用于创建网页的结构和内容。下面是 HTML 中常用的标签，按照功能分类： 文本标签 * 标题标签：<h1>...（最大）、<h6>...（最小） * 粗体标签：...
以上只是HTML常用标签的一小部分，学习HTML还需要掌握如何正确地嵌套标签，理解CSS用于样式控制，以及JavaScript用于添加动态功能。通过不断实践和学习，你将能熟练掌握HTML，创建出美观且功能丰富的网页。
本网页是利用table制作！为了文本能够更好的显示，所以采用表格布局!