关于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 文档和网站,望诸君在学习前端的道路上一帆风顺,最后给大家分享一段我特别喜欢的话,宝剑尚未佩妥,出门便是江湖,愿你们历尽千帆,归来仍是少年!!!