HTML是什么以及怎么用

html是超文本标记语言,是一种用来制作超文本文档的简单标记语言,本文详细的介绍了html的发展和基本概念,有兴趣的可以了解一下

HTML的发展历史: 

HTML英语意思是 Hypertext Marked Language,即超文本标记语言,是一种用来制作超文本文档的简单标记语言。HTML是由WEB的发明者Tim Berners-Lee和同事Daniel W.Connolly于1990年创立的一种标记式语言。它是标准通用化标记语言SGML的应用。

用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如UNIX,WINDOWS等)。通过HTML,将所需要表达的信息按某种规则写成HTML文件,通过专用的浏览器来识别,并将这些HTML一种能够被广泛理解的语言,“翻译“成可以识别的信息,即所有的计算机都能够理解的一种用于出版的“母语”。就是我们现在所见到的网页。 自1990年以来HTML就一直被用作WWW(是World Wide Web的缩写,也可简写WEB、中文叫做万维网)的信息表示语言,用于描述Homepage的格式设计和它与WWW上其它Homepage 的连结信息。使用HTML语言描述的文件需要通过WWW浏览器显示出效果。

HTML( 超文件标记语言 ) 是一种建立网页文件的语言,透过标记式的指令(Tag),将影像、声音、图片、文字、动画、影视等内容显示出来。因为它可以从一个文件跳转到另一个文件,与世界各地主机的文件连接。 超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则和进行的操作.HTTP协议的制定使浏览器在运行超文本时有了统一的规则和标准.

立即学习“前端免费学习笔记(深入)”;

所谓超文本,是因为它可以加入图片、声音、动画、影视等内容,事实上每一个HTML文档都是一种静态的网页文件,这个文件里面包含了HTML指令代码,这些指令代码并不是一种程序语言,它只是一种排版网页中资料显示位置的标记结构语言,易学易懂,非常简单。HTML的普遍应用就是带来了超文本的技术—-通过单击鼠标从一个主题跳转到另一个主题,从一个页面跳转到另一个页面与世界各地主机的文件链接。直接获取相关的主题。如下所示:

通过html可以表现出丰富多彩的设计风格:

图片调用:HTML是什么以及怎么用
文字格式: 文字

通过HTML可以实现页面之间的跳转: 

页面跳转:〈A HREF=”文件路径/文件名”> 

通过HTML可以展现多媒体的效果: 

声频:
视频:

从上面我们可以看到HTML超文本文件时需要用到的一些标签。在HTML中每个用来作标签的符号都是一条命令、它告诉浏览器如何显示文本。这些标签均由””符号以及一个字符串组成。而浏览器的功能是对这些标记进行解释,显示出文字、图像、动画、播放声音。这些标签符号用“”来表示。

HTML只是一个纯文本文件。创建一个HTML文档,只需要两个工具,一个是HTML编辑器,一个WEB浏览器。HTML编辑器是用于生成和保存THML文档的应用程序。WEB浏览器是用来打开WEB网页文件,提供给我们查看WEB资源的客户端程序。

HTML文档属于纯文本文件(它能用任意的文本编写器书写)。 例如,HTML语言可直接使用普通的文本编辑器进行编辑。

HTML的强大功能:

出版在线的文档,其中包含了标题、文本、表格、列表以及照片等内容。

通过超链接检索在线的信息。

为获取远程服务而设计表单,可用于检索信息、定购产品等。

在文档中直接包含电子表格、视频剪辑、声音剪辑以及其他的一些应用.

HTML的广泛应用: 

所有的万维网文件都是由超文本标志语言HTML所创建的。在这种语言中,可以使用各种标记对文件进行处理。这些标记决定了文件内容的外观、结构以及交互性等方面,他们的共同之处就是都使用””,例如段落标记

,图片标记等。

在浏览器中,是看不到任何HTML标记的,但是在浏览器中所看到的网页效果却都是由这些标记生成的。在大多数情况下,在创建站点时并不需要对HTML标记进行掌握,因为在FrontPage 等这样的软件中,对于HTML的处理是在幕后进行的,因而就掩盖了该语言的复杂性。 如果需要查看网页的HTML标记,可以选择HTML模式。

现在的网页制作,大都采用一些专门的网页制作工具,如Dreamweaver、webstorm 等。这些工具都是所见即所得,非常地方便。但大家千万不要以为只懂这些工具就够了。在很多时候,我们都需要手动对HTML代码进行调整,才能达到更好、更专业的效果。

 在了解了HTML的定义后,接下来我们便来学习此语言。   

一、为什么要学习HTML?

近两年来,许多公司开发出了图形化的HTML开发工具,使得网页的制作变得非常简单。webstorm,Adobe公司推出的Adobe Pagemill,Micromedia公司推出的Dreamweaver等编辑工具,都被称为“所见即所得”的网页制作工具。这些图形化的开发工具可以直接处理网页,而不用书写费劲的标记。这使得用户在没有HTML语言基础的情况下,照样可以编写网页。这时,编写HTML文档的任务由开发工具替你完成了。这是网页图形编辑工具的最大成功之处,但也是它们的最大不足之处。受到图形编辑工具自身的约束,将产生大量的垃圾代码。原因很简单,比如:在网页设计一个表格,若是每个单元格的宽度和高度让它根据其中的内容自动确定,HTML只要你告诉它是表格和单元格的排列顺序(也就是行列数)就行了,但因为图形化开发工具无法得知你的这种特殊要求,所以只能取一般要求,把每个单元格的宽度和高度都定义起来,从而增加了许多代码。所以一个明智的网页编写者应该在掌握图形编辑工具的基础上进一步学会HTML语言,从而知道那些是垃圾代码,这样,我们就可以利用图形化HTML开发工具快速成地做出网页,又会消除无用的代码,从而达到快速制作高质量网页的目的。

因此,HTML语言是网页制作的基础,是初学者必学的内容。虽然现在有许多所见即所得的网页制作工具,但是说到底,还是有必要了解一些HTML的语法。这样,您可以更精确的控制页面的排版,可以实现更多的功能。

二、如何用HTML?

HTML语言,又称超文本标记语言,是英文Hyper Text Markup Language的缩写。HTML语言作为一种标识性的语言,是由一些特定符号和语法组成的,所以理解和掌握都是十分容易的。可以说,HTML语言在所有的计算机编程语言中是最简单易学的。组成HTML的文档都是ASCIlI档,所以创建HTML文件十分简单,只需一个普通的字符编辑器即可。如 Windows中的记事本、写字板都可以使用。也可以采用专用的 HTML 编辑工具:如 CoffeeHTML、Homesite、HTMLedit Pro等工具,它们的特点是能够自动检查HTML文档中的语法错误并协助改正。由于有了图形化的HTML开发工具,使得我们学习HTML更加容易,我们可以先用它制作好网页,再在它附带的HTML代码编辑器在删去那些无用的代码,利用它的所见即所得特性,从而使我们很快就能熟炼地掌握HTML。特别是Micromedia 公司最近发布的Dreamweaver4,可以把源代码编辑器和网页编辑器放在同一个窗口中,真是方便极了。  

三、HTML基本概念

1、定义:

HTML 语言是一种超文本的标记语言,简单来讲就是构建一套标记符号和语法规则,将所要显示出来的文字、图象、声音等要素按照一定的标准要求排放,形成一定的标题、段落、列表等单元。

2、超文本标记

1) 超文本标记用带尖括号“<”和“>”表示。

2)超文本标记一般是成对出现,用带斜杠的元素表示结束。如:<html>和</html>。但有些标记只有起始标记而没有结束标记,如:<BR>,它在网页中表示引入一个换行动作,还有些标记可以省略,如:段落的结束标记</P>就可以省略。

3)超文本标记忽略大小写,如:<HTML>和<html>是等效的,但其中实体内容的名称是要区分大小写,如”&NAME”和”&name”是表示不同的实体。

4)一个标记元素可写在多行,参数位置不受限制。

3、HTML语言的单元 (元素)       

整个网页页面的内容由特定内容形成的许多单元构成的,而每个单元又由三部分组成—-起始标记、单元内容、结束标记。

起始标记:起始标记由“<”和“>”来界定,单元名称和属性由起始标记给出;

单元内容:中间的部分是单元的内容部分;

结束标记:结束标记由“</”和“>”来界定,比起始标志多一斜杠;

例如:标题栏单元的标记形式

<TITLE>高考状元访谈–记一位农家孩子的成长经历</TITLE>

其中<TITLE>和</TITLE>是起始标记和结束标记,“高考状元访谈–记一位农家孩子的成长经历”是单元的基本内容。

总之,整个HTML文档都是由标记构成的,HTML文档的标记为编写该文档建立了固定的框架,我们只需要在这个框架中填充内容就行了。

学好用好HTML语言的关键是灵活应用标记的参数。特别是默认值的应用

总结:以上就是本篇文的全部内容,希望能对大家的学习有所帮助。

相关推荐:

什么是HTML?关于html的具体介绍

什么是html文件?又如何打开html文件

什么是HTML相关介绍_基础教程

以上就是HTML是什么以及怎么用的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1546223.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 18:00:07
下一篇 2025年12月21日 18:00:24

相关推荐

  • HTML中如何用post提交数据

    http/1.1 协议规定的 http 请求方法有 options、get、head、post、put、delete、trace、connect 这几种。其中 post 一般用来向服务端提交数据,本文主要讨论 post 提交数据的几种方式 http/1.1 协议规定的 http 请求方法有 opti…

    好文分享 2025年12月21日
    000
  • HTML制作表格的方法

    在html中绘制表格使用table标签,tr表示行,td表示列,下面通过代码实例给大家介绍html表格的相关知识,感兴趣的朋友一起看看吧 在html中绘制表格使用table标签 tr表示行 td表示列 th表示表头,表头通常用于列名字。 立即学习“前端免费学习笔记(深入)”; 下面是一个列子。…

    好文分享 2025年12月21日
    000
  • HTML框架怎么用

    一个浏览器文档窗口只能显示一个网页文件,但是可以通过使用框架,在同一个浏览器窗口中显示不止一个页面,本文就来介绍一下html框架 一、框架 一个浏览器文档窗口只能显示一个网页文件,但是可以通过使用框架,在同一个浏览器窗口中显示不止一个页面。使用框架的页面主要包含两个部分,一个是框架集,另一个就是具体…

    好文分享 2025年12月21日
    000
  • HTML中鼠标停留时整行变色

    这篇文章主要介绍了html中实现鼠标滑过时整行变色的相关资料,需要的朋友可以参考下 使用纯CSS实现在鼠标经过一个表格的某一行的时候,要整行的背景颜色发生变化,以表明该行正中焦点: change tr.change:hover { background-color:#00FF00 }鼠标经停变色 总…

    好文分享 2025年12月21日
    000
  • HTML中浮动与清除浮动

    本篇文章主要介绍html中浮动与清除浮动,感兴趣的朋友参考下,希望对大家有所帮助。 一、float:主要目的是为了实现文本绕排图片的效果。            也成了创建多栏布局最简单的方式。 @@##@@文本内容段落内容文本内容段落内容文本内容段落内容文本内容段落内容文本内容段落内容 【1】文本…

    好文分享 2025年12月21日
    000
  • HTML基础知识

    本篇文章主要介绍html基础知识,感兴趣的朋友参考下,希望对大家有所帮助。 打开DREAMWEAVER,新建HTML。。 body的属性: bgcolor                页面背景色 background            背景壁纸、图片 立即学习“前端免费学习笔记(深入)”; t…

    好文分享 2025年12月21日
    000
  • HTML中的标签的使用详解

    这篇文章主要介绍了html中的标签的使用,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧   在我们制作的网页中,要是想让它能够让更多的人去访问,最好的方法就是通过搜索引擎来找到你的网址,于是需要你的网页可以有关键词能够让搜索引擎来识别,于是HTML中的标签就是这个功能,将这个页面的关键信息写…

    好文分享 2025年12月21日
    000
  • HTML中如何引入CSS

    在html中引入css的方法主要有四种,它们分别是行内式、内嵌式、链接式和导入式。 1.行内式          行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势,不推荐使用。2.嵌入式          嵌入式是将CSS样式集中写在网页的 标签对的标签对中。格式如下:…

    好文分享 2025年12月21日
    000
  • 如何在微信小程序中显示html格式内容(图文教程)

    下面这篇文章就主要给大家介绍了微信小程序实现显示html格式内容的方法,需要的朋友可以参考借鉴,下面来一起看看吧。 前言 最近项目上遇到在微信小程序里需要显示新闻内容,新闻内容是通过接口读取的服务器中的富文本内容,是html格式的,小程序默认是不支持html格式的内容显示的,那我们需要显示html内…

    2025年12月21日
    000
  • html查找框功能

    html页面的查找功能主要是实现在查找框内输入字符,下面通过本文给大家分享html页面的查找功能,需要的朋友参考下吧 最近在搞一个被很多人改了的框架,天天看代码看的头的晕了,不过感觉进步还挺大的,自己做了一个后台可配置前台查看两个库不同数据范围的东西,还挺满意,那天拿出来分享一下,今天先说一个这几天…

    2025年12月21日
    000
  • HTML中表单组件

    本文通过实例代码给大家介绍了html 表单组件的知识,非常不错,具有参考借鉴价值,需要的朋友参考下吧 HTML 表单用于搜集不同类型的用户输入。 具体代码如下所示: Insert title here 输入名称: 输入密码: 选择性别: 男 女 选择技术: Java html CSS 选择文件: 一…

    好文分享 2025年12月21日
    000
  • 如何在HTML中使用JavaScript

    本篇文章主要介绍如何在html中使用javascript,感兴趣的朋友参考下,希望对大家有所帮助。 标签   在HTML5中script主要有以下几个属性:async,defer,charset,src,type, async(可选):     关键词:异步脚本,外部文件,立即下载; 立即学习“Ja…

    2025年12月21日
    000
  • HTML中表格动态添加的方法

    总结:以上就是本篇文的全部内容html中表格动态添加的方法,希望能对大家的学习有所帮助。 相关推荐: 具体代码如下所示: Table First Name Last Name 张 三 function add() { var trObj = document.createElement(“tr”);…

    2025年12月21日
    000
  • HTML使用表格写首页

    本篇文章主要介绍如何利用表格写网站首页,简单的使用table标签与其子标签实现图片汉字的插入,在此也可以使用嵌套的方式完成。感兴趣的小伙伴参考下。 代码展示 HTML表格练习之大学首页信息 @@##@@ 网站首页 学校概况 教学单位 机构设置 人才培养 学术研究 招生就业 合作交流 校园生活 @@#…

    好文分享 2025年12月21日
    000
  • HTML如何关闭当前网页

    本片文章主要介绍html如何关闭当前网页以及鼠标特效,希望可以帮到大家。 代码: Document function shut(){ window.opener=null; window.open(”,’_self’); window.close(); } 相关推荐: js实现关闭网页的代码 立即…

    好文分享 2025年12月21日
    000
  • HTML入门基础

    本篇文章主要介绍HTML入门基础,感兴趣的朋友参考下,希望对大家有所帮助。 标记、标签、元素 标签和元素通常是描述同样的意思,但是严格来说,一个html元素包含了开始标签和结束标签。 一个标准的HTML页面 <!–可以插入脚本,样式文件(css)以及各种meta信息页面标题 <!–可…

    2025年12月21日 好文分享
    000
  • 用html创建canvas画布生成图片

    本篇文章主要介绍如何用html创建canvas画布生成图片,感兴趣的朋友参考下,希望对大家有所帮助。 1,在html里新建canvas画布 /**要生成图片的html*/ 思路惊奇 思路惊奇 @@##@@ @@##@@/*生成的canvas和最终生成的图片*/ @@##@@ //设置canva画布大…

    好文分享 2025年12月21日
    000
  • html如何布局

    本篇文章主要介绍html如何布局 ,感兴趣的朋友参考下,希望对大家有所帮助。 p布局 body{margin: 0; padding: 0;}#header{width:100%; height: 90px; background: #b19f9d; }#nav{margin: 0 auto; wi…

    好文分享 2025年12月21日
    000
  • HTML进阶知识

    <p class="markdown_views"&gt;</p&gt;<p&gt;本篇文章主要介绍 </div&gt;<h2&gt;<code&gt;</code&gt;元素&lt…

    好文分享 2025年12月21日
    000
  • html怎样自定义标签

    本篇文章主要介绍html怎样自定义标签,感兴趣的朋友参考下,希望对大家有所帮助。 代码如下: 自定义标签 /* 第三步: 自定义标签在设置样式的时候使用 ” 命名空间名\:标签名 ” */ mine\:tag { font-size: .36rem; font-weight: bold; color…

    好文分享 2025年12月21日
    000

发表回复

登录后才能评论
关注微信