IT兄弟连 HTML5教程 HTML5的基本语法 了解HTML及运行原理

了解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及运行原理的更多相关文章
- IT兄弟连 HTML5教程 HTML5的基本语法 了解Web
HTML也是计算机编程语言,但由于功能简单易用,不涉及业务逻辑,算是编程语言中最简单的了.其实学习HTML这门语言,就是在学习一个个HTML标记的使用,标记的名称和使用不是自定义的,它的功能及用法是已 ...
- IT兄弟连 HTML5教程 HTML5的基本语法 小结及习题
小结 一个完整的HTML文件由标题.段落.列表.表格.文本,即嵌入的各种对象所组成,这些逻辑上统一的对象称为元素.HTML文档主体结构分为两部分,一部分是定义文档类型,另一部分则是定义文档主体的结构框 ...
- IT兄弟连 HTML5教程 HTML语言的语法 1
HTML是文本类型的语言,和其他任何一门语言相比,语法都是最简单的.但在编写HTML文件时,必须遵循HTML的语法规则.一个完整的HTML文件由标题.段落.列表.表格.文本,即嵌入的各种对象所组成,这 ...
- IT兄弟连 HTML5教程 HTML5的基本语法 简单HTML实例制作
现在学习HTML5的方式 目前HTML还处于HTML4与HTML5之间的过渡使用阶段.移动端的Web界面开发已经全面使用HTML5的技术,而在PC端由于用户升级浏览器周期较长,面临着页面的兼容性问题, ...
- IT兄弟连 HTML5教程 HTML5的基本语法 如何选择开发工具
如何选择开发工具 有许多可以编辑网页的软件,事实上你不需要用任何专门的软件来建立HTML页面,你所需要的只是一个文本编辑器(或字处理器),如Office Word.记事本.写字板等.制作页面初学者通常 ...
- IT兄弟连 HTML5教程 HTML语言的语法 2
HTML颜色值的设置 大多数浏览器都支持颜色名集合,颜色值是一个关键字或一个RGB格式的数字,在网页中用得很多.仅仅有16种颜色名被W3C的HTML 4.0标准所支持,它们是:aqua.black.b ...
- IT兄弟连 HTML5教程 HTML5的曲折发展过程 HTML5的诞生
十年磨一剑,正如我们所看到的一样,HTML5大潮正来势汹汹.但也正如我们所知道的一样,HTML5是一种技术标准,它的语义之美.人性之美.简单之美.实用之美……如同一场革命,它的主要应用场景是浏览器,不 ...
- IT兄弟连 HTML5教程 HTML5表单 小结及习题
小结 HTML表单提交的方法有get方法和post方法,get方法的作用是从指定的资源请求数据,post方法的作用是向指定的资源提交要被处理的数据.HTML表单一直都是Web的核心技术之一,有了它我们 ...
- IT兄弟连 HTML5教程 HTML5表单 H5表单提交综合实例
这里我们创建一个填写个人基本信息的表单,使用了表单元素有<input>输入框.<datalist>选项列表.<textarea>文本框,通用的表单输入类型有text ...
随机推荐
- Configuration on demand is not supported by the current version of the Android Gradle plugin since you are using Gradle version 4.6 or above. Suggestion: disable configuration on demand by setting org
androidStudio打开cocos3.17.2Lua项目时,出现了 Configuration on demand is not supported by the current version ...
- mybatis基础 笔记
Mybatis依赖<!--测试--> <dependency> <groupId>junit</groupId> <artif ...
- 05-Node.js学习笔记-第三方模块
5.1什么是第三方模块 别人写好的,具有特定功能的,我们能直接使用的模块即第三方模块,由于第三方模块通常都是由多个文件组成并且被放置在一个文件夹中,所以又名包. 第三方模块有两种存在形式 以js文件的 ...
- 用Python代码写的计算器
1.极限压缩版 import re, functools def cal(formula): while re.search('(?:\d+\.?\d+|\d+)[+\-*/]', formula): ...
- Web安全测试学习笔记-DVWA-图片上传
很多网站都有上传资源(图片或者文件)的功能,资源上传后一般会存储在服务器的一个文件夹里面,如果攻击者绕过了上传时候的文件类型验证,传了木马或者其他可执行的代码上去,那服务器就危险了. 我用DVWA的文 ...
- Vue 从入门到进阶之路(十一)
之前的文章我们说了一下 vue 中组件的原生事件绑定,本章我们来所以下 vue 中的插槽使用. <!DOCTYPE html> <html lang="en"&g ...
- 【带着canvas去流浪(10)】文字烟花
目录 一. 文字烟花 二. 动画原理 2.1 像素操作 2.2 烟花生成算法 2.3 计时器 示例代码托管在:http://www.github.com/dashnowords/blogs 博客园地址 ...
- Oracle 事务ACID的特性
1.事务对数据库控制操作 事务(Transaction)是用户定义的一个数据库操作序列,是不可分割的一部分的整体.这些操作要么做,要么不做(原子性).事务是对数据库对进行操作的最基本的逻辑单位,他可以 ...
- 使用 Polly 实现复杂策略(超时重试)
一.背景 第一次接触 Polly 还是在做某个微服务系统的时候,那时只会使用单一的超时策略与重试策略,更加高级的特性就没有再进行学习了.最近开为某个客户开发 PC 端的上位机的时候,客户有个需求,在发 ...
- Linux 磁盘分区、挂载
一.分区介绍 mbr分区: 1.最多支持四个主分区 2.系统只能安装在主分区上 3.扩展分区要占一个主分区 4.mbr最大只支持2TB,但拥有最好的兼容性 gpt分区: 1.支持无限多个主分区(但操作 ...