HTML 标签学习总结第一天

最新推荐文章于 2021-08-03 23:23:16 发布

王睿丶

最新推荐文章于 2021-08-03 23:23:16 发布

阅读量272

点赞数

文章标签： HTML 标签总结前端 Javaweb

本文链接：https://blog.csdn.net/qq_27494201/article/details/95545831

版权

标签介绍：

【h】、【p】、【img】、【a】、【em】、【strong】、【title】、【span】、【q】、【blockquote】、【br】、【%nbsp】、【hr】

HTML 标题

<h1>、<h2> 、<h3>、<h4>、<h5>	越小字体越大

    <h1>你好h1</h1>
    <h2>你好h2</h2>
    <h3>你好h3</h3>
    <h4>你好h4</h4>
    <h5>你好h5</h5>

图：

在这里插入图片描述
HTML 段落

<p>		段落

<p>2019年7月12日，是我大一的暑假时期，我正在入门HTML，我相信坚持就是胜利，每天的努力都是值得的</p>
<p>不管有多难，只要努力，都一定能克服，大家与我一起加油吧！</p>

图：

在这里插入图片描述

HTML 图片

<img src="http://img.mukewang.com/52b4113500018cf102000200.jpg" width="500" height="400">

width 设置图片宽度

height 设置图片高度

图：

在这里插入图片描述
HTML 链接

<a href="http://www.w3cschool.cn">这是一个链接</a>

图：

在这里插入图片描述
HTML 强调

<em>需要强调的文本</em>  

<strong>需要强调的文本</strong>

<em>的内容在浏览中显示为斜体，<strong>显示为加粗

推荐使用：<strong>

<p>我明天 <strong>生日</strong> 要来吗 ？^_^</p>

图：

在这里插入图片描述
HTML 头部

  <title>Html和CSS的关系</title>

图：

在这里插入图片描述
HTML 标签为文字设置单独样式

<span>

<p> 努力的人不会，会有幸运的一天！<span>青春就要拼搏</span> 未来的自己一定会感谢现在刻苦努力的自己</p>

图：

在这里插入图片描述

HTML 短文本引用

<q>
注意这里用<q>标签的真正关键点不是它的默认样式双引号（如果这样我们不如自己在键盘上输入双引号就行了），而是它的语义：引用别人的话。

<p>有句话说得好<q>早起的鸟儿，有虫吃</q>

图：

在这里插入图片描述

HTML 长文本引用

<blockquote>	浏览器对<blockquote>标签的解析是缩进样式

<p>大家都在忙于自认为最重要的事情，却没能享受到人生的乐趣，反而要吞下苦果？
<blockquote>暗淡轻黄体性柔，情疏迹远只香留。何须浅碧深红色，自是花中第一流。</blockquote>加油加油</p>

图：

在这里插入图片描述

HTML 分行显示文本

<br>		在需要加回车换行的地方加入<br />，<br />标签作用相当于word文档中的回车

<p>暗淡轻黄体性柔，<br/>情疏迹远只香留。<br/>何须浅碧深红色，<br/>自是花中第一流。</p>

图：

在这里插入图片描述

HTML 空格

&nbsp;

<h1>感悟梦想</h1>
来源：作文网&nbsp;&nbsp;作者：为梦想而飞

图：

在这里插入图片描述
HTML 添加水平横线

<hr>

<p>火车飞驰过暗夜里的村庄，月光，总是太容易让思念寂寞，太容易让人觉得孤独。</p>
<hr>
<p>每一枚被风吹起的蒲公英，都载满了一双眼睛的深情告别与一个目光的依依不舍。那天，我拿着行李，带上一个背影的祝福与惆怅，挥手告别了这片土地。我不知道，我何时会回来。</p>

图：

在这里插入图片描述

关注