html基础知识入门(HTML-html基础知识205)

1)HTML

html中文名称是超文本标记语言,扩展名为.html或者.htm,也被称为网页;里面包括一系列标签,通过这些特定标签将文字,视频,动画等内容通过web浏览器的引擎显现效果,没有经过浏览器引擎渲染的html文件就是一堆字符串而已

2)浏览器及其引擎

2.1 网页浏览器引擎俗称浏览器内核,排版引擎(layout engine)或渲染引擎(rendering engine),是一套处理标记语言(例如html、xml、图片文件等)和格式化信息(例如CSS、xsl、xml等)将内容通过浏览器引擎解析显现在浏览器中

2.2 现今主要引擎三分天下:1)Triden : Internet Explore(IE浏览器) 2)Gecko : Firefox(火狐浏览器) 3)Webkit: Safari(苹果浏览器)与Google Chrome(谷歌浏览器);说这个主要是因为浏览器的兼容性,同一个网页在不同浏览器上显现的效果不一样,这也是令编写HTML遇到的最头痛的事,尤其解析CSS最甚,Javascript次之

3)静态与动态网页

3.1静态网页:后缀名为html或htm等都是静态页面,通过浏览器想要这个页面时服务器就把这个页面直接发给浏览器

3.2动态网页:后缀名为asp、aspx、jsp、php等都是动态页面,网页中不仅有HTML还有脚本代码,可以使浏览器和服务器进行交互;浏览器想要看这个页面,需要服务器动态生成HTML页面再发给浏览器,,服务器端可以用ASP.Net,VB.Net,PHP,Java,C等语言编写生成

4)常用HTML编辑器

1)Visual Studio 2)Notepad 3)EditPlus(中文版) 4)Sublime Text(汉化版) 2 5)VSCode 6)HBuilder 7)Dreamweaver还有很多其他的编辑器自己去查找,初学者建议使用记事本...

5)HTML主要组成部分

5.1 Doctype 声明:用来说明用的XHTML或者HTML是什么版本;DTD文档类型定义,里面包含了文档的规则,浏览器就是根据定义的DTD来解释页面的标识

5.2所有内容都在<html></html>标签之内;<head></head>标签内放的是头部信息,是对这个页面的描述,不会显示在页面中,<title>标签中设置页面的标题,<title>标签只能放在<head>标签中;<body>标签是页面的主体,大部分显示内容都定义在这里

5.3 head 头部:主要包含编码声明<meta>…</meta>,标题<title>…</title>,样式表嵌入<link>…</link>相对路径定义<base>…</base>,脚本<script>…</script>等

5.4虽然浏览器容错性强,但是所有页面都应该至少包含如下标签

<html> <head> <title>第一个网页</title> </head> <body> 天津人的积极和乐观 彰显着中国抗疫的自信和底气 齐心协力 众志成城点赞! 致敬所有的抗疫英雄❤ </body> </html>

如果title标签的结束标签忘记 / ,则整个页面内容都不显示;将其保存为html文件

注意:文件保存的编码格式,最好是utf-8格式否则页面中的中文有可能出现乱码

html基础知识入门(HTML-html基础知识205)(1)

查看网页源代码

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页