前端学习基础标签（一）

最新推荐文章于 2024-06-27 16:28:24 发布

lu_xiaojie

最新推荐文章于 2024-06-27 16:28:24 发布

阅读量153

点赞数

本文链接：https://blog.csdn.net/lu_xiaojie/article/details/81873302

版权

上面为代码下面为效果

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第一个html</title>
</head>
<body>

<font id="aaa" size="5" color="red">size==大小 color==颜色</font>
<hr>

<strong>strong标签 加粗</strong>  <b>b标签加粗</b>
<hr>

<em>em标签 标斜</em>
<hr>

<del>删除线标签del</del>  <s>删除线标签s</s>
<hr>


<em><del>删除线标签del+em斜线</del></em>
<hr>

<ins>下划线标签ins</ins> <u>下划线标签u</u>
<hr>

<base target="_blank"> <!--全局超链接打开方式-->

<p>图片标签</p>
<img src="aaa.gif" alt="如果路径不存在则现在alt中的文本" title="鼠标放到图片上显示的文字">
<hr>

<p>超链接</p>
<a href="http://118.25.90.70/" title="超链接">lxjsb</a>
<a href="http://118.25.90.70/" title="超链接">lxjsb</a>
<hr>

<a href="#aaa">回到顶部</a>
<hr>

<a href="#">空链</a>
<hr>


<hr>

<ul title="ul 无序列表" type="circle"> <!--square方块 disc实心圆 circle空心圆-->
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
<hr>

<ol title="有序列表" type="circle" start="5">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ol>
<hr>

<dl>
<dt>小标题</dt> <!--小标题-->
  <dd>小小</dd> <!--解释标题-->
  <dd>小小</dd>
<dt>小标题</dt>
</dl>
<hr>

<embed src="1.mp3">
<hr>


<marquee> <!--滚动-->
  <ol title="有序列表" type="circle" start="1">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>

</marquee>
<br>


  sssss<br/>aaaa  <!--br 换行-->
  ccccc<hr/>dddd  <!--hr 水平线-->
  <hr>
  <p>P标签 为文本内容标签特点：上下自动生成空白行。br 换行不会生成特点：上下自动生成空白行。br 换行不会生成
    特点：上下自动生成空白行。br 换行不会生成空白行。
  </p>
  <br>

  <h1>一个页面只能出现一次</h1>
  <h2>一个页面只能出现一次</h2>
  <h3>一个页面只能出现一次</h3>
  <h4>一个页面只能出现一次</h4>
  <h5>一个页面只能出现一次</h5>
  <h6>一个页面只能出现一次</h6>
</body>
</html>