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标签：
推荐新闻
更多行业-
网站设计给你不同的视觉体验
众所周知，网站设计无非就是一个成功的用户体验。小编经验总结如下:
2021-04-06 -
使用Chrome修改任意WordPress主题字体样式与字号
许多网友和Quicl一样，默认主题的字体不好看之，为了美观就在编辑文章...
2012-02-06 -
CSS加载失败原因有哪些？
有很多刚刚接触css的新手有时会遇到css加载失败这个问题，但测试时，...
2019-05-24 -
企业建站高质量原创开发实现上线高效运营
目前，每个企业都需要一个网站，无论是建立品牌效应还是提高市场影响力都是...
2020-07-07 -
北京网建公司带你了解网站设计的一些准则
北京网站设计要统一，但是每个页面都要设定一个目标，围绕网站主题来设定。...
2022-03-16 -
新网站关键词密度多少比较合理？
就关键字密度而言，新的SEO人员很少关注，但是在实际工作中，尤其是在内...
2020-10-09
如果您的网站可以增加转化次数并提高客户满意度，该怎么办？
预约专业咨询顾问沟通！
Copyright © 2025 恒久尚品 版权所有 | 京ICP备09066521号
| 公安机关备案号:11011502003910
免责声明
诚信企业
尚品专注高端网站建设，系统平台开发，微信小程序及APP开发服务
尚品专注高端网站建设，系统平台开发，微信小程序及APP开发服务
免责声明
非常感谢您访问我们的网站。在您使用本网站之前，请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络，涉及到的部分文章和图片版权属于原作者，本站转载仅供大家学习和交流，切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规，当本声明与国家法律法规冲突时，以国家法律法规为准。
4、如果侵害了您的合法权益，请您及时与我们,我们会在第一时间删除相关内容!
联系方式：010-60259772
电子邮件：394588593@qq.com
