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标签：
推荐新闻
更多行业-
2022年网页设计的流行元素是什么？
网页设计的流行趋势和新媒体的快速发展使得平面视觉与新技术的结合更加深入...
2022-03-11 -
网页设计尺寸规范及标准详解
绝大多数屏幕的分辨率已经超过 1366*768，这是个屏幕逐渐变大的趋...
2018-04-25 -
seo优化工作注意身体
北京网站建设公司尚品中国(www.sino-web.net)：在这个行...
2012-04-20 -
网站推广和网站建设的关系是？
一些站长发现，有一些企业的官方网站，不需要做什么优化，只要上线了，就会...
2018-08-07 -
网站建设公司如何选择服务器？
服务器直接影响网站的运营。好的空间可以让网站快速稳定运行，不好的空间可...
2022-03-24 -
网站页面内的内容结构怎样布局才合理？
网站中正确的内容结构和内容本身一样重要。通过遵循一些简单的规则，您可以...
2020-12-11
如果您的网站可以增加转化次数并提高客户满意度，该怎么办？
预约专业咨询顾问沟通！
Copyright © 2024 恒久尚品 版权所有 | 京ICP备09066521号
| 公安机关备案号:11011502003910
免责声明
诚信企业
尚品专注高端网站建设，系统平台开发，微信小程序及APP开发服务
尚品专注高端网站建设，系统平台开发，微信小程序及APP开发服务
免责声明
非常感谢您访问我们的网站。在您使用本网站之前，请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络，涉及到的部分文章和图片版权属于原作者，本站转载仅供大家学习和交流，切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规，当本声明与国家法律法规冲突时，以国家法律法规为准。
4、如果侵害了您的合法权益，请您及时与我们,我们会在第一时间删除相关内容!
联系方式：010-60259772
电子邮件：394588593@qq.com
