HTML静态页面核心技能与概念
来源：尚品中国|
类型：网站百科|
时间：2015-07-18
一、理论基础1：HTML语言简介
HTML (HyperText Markup Language，超文本标记语言)，是用来描述超文本文档的标记语言。它由网站建设HTML标记和用来表示信息的文本组成。使用HTML语言描述的文件，需要通过浏览器显示效果。
所有的网页都可以以HTML格式的文件为基础，再加上一些其他语言(如Javascript,VBScript)编写的代码。这些文件除了一些基本的文字外，还包含一些标记。这些标记均由“<”和“>”符号及一个字符串组成。文字、图像、动画并播放声音等。
浏览器的功能是对这些标记进行解释，显示出HTML文件是由标记和文本组成的，通过HTML可以表现出丰富多彩的设计风格。大到整个页面布局、段落的设定，小到文本的字体、字号、颜色等的设置，都可以通过HTML语言来完成。此外，HTML语言还可以在网页中设置列表、表格等内容。
一通过HTML可以展现多媒体的效果。超文本之所以能在很短的时间内广泛地受到人们的青睐，很重要的一个原因是，它能够支持多媒体，如图像、声音、动画等。
二、理论基础2: HTML的基本结构
超文本文档包括文档头和文档体两部分档体则是要显示的各种网页内容。
不管网页的内容多丰富、版式多复杂，。文档头对这个文档进行了一些必要的定义;文网页的基本结构都是一样的。HTML文件是分层组织的，最外层是<html>标记，在此标记内一般有两层:head层(文档头)和body层(文档体)。这两部分内容都包含在<html>和</html>之间。
在这些标记内可以嵌套其他标记。一般情况下，键字存放在<meta>图像标记等组成。文档头存储网页的信息，比如网页标题存放在< title>标记中，网页标记中。文档体是网页内容的显示部分，主要由表格标记、段落标记、下面是HTM L文档的基本格式。
如果想要看到这段语句所描述的页面效果，可以在记事本中新建一个文本，把这段代码语句复制并粘贴到文件中，然后将其另存为examplel. html文件(保存类型为“所有文件”)，最后双击打开html文件，如图2-169所示。
使用Dreamweave切换到“代码”视图中，在其中输人可以编写相应的HTML代码。对于一个专业的网页设计人员来说，可以在浏览器中选择“查看”一“源代码”命令，即可弹出以记事本的形式显示的该网页文件的源代码，如图2-170所示。
三、理论基础3: HTML的常用标记
HTML基本标记种类比较多，内容也很丰富，通过这些各不相同的标记就能实现网页上丰富多彩的效果，下而简单介绍常用的也是比较重要的一些标记。
HTML (HyperText Markup Language，超文本标记语言)，是用来描述超文本文档的标记语言。它由网站建设HTML标记和用来表示信息的文本组成。使用HTML语言描述的文件，需要通过浏览器显示效果。
所有的网页都可以以HTML格式的文件为基础，再加上一些其他语言(如Javascript,VBScript)编写的代码。这些文件除了一些基本的文字外，还包含一些标记。这些标记均由“<”和“>”符号及一个字符串组成。文字、图像、动画并播放声音等。
浏览器的功能是对这些标记进行解释，显示出HTML文件是由标记和文本组成的，通过HTML可以表现出丰富多彩的设计风格。大到整个页面布局、段落的设定，小到文本的字体、字号、颜色等的设置，都可以通过HTML语言来完成。此外，HTML语言还可以在网页中设置列表、表格等内容。
一通过HTML可以展现多媒体的效果。超文本之所以能在很短的时间内广泛地受到人们的青睐，很重要的一个原因是，它能够支持多媒体，如图像、声音、动画等。
二、理论基础2: HTML的基本结构
超文本文档包括文档头和文档体两部分档体则是要显示的各种网页内容。
不管网页的内容多丰富、版式多复杂，。文档头对这个文档进行了一些必要的定义;文网页的基本结构都是一样的。HTML文件是分层组织的，最外层是<html>标记，在此标记内一般有两层:head层(文档头)和body层(文档体)。这两部分内容都包含在<html>和</html>之间。
在这些标记内可以嵌套其他标记。一般情况下，键字存放在<meta>图像标记等组成。文档头存储网页的信息，比如网页标题存放在< title>标记中，网页标记中。文档体是网页内容的显示部分，主要由表格标记、段落标记、下面是HTM L文档的基本格式。
如果想要看到这段语句所描述的页面效果，可以在记事本中新建一个文本，把这段代码语句复制并粘贴到文件中，然后将其另存为examplel. html文件(保存类型为“所有文件”)，最后双击打开html文件，如图2-169所示。
使用Dreamweave切换到“代码”视图中，在其中输人可以编写相应的HTML代码。对于一个专业的网页设计人员来说，可以在浏览器中选择“查看”一“源代码”命令，即可弹出以记事本的形式显示的该网页文件的源代码，如图2-170所示。
三、理论基础3: HTML的常用标记
HTML基本标记种类比较多，内容也很丰富，通过这些各不相同的标记就能实现网页上丰富多彩的效果，下而简单介绍常用的也是比较重要的一些标记。
来源声明：本文章系尚品中国编辑原创或采编整理，如需转载请注明来自尚品中国。以上内容部分(包含图片、文字)来源于网络，如有侵权，请及时与本站联系（010-60259772）。
TAG标签：
推荐新闻
更多行业-
（大兴网站建设）客户需要我们做哪些准备？
客户需要我们做哪些准备？产品经理准备的过程是一场与客户沟通的预演。甚至...
2019-03-07 -
地方门户网站非常注重外链的量
也就是说非常注重外链的量,这其实是一个极大的浪费,这些深层次的页面做一...
2012-09-09 -
网站设计的基本原则
网站设计流程一般为:确定网站目的->收集网站信息->网站信...
2014-06-21 -
响应式网站建设的重要性有哪些？
一、助您接触更多手机和平板电脑用户：响应式网站的兴起是平板电脑和手机有...
2018-05-21 -
北京网站设计怎样建设营销的网站
如何建立一个企业网站，使整个网站看起来更清晰，更面向市场？这个问题一定...
2020-06-18 -
网站建设上线过后，为什么要持续更新内容？
对于许多搜索引擎优化新手来说，当他们关注新的文章时会有一个问题，那就是...
2020-05-12
如果您的网站可以增加转化次数并提高客户满意度，该怎么办？
预约专业咨询顾问沟通！
Copyright © 2025 恒久尚品 版权所有 | 京ICP备09066521号
| 公安机关备案号:11011502003910
免责声明
诚信企业
尚品专注高端网站建设，系统平台开发，微信小程序及APP开发服务
尚品专注高端网站建设，系统平台开发，微信小程序及APP开发服务
免责声明
非常感谢您访问我们的网站。在您使用本网站之前，请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络，涉及到的部分文章和图片版权属于原作者，本站转载仅供大家学习和交流，切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规，当本声明与国家法律法规冲突时，以国家法律法规为准。
4、如果侵害了您的合法权益，请您及时与我们,我们会在第一时间删除相关内容!
联系方式：010-60259772
电子邮件：394588593@qq.com
