HTML入门必读及如何写好第一个HTML程序

HTML概念

HTML是用来描述网页的一种语言

HTML指的是超文本标记语言:Hyper Text Markup Language

HTML的特点

       a)超文本:比普通文本更牛逼的文本不仅仅可以展示文字,可以展示各种媒体内容(如图)

       b)一般有前端工作人员来完成,后台研发人员不需要编写

       c)标记:(标签/元素/标记)

             标记通常被称为HTML标签(HTML tag)

  • HTML标签是有尖括号包围的关键词,比如<html>
  • 封闭类型标记(也叫双标记),必须成对出现,如<p></p>
  • 标签对中的第一个标签是开始标签,第二个标签是结束标签
  • 开始和结束标签也被称为开放标签和毕业标签
  • 非封闭类型标记(也叫作空标记)或者单标记,如<br/>

总结:我们学习HTML就是学习各种各样的标签,可以达到比普通文本更厉害的功能。那么后续浏览器可以对html文件做解析,就可以在浏览器上展示好看的效果。

HTML的作用

通过使用HTML的各种标签,然后生成一个HTML文件,这个文件可以被浏览器解析,浏览器内部有一个专门的HTML的解析器,解析后我们就可以看到炫酷的页面。

 

HTML版本

 
版本发布时间

HTML

1991
HTML+1993
HTML 2.01995
HTML 3.21997
HTML 4.01(H4)1999
XHTML 1.02000
HTML5 (H5)

2012

XHTML 52013

 HTML的标准结构

通过记事本编辑代码即可,用该语言编写的文件,以.html 或者.htm为后缀。

HTML不区分大小写,建议小写

开始写代码:

(1)新建一个纯文本文档,给文件起名字,将后缀名改为.html

(2)右键-用记事本打开,编写代码

<html>

<head>
不显示在网页上,但是有比较重要的信息
    <title>第一个在多易学习的网页</title>
</head>

<body>
今天天气很好,大家都坐在多易教育的教室里
</body>

</html>

(3)下载谷歌浏览器或火狐浏览器

(4)选择文本文档,右键-打开方式-谷歌浏览器等浏览器打开

(5)展示页面效果

根标签 html 最外层的标签  所有其他的标签都放入该标签中

html 根标签有两个一级子标签   分别是  head   body

head 中一般放的是不显示在网页上 但是有比较重要的信息

body 中一般放的显示在页面上的内容

 

 


 

获取更多优质内容可以搜索多易教育公众号或搜索B站多易教育UP

 

多易出品,必属精品。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值