热门关键字:
jquery > jquery教程 > jquery教程 > 《前端入门到进阶》HTML基础,初识HTML

《前端入门到进阶》HTML基础,初识HTML

325
作者:管理员
发布时间:2021/1/25 20:07:42
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=3464
  前端开发的编辑器软件,我首先推荐 VS Code,其次推荐Sublime Text。


  有人说 WebStorm 也不错?但真实情况是,自从VS Code 问世之后,用 WebStorm 的人越来越少了。


  PS:文件的后缀名不能决定文件格式,只能决定打开文件打开的方式。


  详情请移步至:《前端入门到进阶》前端工具,VS Code的使用


  详情请移步至:《前端入门到进阶》前端工具,Sublime Text在前端中的使用


  HTML 全称为 HyperText Markup Language,译为超文本标记语言。


  HTML 不是一种编程语言,是一种描述性的标记语言。


  作用:HTML是负责描述文档语义的语言。


  所谓的超文本,有两层含义:


  (1)图片、音频、视频、动画、多媒体等内容,成为超文本,因为它们超出了文本的限制。


  (2)不仅如此,它还可以从一个文件跳转到另一个文件,与世界各地主机的文件进行连接。即:超级链接文本。


  HTML 不是一种编程语言,是一种描述性的标记语言。这主要有两层含义:


  (1)标记语言是一套标记标签。比如:标签表示超链接、标签表示图片、标签表示一级标题等等,它们都是属于 HTML 标签。


  说的通俗一点就是:网页是由网页元素组成的,这些元素是由 HTML 标签描述出来,然后通过浏览器解析,就可以显示给用户看了。


  (2)编程语言是有编译过程的,而标记语言没有编译过程,HTML标签是直接由浏览器解析执行。


  HTML 格式的文件是一个纯本文文件(就是用txt文件改名而成),用一些标签来描述语义,这些标签在浏览器页面上是无法直观看到的,所以称之为“超文本标记语言”。


  接下来,我们需要学习 HTML 中的很多“标签对儿”,这些“标签对儿”能够给文本不同的语义。


  比如,面试的时候问你, 标签有什么作用?


  正确答案:给文本增加主标题的语义。


  错误答案:给文字加粗、加黑、变大。


  关乎“语义”的更深刻理解,等接下来我们学习了各种标签,就明白了。


  其中,我们专门来对XHTML做一个介绍。


  XHTML介绍:


  XHTML:Extensible Hypertext Markup Language,可扩展超文本标注语言。


  XHTML的主要目的是为了取代HTML,也可以理解为HTML的升级版。


  HTML的标记书写很不规范,会造成其它的设备(ipad、手机、电视等)无法正常显示。


  XHTML与HTML4.0的标记基本上一样。


  XHTML是严格的、纯净的HTML。


  我们稍后将对XHTML的编写规范进行介绍。


  网页 :由各种标记组成的一个页面就叫网页。


  主页(首页) : 一个网站的起始页面或者导航页面。


  标记:  比如称为开始标记 ,称为结束标记,也叫标签。每个标签都规定好了特殊的含义。


  元素:比如称为元素。


  属性:给每一个标签所做的辅助信息。


  XHTML:符合XML语法标准的HTML。


  DHTML:dynamic,动态的。合起来的页面就是一个 DHTML。


  HTTP:超文本传输协议。用来规定客户端浏览器和服务端交互时数据的一个格式。SMTP:邮件传输协议,FTP:文件传输协议。


  我们打开 VS Code 软件,新建一个文件,名叫(注意,文件名是,后缀名是),保存到本地。


  紧接着,在文件里,输入,然后按一下键盘上的键,就可以自动生成如下内容:


  上面的内容,就是 html 页面的骨架。我们在此基础之上,新增几个标签,完整代码如下:


  标签写完之后,我们用 chrome 浏览器打开上面这个文件,看看页面效果:


  到此,第一个简单的 HTML 页面就写完了。是不是很有成就感?


  HTML标签通常是成对出现的(双边标记),比如  和 ;也有少部分单标签(单边标记),如:、和等。


  属性与标记之间、各属性之间需要以空格隔开。属性值以双引号括起来。




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐