当前位置: 首页 > news >正文

HTML 初体验

HTML(超文本标记语言)全称:HyperText Markup Language。

超文本是什么?

答:超文本就是网页中的链接。

标记是什么?

答:标记也叫标签,是带尖括号的文本。

需求1:将“我爱中国”显示在网页上。

代码1:

//需求1:将“我爱中国”显示在网页上。
<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title></head><body>我爱中国</body>
</html>

网页结果1:

需求2:将“我爱中国”加粗显示在网页上。

代码2:

//需求2:将“我爱中国”加粗显示在网页上。
<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title></head><body><strong>我爱中国</strong></body>
</html>

网页结果2:

其中"<strong>"叫做开始标签,"</strong>"叫做结束标签。

双标签概念:成对出现的标签,例如上面提及的"<strong></strong>"标签。

单标签概念:只有开始标签,没有结束标签,例如:"<br>"换行标签;"<hr>"水平线标签。

需求3:将“我爱中国”加粗显示在网页上,将“国家富强,民族复兴”不加粗显示在网页上。

代码3:

//需求3:将“我爱中国”加粗显示在网页上,将“国家富强,民族复兴”不加粗显示在网页上。
<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title></head><body><strong>我爱中国</strong>国家富强,民族复兴</body>
</html>

网页结果3:

需求4:将“我爱中国”加粗显示在网页上,将“国家富强,民族复兴”不加粗换行显示在网页上。

代码4:

//需求4:将“我爱中国”加粗显示在网页上,将“国家富强,民族复兴”不加粗换行显示在网页上。
<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title></head><body><strong>我爱中国</strong><br>国家富强,民族复兴</body>
</html>

网页结果4:

需求5:将“我爱中国”显示在网页上,在下一行显示一条水平线。

代码5:

//需求5:将“我爱中国”显示在网页上,在下一行显示一条水平线。
<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title></head><body><strong>我爱中国</strong><hr></body>
</html>

网页结果5:

提问:

1.保存HTML标签的文件扩展名是什么?

答:.html。

2.HTML标签名要放到什么括号里面?

答:尖括号(<>)。

3.结束标签比开始标签多什么?

答:“/”。

4.标签包裹的内容放在什么位置?

答:开始标签和结束标签之间。

http://www.lryc.cn/news/586849.html

相关文章:

  • 软件文档体系深度解析:工程视角下的文档架构与治理
  • OneCode3.0 VFS分布式文件管理API速查手册
  • jenkins使用Jenkinsfile部署springboot+docker项目
  • 代码随想录|图论|15并查集理论基础
  • Docker一键安装中间件(RocketMq、Nginx、MySql、Minio、Jenkins、Redis)脚步
  • SDN软件定义网络架构深度解析:分层模型与核心机制
  • Redis缓存设计与性能优化指南
  • 解码冯・诺依曼:操作系统是如何为进程 “铺路” 的?
  • [Nagios Core] CGI接口 | 状态数据管理.dat | 性能优化
  • 基于Redis Streams的实时消息处理实战经验分享
  • Appium源码深度解析:从驱动到架构
  • 使用macvlan实现容器的跨主机通信
  • 在Intel Mac的PyCharm中设置‘add bin folder to the path‘的解决方案
  • React强大且灵活hooks库——ahooks入门实践之常用场景hook
  • p4 大小写检查
  • Rust赋能文心大模型4.5智能开发
  • QCustomPlot绘图保存成PDF文件
  • 软考中级学习系列-- 阶码与尾数
  • 香港服务器Python自动化巡检脚本开发与邮件告警集成
  • 详解Linux下多进程与多线程通信(一)
  • Leetcode 3615. Longest Palindromic Path in Graph
  • OpenLoong技术观察 | 卓益得十年磨一剑:“行者”系列人形机器人技术演进观察
  • 构造函数延伸应用
  • DH(Denavit–Hartenberg)矩阵
  • redis汇总笔记
  • JAVA生成PDF(itextpdf)
  • 译码器设计
  • 论意识与人工智能:跨越鸿沟的艰难求索
  • gitlab批量删除远程分支(推荐方案二)
  • Java 大视界 -- Java 大数据在智能安防视频监控系统中的视频摘要快速生成与检索优化(345)