HTML基础教程二

最新推荐文章于 2024-04-12 07:18:42 发布

王十分

最新推荐文章于 2024-04-12 07:18:42 发布

阅读量509

点赞数

本文链接：https://blog.csdn.net/weixin_50266519/article/details/111559770

版权

奉天承运，博主诏曰：

HTML基础教程二

内容简介
文本标签
- 标签详解
- 操作练习
图片代码：
超链接标签代码

内容简介

本篇承接上一篇“HTML基础教程一”，新学一些文本标签，图片标签，超链接标签。

文本标签

标签详解

标签	功能	说明
`<strong></strong>`	字体加粗	大小和h4大小一致（原文大小）但不会换行，不会变化行间距
`<em></em>`	字体倾斜	被em标签包裹的部分，字体变斜体
` `	代表空格	html页面本身多个空格只能显示一个，需要多个空格时候使用
`>`	大于号	大于号也可以在代码中直接打出来，代替是为了避免和标签括号混淆
`<`	小于号	原因同上
`"`	引号	原因同上
`©`	版权符	版权符号
`<!-- -->`	代码注释	只能在代码中看见的部分，用于开发者做一些笔记注释

操作练习

我们以《望庐山瀑布》这首诗为例编写一段代码：

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>html基础练习2</title>
 </head>
 <body>
  <h1>望庐山瀑布</h1>
  <h6>作者：李白</h6>
  <p>
  <strong>日照香炉生紫烟，</strong><br/>
  <em>遥看瀑布挂前川。</em><br/>
  飞流直下三千尺，<br/>
  &quot;疑是银河落九天。&quot;
   </p>
  影响力排名：李白&gt;杜甫&nbsp;&nbsp;&nbsp;杜甫&lt;李白
  版权归属唐诗300首&copy;
 </body>
</html>

右击桌面新建一个"txt"文档，将文件后缀改成"html"，弹出对话框点击确定：
在这里插入图片描述

右击文件用“记事本”打开，将代码填入文档中：

最低0.47元/天解锁文章

王十分

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML基础教程二

新学一些文本标签标签功能说明<strong></strong>字体加粗大小和h4大小一致（原文大小）但不会换行，不会变化行间距<em></em>字体倾斜被em标签包裹的部分，字体变斜体&nbsp;代表空格html页面本身多个空格只能显示一个，需要多个空格时候使用&gt;大于号大于号也可以在代码中直接打出来，代替是为了避免和标签括号混淆&lt;小于号原因同上&amp
复制链接

扫一扫