HTML——常用标签①

HTML中有许多标签可以使用,不过大多数只用<div>以及<span>两者就能满足大部分的需求

a标签

在W3school中有具体的简介
HTML——常用标签①

示例代码

<a href="http://www.baidu.com">同一个标签页打开</a><br />
	<a href="http://www.baidu.com" target="_blamk">新标签页打开www.baidu.com</a><br />
	<hr />
	<a href="http://www.baidu.com">找百度</a><br />
	<a href="http://www.baidu.com" target="_blamk">找百度</a><br />
	<hr />
	<a name="#start">返回</a><br />
	<a href="#start">返回</a>
	<br />
	<hr />
	<a href="mailto:[email protected]">我要发邮件</a>
	<br />
	<!--a href="#"代表不跳转在当前页面-->
	<!--a href="要访问网页的具体部分的名字"></a>-->
	<hr />

	图片包了一层超连接
	<br />
	<a href="http://www.baidu.com">
		<img src="mx.jpg" width="200" />
	</a>

br标签

在代码模块中进行换行处理
注意

  • <br> 标签是空标签,没有结束标签。在 XHTML 中,使用方法为 <br /><br>
  • 标签只是简单地开始新的一行,而当浏览器遇到 <p> 标签时,通常会在相邻的段落之间插入一些垂直的间距。

详情点击了解

一些简单的特殊符号

<br/>
&lt;br/&gt;<br />
与号:&-&#38
与号:&amp;-&#38<br />
版权符号:©
版权符号:&copy;<br />
空格          Test
空格&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Test

事例代码

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>

<body>

  <a name="start">欢迎来到我的第一个网页</a>
  请访问我的主页:<a href="http://www.baidu.com">我的主页</a>
  <br />
  <!--换行标签  break-- -->
  <p align="right">段落标签</p>

  <!-- hr -->
  我是水平线,会自动在前后各加一个换行
  <hr />
  可以加属性
  <hr color="red" />
  能改变长宽
  <hr size="100" width="100" color="red" align="right" />
  居右显示
  <hr width="200" align="right" />
  <hr />
  &lt;br/&gt;<br />
  与号:&amp;-&#38<br />
  版权符号:&copy;<br />
  空格&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Test
  <br />
</body>

</html>

结果

HTML——常用标签①