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.0 1995
HTML 3.2 1997
HTML 4.01(H4) 1999
XHTML 1.0 2000
HTML5 (H5)

2012

XHTML 5 2013

 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

多易出品,必属精品。

猜你喜欢

转载自blog.csdn.net/sinat_40775402/article/details/108153914