img
img

在这里,我们的网站建设服务遍布神州大地

专注于高端网站建设服务与互动产品解决方案!

CHINA

中国

苏州、上海、深圳、无锡、常州、镇江、南通、南京、淮安、盐城、宿迁、连云港、嘉兴...(无论您在哪个城市,我们都可以为您服务)

LANGUAGE

语言

中文简体、英语、中文繁体、日语、韩语、法语、德语、俄语、西班牙语、葡萄牙语... ...

南沅科技为客户提供专业的网络平台搭建、网络品牌营销转化的全方位的互联网品牌营销方案!

您想探讨网站建设任何话题,请赶快联系我们:

18021232019
img

18021232019

img
img img
img

您已经犹豫了0

网站建设 · 匠心之选
img
南沅微信顾问
img

新生力量 · 专注于提供互联网与互动产品解决方案

用心和恒心 · 提升客户服务

img img
img img

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

发布时间:2020-06-28 17:52:19 作者:南沅网络

网页制作设计技术中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的基本结构和说明。 如果文章中没有明确的位置,请留言^ _ ^


TAG标签: 
网站建设,网站建设公司,营销型网站建设,网络公司,响应式网站,网站定制,网站制作,手机网站开发,手机网站制作,做网站公司,深圳网站建设,苏州网站建设,手机网站建设,建网站,深圳网站定制,苏州网站定制