为什么学习HTML

关于HTML那些事儿

随着5G的普及,互联网的发展,5G为大数据的采集和分析处理提供了基础条件,伴随着小视频和小程序的火爆,中国的互联网肯定是要飞速发展的,在此次发展中前端或多或少,也许占不了主导地位,但在未来的时代他一定扮演重要角色,而前端的基石之一的HTML又担当什么角色呢?


提示:以下是本篇文章正文内容,下面案例可供参考

一、HTML是什么

HTML(超文本标记语言——HyperText Markup Language),它定义了网页内容的含义和结构,很多人都知道前端的组成来自三个方面,HTML,CSS,和JavaScript,它们三个组成了前端界面,HTML好比是一个人的身体,CSS就是人的皮肤,那JavaScript就是人的灵魂,俗话说的好,千里之堤,始于足下,所以在学CSS和JavaScript之前,HTML是前端人员的必经之路。主要应用的领域有,web前端、java、大数据等等IT行业。

二、HTML和CSS的区别

1.HTML的代码解析

代码如下(示例):

<!DOCTYPE html>
<html lang="en">

<head>
  <!-- 指定当前HTML页面的编码格式 -->
  <meta charset="UTF-8">
  <!-- 指定当前HTML页面的视口 -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- 指定当前HTML页面的标题 -->
  <title>百度一下,你就知道</title>
</head>

<body>
  <!-- body指定当前HTML页面的主体,也就是内容显示的区域-->
</body>

</html>

2.关于HTML文本元素…

代码如下(示例):

在HTML中,每个段落是通过< p >元素标签进行定义的, 比如下面这样:

  <!-- 段落元素 -->
  <p>我是一个段落,略略略</p>

网页显示效果(示例):
在这里插入图片描述

HTML每个标题是通过“标题标签”进行定义的:

  <!-- 标题元素 -->
  <h1>标题一</h1>
  <h2>标题二</h2>
  <h3>标题三</h3>
  <h4>标题四</h4>
  <h5>标题五</h5>
  <h6>标题六</h6>

网页显示效果(示例):
在这里插入图片描述
HTML的加粗和斜体,双引号,以及自动缩进

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>练习代码</title>
</head>

<body>
  <!-- 
    加粗元素:
    * <b>元素来表示比较重要的信息
    * <strong>元素就表示单纯地加粗
   -->
  <b>我是粗体</b>
  <br><!-- 我是换行标签<br> -->
  <strong>我才是粗体好吧</strong>
  <br>
  <!-- 
    斜体元素:
    * <i>元素就表示单纯地斜体
    * <em>元素来表示需要着重阅读的信息
   -->
  <i>我是斜体</i>
  <br>
  <em>你是假的,我才是斜体</em>
  <br>
  <!-- 
    引用元素:
    * <blockquote>元素会自动缩进
    * <q>元素会自动添加双引号
   -->
  <blockquote>我会自动缩进哦</blockquote>
  <br>
  <q>给我加上双引号</q>
</body>

</html>

网页显示效果(示例):
在这里插入图片描述

总结

提示:以上代码只是HTML的一点点,以后博主还会持续更新的,希望大家关注哦
HTML相对来说入门是比较简单的编程语言,但是精通比较难,我在这给大家分享一个帮助文档,MDN 文档和网站,望诸君在学习前端的道路上一帆风顺,最后给大家分享一段我特别喜欢的话,宝剑尚未佩妥,出门便是江湖,愿你们历尽千帆,归来仍是少年!!!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值