标签介绍:
【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 空格
<h1>感悟梦想</h1>
来源:作文网 作者:为梦想而飞
图:
HTML 添加水平横线
<hr>
<p>火车飞驰过暗夜里的村庄,月光,总是太容易让思念寂寞,太容易让人觉得孤独。</p>
<hr>
<p>每一枚被风吹起的蒲公英,都载满了一双眼睛的深情告别与一个目光的依依不舍。那天,我拿着行李,带上一个背影的祝福与惆怅,挥手告别了这片土地。我不知道,我何时会回来。</p>
图: