1. 首页
  2. HTML

什么是HTML?

HTML(HyperText MarkUp Language)超文本标记语言,通过使用标记来描述文档结构和表现形式的一种语言,由浏览器进行解析,然后把结果显示在网页上. 它是网页构成的基础,你见到的所有网页都离不开HTML,所以学习HTML是基础中的基础.

不要相信任何所谓程序员说的:“HTML是用来做网页的”。

这句话正确的描述是:“HTML是用于描述超文本的,网页是一个超文本资源节点”。

HTML和网页本无联系。

HTML是什么

什么是HTML?

HTML是用来制作网页的标记语言

  • HTML是Hypertext Markup Language的英文缩写, 即超文本标记语言
  • HTML语言是一种标记语言,不需要编译,直接由浏 HTML语言是一种标记语言,不需要编译,直接由浏览器执行
  • HTML文件是一个文本文件,包含了一些HTML元素, HTML文件是一个文本文件,包含了一些HTML元素,标签等.
  • HTML文件必须使用html或htm为文件名后缀
  • HTML是大小写不敏感的,HTML与html是一样的

Html和CSS的关系

学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的:

1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。

2. CSS样式是表现(外观控制)。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

3. JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。

学习HTML困难吗?

可能你以为制作一个网站很难,但事实并非如此!制作网站其实是很简单的事情,就像你编辑word文档,文字加粗,文字改变颜色,添加背景,文字居中,插入图片等等,在网页上只不过你把你的这些操作使用HTML语言来表示罢了。假如你认真学习本课程的话,你将能10分钟入门,30分钟做一个简单的网页,1小时制做一个网站。

关于HTML文档的后缀名

我们知道HTML文件的后缀名有.htm和.html,出现2个后缀的原因是过去的老软件只支持3个字母的后缀,所以.html的文件只能写成写成.htm,这是长久以来形成的习惯. 当然现在不存在软件不支持的情况,使用哪种后缀看你的喜好.

让计算机显示后缀名

1.如果是Windows7系统,双击打开桌面上的”计算机”. 如果是XP系统双击打开桌面上的”我的电脑”

2.点击菜单的”工具”按钮打开”文件夹选项”.

什么是HTML?

3.点击查看按钮, 取消”隐藏已知的文件、文件夹和驱动器”选项

什么是HTML?

第一个HTML

打开windows的记事本,粘贴以下代码

1
2
3
4
5
6
7
8
<html
<head>
    <title>网页标题</title>
</head>
<body>
    <p>第一个HTML文件</p>
</body>
<html>

点击记事本菜单的”文件”按钮打开”另存为”对话框,填写文件名为”First.html”

什么是HTML?

双击打开这个HTML文件,显示结果如图:

什么是HTML?

HTML开发工具

正常情况下估计你已经拥有所需要的所有的工具了。浏览器(browser)它是用于浏览网站的程序。关于游览器有很多可供选择,最普及的浏览器当属微软(Microsoft)公司的 Internet Explorer(IE),其他的一些浏览器包括  Chrome(谷歌)、Firefox(火狐)等。这些浏览器的基本功能都是浏览网页,因此具体使用哪个浏览器是无所谓的。

需要注意的是搜狗浏览器,360浏览器他们使用的是IE和谷歌浏览器的内核,只是做了界面和增加他们的一些功能,实际上还是IE或谷歌浏览器.

编写HTML文档的工具很多,也许你听说过Notepad++、EditPlus等文本编辑器。甚至用过一些专业的HTML网页制作工具dreamweaver,现在可以忘掉这些程序了!它们对你学习网页制作没有什么帮助。相反,你需要的是一个简易的文本编辑器。如果你正在使用 Windows (微软视窗)操作系统的话,你可以使用它自带的记事本(Notepad)程序。你可以依次点击“ 开始菜单→程序→附件”找到记事本

什么是HTML?

说明: Dreamweaver网页制作工具功能强大,带语法下拉菜单提示,在实际开发中可以节约开发时间.但是你是学习HTML最好使用记事本或EditPlu这种简单的文本编辑器,把HTML代码完整一个一个的打出来,这样有利于你的记忆. 但是为了便于演示,后面的课程我们使用dreamweaver的插图.

原创文章,作者:零久SEO,如若转载,请注明出处:https://www.seo0j.com/149.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注

评论列表(1条)

  • 零久SEO 2019年5月2日 下午12:42

    这是一篇关于什么是HTML的文章,初学者可以看一下的。

联系我们

15555333984

在线咨询:点击这里给我发消息

邮件:lxa6@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code