了解HTML

HTML(HyperText Marked Language)即超文本标记语言,是一种用来制作超文本文档的简单标记语言。我们在浏览网页时看到的一些丰富的影像、文字、图片等内容都是通过HTML表现出来的。用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台,一直被用作WWW(万维网)的信息表示语言。对于网站软件开发人员来讲,如果不涉及HTML语言是不可能的。

Ø 所谓超文本,是因为它不仅是可以加入文字的文本文件,还是可以加入链接、图片、声音、动画、影视等内容的文本文件。使用HTML语言描述的文件,需要通过Web浏览器显示出效果。HTTP协议的制定使浏览器在运行超文本时有了统一的规则和标准。

Ø 所谓标记语言,是在纯文本文件里面包含了HTML指令代码。这些指令代码并不是一种程序语言,它只是一种排版网页中资料显示位置的标记结构语言,易学易懂,非常简单。在HTML中每个用来作为标签的符号都是一条命令,它告诉浏览器如何显示文本。这些标签均由“<”和“>”符号,以及一个字符串组成。而浏览器的功能是对这些标记进行解释后,显示出文字、图像、动画或播放声音。

Ø HTML文件必须使用.htm或者.html作为文件扩展名,推荐使用.html是比较安全的做法。

虽然HTML语言对于制作一般的网页完全可以胜任,但为了网页的美观和与用户具有交互性的效果,还需要用到CSS和JavaScript等网页制作技术。CSS是层叠样式表,是网页页面排版样式标准,能够将格式和结构分离,使浏览器的界面更加友好。JavaScript是一种描述性脚本语言,和CSS一样可以嵌入到HTML中,在客户端计算机中执行。JavaScript是具有交互性的Web设计的最佳选择,也是浏览器普遍支持的语言。所以HTML、CSS和JavaScript三项技术结合使用,才是网页设计及制作静态网页的核心。

了解HTML运行原理

HTML是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。HTML只不过是组合成一个文本文件的一系列标签,编写HTML代码就是在编辑纯文本文件,但HTML是一种规范,需要通过添加特定的标记符,组成的描述性文本,可以说明文字、图形、动画、声音、表格、链接等,告诉浏览器如何显示网页,即确定内容的格式。HTML的结构包括头部、主体两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。浏览器按顺序阅读HTML文件,然后根据内容周围的HTML标记符解释和显示各种内容,这个过程叫做语法分析。如图所示:

图  浏览器解析HTML文件显示结果

HTML是网络的通用语言,一种简单、通用的全置标记语言,HTML代码文件在本地和从服务器中下载到本地用浏览器打开效果是一样的。通常开发阶段都是在本地编写的代码自己直接用浏览器打开查看效果,而网站上线则是将所有文件上传到Web服务器,所有人都可以通过网址访问Web服务器中的网页,将HTML文件下载到本地再用浏览器打开浏览网页内容。HTML中的超文本功能,也就是超链接功能,使网页之间可以链接起来。网页与网页的链接构成了网站,而网站与网站的链接就构成了多姿多彩的互联网。

IT兄弟连 HTML5教程 HTML5的基本语法 了解HTML及运行原理的更多相关文章

  1. IT兄弟连 HTML5教程 HTML5的基本语法 了解Web

    HTML也是计算机编程语言,但由于功能简单易用,不涉及业务逻辑,算是编程语言中最简单的了.其实学习HTML这门语言,就是在学习一个个HTML标记的使用,标记的名称和使用不是自定义的,它的功能及用法是已 ...

  2. IT兄弟连 HTML5教程 HTML5的基本语法 小结及习题

    小结 一个完整的HTML文件由标题.段落.列表.表格.文本,即嵌入的各种对象所组成,这些逻辑上统一的对象称为元素.HTML文档主体结构分为两部分,一部分是定义文档类型,另一部分则是定义文档主体的结构框 ...

  3. IT兄弟连 HTML5教程 HTML语言的语法 1

    HTML是文本类型的语言,和其他任何一门语言相比,语法都是最简单的.但在编写HTML文件时,必须遵循HTML的语法规则.一个完整的HTML文件由标题.段落.列表.表格.文本,即嵌入的各种对象所组成,这 ...

  4. IT兄弟连 HTML5教程 HTML5的基本语法 简单HTML实例制作

    现在学习HTML5的方式 目前HTML还处于HTML4与HTML5之间的过渡使用阶段.移动端的Web界面开发已经全面使用HTML5的技术,而在PC端由于用户升级浏览器周期较长,面临着页面的兼容性问题, ...

  5. IT兄弟连 HTML5教程 HTML5的基本语法 如何选择开发工具

    如何选择开发工具 有许多可以编辑网页的软件,事实上你不需要用任何专门的软件来建立HTML页面,你所需要的只是一个文本编辑器(或字处理器),如Office Word.记事本.写字板等.制作页面初学者通常 ...

  6. IT兄弟连 HTML5教程 HTML语言的语法 2

    HTML颜色值的设置 大多数浏览器都支持颜色名集合,颜色值是一个关键字或一个RGB格式的数字,在网页中用得很多.仅仅有16种颜色名被W3C的HTML 4.0标准所支持,它们是:aqua.black.b ...

  7. IT兄弟连 HTML5教程 HTML5的曲折发展过程 HTML5的诞生

    十年磨一剑,正如我们所看到的一样,HTML5大潮正来势汹汹.但也正如我们所知道的一样,HTML5是一种技术标准,它的语义之美.人性之美.简单之美.实用之美……如同一场革命,它的主要应用场景是浏览器,不 ...

  8. IT兄弟连 HTML5教程 HTML5表单 小结及习题

    小结 HTML表单提交的方法有get方法和post方法,get方法的作用是从指定的资源请求数据,post方法的作用是向指定的资源提交要被处理的数据.HTML表单一直都是Web的核心技术之一,有了它我们 ...

  9. IT兄弟连 HTML5教程 HTML5表单 H5表单提交综合实例

    这里我们创建一个填写个人基本信息的表单,使用了表单元素有<input>输入框.<datalist>选项列表.<textarea>文本框,通用的表单输入类型有text ...

随机推荐

  1. 如何在Mac上识别和删除损坏的字体

    字体看起来像无害的文件,而且大多数时候都是这样.但是,就像任何计算机文件一样,字体可能会损坏或损坏.发生这种情况时,它们可能会导致文档或应用程序出现问题.在Mac上使用“ 字体簿”来验证已安装的字体, ...

  2. ism 发布

    ism 发布 ism 发布 ism 发布

  3. 《移动WEB前端高级开发实践@www.java1234.com.pdf》——2

    5.3 作用域.闭包和this let 声明的变量只存在于其所在的代码块中 由于 JS 是基于词法(静态)作用域的语言,词法作用域的含义是在函数定义时就确定了作用域,而不是函数执行时再确定 calcu ...

  4. Java之通过接口获取数据并用JDBC存储到数据库中

    最近做数据同步功能,从接口获取数据然后存到数据库中以便后续对数据进行相关操作,下面就贴一下相关代码. import com.alibaba.fastjson.JSON; import com.alib ...

  5. Windows10安装ubuntu16.04双系统教程

    写在前面:本教程为windows10安装ubuntu16.04(64位)双系统教程,是我多次安装双系统的经验总结,安装方法同样适用于ubuntu18.04(64位).为了直观和易于理解,我会尽量图文并 ...

  6. 对于jenkins上前端项目 npm 或 yarn 打包 及 部署 使用

    1.npm和yarn镜像源地址 npmMirror ~~~~~ https://skimdb.npmjs.com/registry/ edunpm ~~~~~~ http://registry.enp ...

  7. nlohmann 最优秀的C++序列化工具库 详细入门教程

    本文首发于个人博客https://kezunlin.me/post/f3c3eb8/,欢迎阅读最新内容! tutorial to use nlohmann json for serializing d ...

  8. [Spring cloud 一步步实现广告系统] 1. 业务架构分析

    什么是广告系统? 主要包含: 广告主投放广告的<广告投放系统> 媒体方(广告展示媒介-)检索广告用的<广告检索系统> 广告计费系统(按次,曝光量等等) 报表系统 Etc. 使用 ...

  9. .net core web api 添加对session跨域实现

    1.配置Startup /ConfigureServices添加: services.AddSession(options => { options.Cookie.Name = ".A ...

  10. C# OpenCVSharp使用SetMouseCallback设置回调方法,报错"向非托管代码传递委托时,托管应用程序必须让这些委托保持活动状态,直到确信不会再次调用它们。"

    一.描述问题 当非托管代码调用托管应用程序的委托的时候,经常会报错“托管调试助手 "CallbackOnCollectedDelegate"   Message=托管调试助手 &q ...