网页设计技术之HTML的基本结构说明

  网页计划身手追溯到上世纪起步阶段时,计划师们是通过HTML言语对网页举行来告竣网页的创制的。比如,要正在某一行要放一段文本,就做一个文本的标识,某一列要放一张图片,就做一个图片标识等。那时用的编辑用具是记事本一类的利用法式,正在内中写好了各个标识和实质,然后将记事本文献保留为以.html为扩展名的文献,就创制告竣了一个网页。

  跟着身手的无间发扬,崭露了Dreamweaver这类型的网页编辑器,能够实行所睹即所得的网页功效。然而当咱们翻开DW管事界面,如故会挖掘有一个窗口是属于HTML代码的:

  而实质操作中,也确实有良众功效需求借助代码的力气来实行。以是即日就给行家先容一下HTML页面的根本组织,为日后书写、删改代码打一个基本。

  HTML(Hypertext Markup Language),中文旨趣为超文本标识言语。此中,Hypertext指的是页面中各式实质,征求文本、图片、音频、视频、超链接等;Markup即标识;Language即言语。

  HTML中的标识大片面是成对崭露,比如“div/div”,也有一面是以单标识花样崭露,比如“br /”。下图所示代码为一个HTML页面的根本组织:

  doctype是document type的缩写,用来告诉浏览器行使什么样的HTML或XHTML类型来解析网页。它存正在于页面的第一行,不区别巨细写。正在HTML4中,这片面实质会写成:

  此中DTD法则了行使通用标签言语的网页语法。正在HTML4中,务必指定DTD。然而到了HTML5(本文行使的版本为HTML5),效力“存期近合理”的准则,对原则的央求对照宽松,以是这片面实质可直接简写为:

  head/head标签用于标识HTML的头部区域,head和/head之间的实质都属于头部区域中的实质,合键征求少少网页合连的新闻,如网页题目、字符集、网页形容等新闻,还能够征求script代码等。这些新闻实质不会直接显示正在页面上,却正在翻开网页时最先被加载,将加载运转后的结果影响于网页上。

  meta标签用来界说文档的元数据,行使“名称=值”的花样。通常行使它来形容今朝页面的个性,比如文档字符集,即上图中的charset=utf-8。此中“utf-8”是指一种字符集名称,被称为“万邦码”,是一个全邦言语的翻译官,有了它,咱们能够正在HTML页面上写中文、英文、韩文等言语实质。“utf-8”为默认的字符集,这让页面活着界上的简直一齐地域都能平常显示。(正在HTML4中,这片面实质会写成meta http-equiv=“content-type” content=“text/html”; charset=“uft-8”)。

  title/title用来指定网页文档的题目,比如:title接待来到我的网站/title。正在预览页面时,题目会显示正在网页的题目栏,以及职责栏中(如下图书)。title/title的影响,一是配置网页题目,二是用于用探索引擎检索。以是,题目配置是否合理是很要紧的。

  以上是HTML的根本组织及分析,如有著作中没有说清晰的地方,接待行家留言换取^_^

更多案例

网页设计基础知识pdf

1.本站不保障该用户上传的文档完好性,不预览、不比对实质而直接下载出现的后悔题目本站不予受理。 网页安排底子常识 网页安排底子常识 HTML讲话简介...

网页设计技术之HTML的基本结构说明

网页计划身手追溯到上世纪起步阶段时,计划师们是通过HTML言语对网页举行来告竣网页的创制的。比如,要正在某一行要放一段文本,就做一个文本的标识...

网页模板制作-「风细柳斜斜」-猪八戒网

猪八戒网为第三方贸易平台及互联网新闻供职供给者,猪八戒网(含网站、 凤凰平台ph158 客户端等)所呈现的商品/供职的题目、价钱、详情等新闻实质系...

友情链接:

Copyright © 2002-2019 凤凰平台ph158网络设计有限公司 版权所有 | 网站地图