网页制作设计技术中HTML基本结构的描述

发布时间:2020-06-28 17:52:19 浏览次数:26

网页制作设计技术中HTML基本结构的描述

网页设计技术可以追溯到上世纪初。 设计人员使用HTML标记网页,以完成网页的制作。 例如,如果要在特定行中放置一段文本,请标记一个文本。 如果要将图片放在特定的列中,请做一个图片标记。 当时使用的编辑工具是诸如记事本之类的应用程序,其中写入了各种标签和内容,然后将记事本文件另存为扩展名为.html的文件,从而完成了网页。
  制作网页的原始方法
  随着技术的不断发展,Dreamweaver出现在这种类型的网页编辑器中,它可以实现所见即所得的网页效果。 但是,当我们打开DW工作界面时,我们仍然发现存在一个属于HTML代码的窗口:
  DW的代码编辑界面
  实际上,确实需要借助代码来实现许多效果。 因此,今天我将向您介绍HTML页面的基本结构,为将来编写和修改代码奠定基础。
  HTML(超文本标记语言),中文表示超文本标记语言。 其中,超文本是指页面上的各种内容,包括文本,图片,音频,视频,超链接等; 标记是标记; 语言是语言。
  HTML中的大多数标签都是成对出现的,例如“ <div> </ div>”,有些还显示为单个标签,例如“ <br />”。 下面显示的代码是HTML页面的基本结构:
  HTML的基本结构
  1. <!doctype html>文档类型声明
  doctype是文档类型的缩写,用于告诉浏览器使用什么HTML或XHTML规范来解析网页。 它存在于页面的第一行,并且不区分大小写。 在HTML4中,此部分将写为:
  HTML5以前的文档类型
  其中,DTD使用通用标记语言规定了网页的语法。 在HTML4中,必须指定DTD。 但是在HTML5(本文中使用的版本是HTML5)中,遵循“存在合理”的原则,并且对规则的要求相对宽松,因此这部分内容可以直接缩写为:
  HTML5中的文档类型
  2. <html> </ html>
  <html> </ html>标记是HTML页面中所有标记的顶级标记。 一个页面只有一个标签对。 页面上的所有标签和内容必须放在<html> </ html>标签对之间。
  3. <head> </ head>标头信息
  <head> </ head>标记用于标识HTML的头部区域。  <head>和</ head>之间的内容属于head区域中的内容,主要包括一些与网页相关的信息,例如网页标题,字符集,网页描述等,还可以包含脚本代码。 这些信息内容不会直接显示在页面上,而是在打开网页时首先加载,并且加载和运行后的结果将应用于该网页。
  <meta>标记用于使用格式“名称=值”来定义文档的元数据。 它通常用于描述当前页面的特征,例如上图中的文档字符集,即charset =“ utf-8”。 其中,``utf-8''是指字符集名称,称为``通用代码'',是世界语言的翻译者,借助它,我们可以在HTML页面上编写中文,英文,韩文和其他语言。  “ Utf-8”是默认字符集,它使页面几乎可以在世界上几乎所有地区正常显示。  (在HTML4中,这部分内容将写为<meta http-equiv =“ content-type” content =“ text / html”; charset =“ uft-8”>)。
  <title> </ title>用于指定Web文档的标题,例如:<title> Welcome to my website </ title>。 预览页面时,标题将显示在网页的标题栏中以及任务栏(下面的书)中。  <title> </ title>的作用是设置网页的标题并使用搜索引擎进行搜索。 因此,标题设置是否合理很重要。
  4. <body> </ body>页面主要部分
  <body> </ body>是放置页面内容的位置,所有需要在浏览器窗口中显示的内容都必须放在<body> </ body>标记对之间。 例如:
  5.标签中的属性
  与上图对应,如果标签中有属性,则格式为:
  标签格式
  6.标签的嵌套关系:标签必须成对嵌套,而不是交叉嵌套,如下所示:
  标签嵌套
  以上是HTML的基本结构和说明。 如果文章中没有明确的位置,请留言^ _ ^

网站建设

乐鱼体育网络提供网站建设,网站制作,网站开发,网站设计,网页开发,网站定制,网页设计等服务,帮助企业提高知名度和影响力,提高企业网上竞争力。我们的客户来自各行各业,为了共同目标,工作上密切配合,从创业型小企业到行业有影响力的网站建设公司,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们的团队用头脑与智慧给客户带来惊喜。


阅读推荐
关闭

在线留言