[精彩网文] HTML入门基础篇
作者:精品下载站 日期:2020-11-14 17:47:27 浏览:73 分类:网文网语
作为WEB前端系列的第一篇文章,本文从最基础的HTML来开始介绍,本文针对零基础的对前端感兴趣的同学,保证所有人都能看得懂,并且能够理解,有基础的可以自动跳过本篇。
什么是HTML
HTML(Hyper Text Makup Language)即超文本标记语言,是用来描述网页的一种语言。HTML是一种在WEB上使用的通用标记语言。所谓标记语言,是一套标记标签(Markup Tag)。HTML使用标记标签来描述网页,包含了HTML标签及文本内容。HTML文档也叫做web页面。
当然了,只是这样简单的说明可能大部分初学者还是不能体会到到底是什么意思,那么下面我们就以一个简单的例子来进行说明:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>test</title> </head> <body> <h1>这是h1标签</h1> <h2>这是h2标签</h2> <h3>这是h3标签</h3> <ss>这是自己定义的一个没有默认属性的标签</ss> </body> </html>
当我们使用浏览器打开上面的文件,我们就会在浏览器看到下面的内容,我们可以看到使用h1-h3的标签的文本内容是会有默认格式的,而使用ss标签时,是完全没有格式而是默认属性的,这是因为在html中有很多标签是有自己的定义属性的,也就是说当我们使用这些标签的时候,文本内容就会有规定好的属性,而我们自己随便给的一个标签则是完全没有属性的。
![[精彩网文] HTML入门基础篇](https://www.cdz432.com/zb_users/upload/2022/11/20221115010759166844567985644.jpeg)
那么我们学习HTML学什么呢,我们就是在学习这些标签的使用,比如我要在网页中显示一张图片那么我们就应该使用<img>标签,要在网页中显示一个链接,我们就应该使用<a>标签。
当然,在本章中我们只需要对标签的概念有个初步了解即可,关于web前端有哪些标签以及每个标签的使用方法,我们将会在下一篇进行详细介绍。
下面我们来看一下刚才的示例中每句话的具体含义:
- <!DOCTYPE html>声明为HTML5文档
- <html>元素是HTML页面的根元素
- <head>元素包含了文档的元(meta)数据,如<meta charset="utf-8">定义网页编码格式为utf-8(由于在大部分浏览器中直接输出中文会出现乱码,所以要在头部将字符声明为UTF-8)
- <title>元素描述了文档的标题
- <body>元素包含了可见的页面内容
- <h1>元素定义一个大标题
那么可能有些同学想问,我该怎么新建一个html的文件并且把代码输入进去呢,作文web前端系列的第一篇文章,大家可以随意新建一个txt文件,然后把代码输入到新建的这个记事本当中,然后重命名把后缀.txt改成.html,那么一个html文档就建好了。这就是一个最基础的wen网页了,双击打开该文件,在浏览器上是不是就看到了自己的网页了!
当然之后我们肯定是要用编辑器来进行编程的,因为到时候的代码量会很大,在后续文章我们会推荐大家使用VScode进行编程,并且手把手带大家进行下载安装!
这一篇的内容比较简单,主要是想让大家明白html中标签的含义
大家一起期待后续的学习吧!
猜你还喜欢
- 05-21 [影视资讯] 《最后生还者》游戏 vs 电视剧:第二季第三集与游戏的 6 大不同之处
- 05-21 [影视资讯] 海军罪案调查处:起源 结局解析——第一季最大爆料和第二季预测
- 05-21 [影视资讯] 《最后生还者:赛拉菲特》教派解析——符号含义、面部标记、先知与游戏关联
- 05-21 [影视资讯] 《你》第五季主演是谁?最终季完整角色及演员阵容解析
- 05-21 [影视资讯] 《你》第五季结局解析:乔·戈德堡最终得到了应有的惩罚吗?
- 05-21 [影视资讯] 《最后生还者》中每个令人毛骨悚然的感染阶段详解:从跑步者到鼠王
- 05-21 [影视资讯] 《心脏骤停》大结局:第四季即将上映?为何要拍电影?
- 05-21 [影视资讯] 《夜魔侠:重生》第一季结局解析——黑暗时代开始
- 05-21 [影视资讯] 《最后生还者》第二季第二集:剧集与游戏的差异揭晓
- 05-21 [影视资讯] 《最后生还者》第二季原声带:每集歌曲解析
- 05-21 [影视资讯] 哈利·波特电视剧:上映日期、演员阵容、剧情、时间线以及我们所知道的一切
- 05-21 [影视资讯] 超人预告片终于来了:您可能会错过的隐藏细节!
取消回复欢迎 你 发表评论:
- 精品推荐!
-
- 最新文章
- 热门文章
- 热评文章
[影视] 黑道中人 Alto Knights(2025)剧情 犯罪 历史 电影
[古装剧] [七侠五义][全75集][WEB-MP4/76G][国语无字][1080P][焦恩俊经典]
[实用软件] 虚拟手机号 电话 验证码 注册
[电视剧] 安眠书店/你 第五季 You Season 5 (2025) 【全10集】
[电视剧] 棋士(2025) 4K 1080P【全22集】悬疑 犯罪 王宝强 陈明昊
[软件合集] 25年6月5日 精选软件22个
[软件合集] 25年6月4日 精选软件36个
[短剧] 2025年06月04日 精选+付费短剧推荐33部
[短剧] 2025年06月03日 精选+付费短剧推荐25部
[软件合集] 25年6月3日 精选软件44个
[剧集] [央视][笑傲江湖][2001][DVD-RMVB][高清][40集全]李亚鹏、许晴、苗乙乙
[电视剧] 欢乐颂.5部全 (2016-2024)
[电视剧] [突围] [45集全] [WEB-MP4/每集1.5GB] [国语/内嵌中文字幕] [4K-2160P] [无水印]
[影视] 【稀有资源】香港老片 艺坛照妖镜之96应召名册 (1996)
[剧集] 神经风云(2023)(完结).4K
[剧集] [BT] [TVB] [黑夜彩虹(2003)] [全21集] [粤语中字] [TV-RMVB]
[实用软件] 虚拟手机号 电话 验证码 注册
[资源] B站充电视频合集,包含多位重量级up主,全是大佬真金白银买来的~【99GB】
[影视] 内地绝版高清录像带 [mpg]
[书籍] 古今奇书禁书三教九流资料大合集 猎奇必备珍藏资源PDF版 1.14G
[电视剧] [突围] [45集全] [WEB-MP4/每集1.5GB] [国语/内嵌中文字幕] [4K-2160P] [无水印]
[剧集] [央视][笑傲江湖][2001][DVD-RMVB][高清][40集全]李亚鹏、许晴、苗乙乙
[电影] 美国队长4 4K原盘REMUX 杜比视界 内封简繁英双语字幕 49G
[电影] 死神来了(1-6)大合集!
[软件合集] 25年05月13日 精选软件16个
[精品软件] 25年05月15日 精选软件18个
[绝版资源] 南与北 第1-2季 合集 North and South (1985) /美国/豆瓣: 8.8[1080P][中文字幕]
[软件] 25年05月14日 精选软件57个
[短剧] 2025年05月14日 精选+付费短剧推荐39部
[短剧] 2025年05月15日 精选+付费短剧推荐36部
- 最新评论
-
- 热门tag