发布时间: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的基本结构和说明。 如果文章中没有明确的位置,请留言^ _ ^
在当今数字化时代,网站已经成为了建立个人或企业品牌形象、传递信息和吸引目标受众的重要工具。有一句话说得好:“你的网站是你的第二个门面”。随着越来越多的人意识到网站的重要性,越来越多的人开始考虑如何搭建一个属于自己的网站。不过,对于许多人来说,搭建一个网站可能会感到非常困难和复杂。但是,事实上,只要遵循一些基本的步骤和原则,轻松搭建属于你的网站并不是一件难事。本文将为你详细介绍从零开始建立一个网站的过程。
在数字化浪潮的推动下,网络已经成为人们生活中不可或缺的一部分。如今,随着网络的普及和发展,宿迁市已经意识到了网络的重要性,并开始加大力度进行网站建设,以引领未来发展。在这篇文章中,我们将介绍宿迁网站建设的重要性以及相关的专业术语。
随着移动互联网的飞速发展,企业在数字化转型中面临着新的挑战和机遇。而小程序作为一种全新的移动应用形态,已经成为许多企业提升竞争力的重要利器。本文将详细介绍小程序开发的相关知识和优势,以及如何利用小程序提升企业的竞争力。
宿迁作为江苏省的重要城市之一,近年来在经济发展和信息化建设方面取得了长足的进步。随着互联网的普及和电子商务的兴起,越来越多的企业意识到拥有一个专业的网站对于企业形象的提升和市场占领的重要性。而宿迁做网站公司就是为了满足这种需求而诞生的。本文将从宿迁做网站公司的优势、服务内容以及案例分析等方面,详细介绍宿迁做网站公司的专业能力以及如何帮助企业提升形象、占领市场先机。
在网络时代,拥有一个个人网站已经成为展示个人魅力和才华的常见方式。通过网站,你可以自由地展示自己的作品、经历、专业知识等,吸引更多的目标人群。网站的搭建对于没有编程经验的人来说可能会有些困难,但只要按照五个简单的步骤进行操作,你就能快速搭建一个展示你个人魅力和才华的网站。
近年来,随着互联网的快速发展,人们对信息交流的需求越来越高。作为一个充满活力的城市,吴江需要一个信息交流的新平台,以满足居民和企业的需求。通过探索创新,我们将使吴江网站成为这样一个平台。本文将介绍吴江网站的定位、功能和优势,并探讨如何通过SEO优化,提高吴江网站的在百度搜索引擎的收录。
宿迁做网站公司,为您量身打造专属互联网时代的解决方案。我们致力于提供高质量的网站设计与开发服务,并通过百度SEO收录的标准,帮助您的网站在搜索引擎中获得更好的曝光度。
随着移动互联网的快速发展,智能手机成为人们生活的必备品。而其中的一款应用——小程序,正逐渐改变着人们的生活方式和消费习惯。小程序开发随之兴起,成为了新时代的营销革命。本文将详细介绍小程序开发的相关内容,包括优势、应用场景以及如何利用其进行营销。
宿迁市作为江苏省下辖的一个地级市,近年来积极推进互联网发展,网站建设成为城市数字化转型的重要举措之一。本文将详细介绍宿迁网站建设的相关内容,从SEO标准、行业关键词、内容丰富度、条理清晰度等方面进行探讨。
小程序在过去几年中获得了广泛的关注和应用。它们以其方便易用、跨平台的特点,成为许多企业和开发者选择的首选开发工具。作为一种快速开发移动应用的方式,学习小程序开发成为了众多开发者的追求目标。
乐鱼体育网络提供网站建设,网站制作,网站开发,网站设计,网页开发,网站定制,网页设计等服务,帮助企业提高知名度和影响力,提高企业网上竞争力。我们的客户来自各行各业,为了共同目标,工作上密切配合,从创业型小企业到行业有影响力的网站建设公司,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们的团队用头脑与智慧给客户带来惊喜。
我们简单,可信赖!
您给我们信任,我们给您惊喜。
10年网站建设经验,服务超过500+企业。
自主研发后台管理系统,服务行业龙头超过20家。
营销型网站建设专家,完备的项目流程管理体系。
网站建设与网站优化相结合,实现价值较大化。
具有价值的网站开发,别具一格,完善售后服务。
十年磨一剑,乐鱼体育网络立足于深圳至今已服务超过500多家客户,我们一直秉承通过网站建设和SEO优化相结合模式,将品牌视觉和网络营销,整合成强大的突破力,帮助企业获得更多客户资源。以"量身定制,注重实效"的一站式服务,不断刷新行业标准,成就网站建设和网站优化品牌服务机构,坚信网站建设,网站开发和网站seo在企业发展中所起到的重要作用。