天津博奥教育首页>天津博奥教育培训课程学习辅助资料>网页设计培训就业辅导学习资料>网页设计中HTML的概述与基本结构

注重实战经验传授，打造视觉设计精英

视觉设计培训天津博奥教育全新五合一教学模式线上下同时授课

1.十多年教学经验，由视觉设计行业专家授课

2.视觉设计采用WORKSHOP授课方式，更好吸收教学内容

3.有问题可以随时提出，不积压问题及时解决问题

4.视觉设计培训学习期满后可推荐就业

5.在工作中遇到技术或者设计上的问题给予免费指导

6.视觉设计培训课程可免费重修

了解更多天津视觉设计培训学什么 >>

天津平面设计培训分类

天津平面设计培训就业实操课程不单专业讲解PS_AI_CDR_ID平面设计软件的使用方法及设计的实用技巧,并要让学生认识设计软件的基本工作原理和将创意设计呈现的方法,利用平面广告设计经典案例让学生把握在商业性平面广告设计有关的领域中的应用特性、制作方法步骤、拓展学生的平面广告设计构思,提升学生的现实实践经验,提升自主的设计的工作能力,在培训中注入较多的项目拓展成功案例和印刷前制作方法步骤及实用技巧和印刷后工艺,使其更深层次的达到工作实操的要求，并拥有自主进行各类平面广告设计项目的工作能力,学好后可任职平面媒体、广告创意设计师、美术编辑、印前工程师、数码打印高工、图像合成与制作师、网站美工等

2023年五月高端天津平面设计培训天津开课时间

室内设计培训高端培训班9月余2人

室内设计培训效果图培训班9月余2人

CAD培训室内设计CAD制图培训班9月余2人

su培训三维家具设计培训班9月余4人

天津办公软件培训Word、Excel、PPT培训班9月余2人

SolidWorks培训班9月余2人

培训咨询电话：
022-58697923
022-58697932
18222233399

天津平面设计培训视觉设计培训精品设计培训课程推荐

天津平面设计培训就业实战班

高端天津平面设计培训课程

天津UI设计师培训

UI设计师培训一对一

天津平面设计培训软件精讲班

天津平面设计软件培训

天津C4D培训

天津平面设计C4D培训

网页设计中HTML的概述与基本结构

本文章摘自天津平面设计培训全程实例教学小班精讲十多年教学经验的天津博奥教育官网www.boaoit.com

一、HTML的概述与基本结构：HTML的英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则和进行的操作.协议的制定使浏览器在运行超文本时有了统一的规则和标准.用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台，自1990年以来HTML就一直被用作ＷＷＷ（是WorldWideWeb的缩写，也可简写WEB、中文叫做万维网)的信息表示语言，使用HTML语言描述的文件，需要通过WEB浏览器HTTP显示出效果。所谓超文本，是因为它可以加入图片、声音、动画、影视等内容，事实上每一个HTML文档都是一种静态的网页文件，这个文件里面包含了HTML指令代码，这些指令代码并不是一种程序语言，它只是一种排版网页中资料显示位置的标记结构语言，易学易懂，非常简单。HTML的普遍应用就是带来了超文本的技术--通过单击鼠标从一个主题跳转到另一个主题，从一个页面跳转到另一个页面与世界各地主机的文件链接。直接获取相关的主题。如下所示：通过HTML可以表现出丰富多彩的设计风格：图片调用：<IMG SRC="文件名"> 文字格式： <FONT SIZE="+5 " COLOR="#00FFFF">文字</FONT>通过HTML可以实现页面之间的跳转：页面跳转；〈A HREF="文件路径/文件名"></A>，通过HTML可以展现多媒体的效果：声频：<EMBED SRC="音乐地址" AUTOSTART=true>；视频：<EMBED SRC="视频地址" AUTOSTART=true>，从上面我们可以看到HTML超文本文件时需要用到的一些标签。在HTML中每个用来作标签的符号都是一条命令、它告诉浏览器如何显示文本。这些标签均由"<"和">"符号以及一个字符串组成。而浏览器的功能是对这些标记进行解释，显示出文字、图像、动画、播放声音。这些标签符号用“<标签名字属性>”来表示。

HTML只是一个纯文本文件。创建一个HTML文档，只需要两个工具，一个是HTML编辑器，一个WEB浏览器。HTML编辑器是用于生成和保存THML文档的应用程序。WEB浏览器是用来打开WEB网页文件，提供给我们查看WEB资源的客户端程序

二、 HTML的基本结构：一个HTML文档是由一系列的元素和标签组成.元素名不区分大小写.HTML用标签来规定元素的属性和它在文件中的位置，HTML超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。下面是一个最基本的html文档的代码:<HTML>---开始标签；<HEAD> --|头部标签；<TITLE>一个简单的HTML示例 </TITLE></HEAD><BODY> - |文件主体<CENTER>，| <H1>欢迎光临我的主页</H1>|；<BR>|；<HR> <FONT SIZE= 7 COLOR= red>|这是我第一次做主页|</FONT>|；</CENTER>|</BODY>；</HTML> 结尾标签，<HTML></HTML>在文档的最外层，文档中的所有文本和html标签都包含在其中，它表示该文档是以超文本标识语言（HTML）编写的。事实上，现在常用的Web浏览器都可以自动识别HTML文档，并不要求有<html>标签，也不对该标签进行任何操作，但是为了使HTML文档能够适应不断变化的Web浏览器，还是应该养成不省略这对标签的良好习惯。<HEAD></HEAD>是HTML文档的头部标签,在浏览器窗口中，头部信息是不被显示在正文中的,在此标签中可以插入其它标记,用以说明文件的标题和整个文件的一些公共属性。若不需头部信息则可省略此标记，良好的习惯是不省略。<title>和</title>是嵌套在<HEAD>头部标签中的，标签之间的文本是文档标题，它被显示在浏览器窗口的标题栏。<BODY> </BODY>标记一般不省略，标签之间的文本是正文，是在浏览器要显示的页面内容。上面的这几对标签在文档中都是唯一的，HEAD标签和BODY标签是嵌套在HTML标签中的。

三、 HTML的标签与属性:对于刚刚接触超文本的朋友，遇到的最大的障碍就是一些用“<”和 “>”括起来的句子，我们称它为标签，是用来分割和标签文本的元素，以形成文本的布局、文字的格式及五彩缤纷的画面。标签通过指定某块信息为段落或标题等来标识文档某个部件。属性是标志里的参数的选项，HTML的标签分单标签和成对标签两种。成对标签是由首标签<标签名>和尾标签</标签名>组成的，成对标签的作用域只作用于这对标签中的文档。单独标签的格式<标签名>，单独标签在相应的位置插入元素就可以了，大多数标签都有自己的一些属性,属性要写在始标签内，属性用于进一步改变显示的效果,各属性之间无先后次序，属性是可选的，属性也可以省略而采用默认值;其格式如下：<标签名字属性1 属性2 属性 3… >内容</标签名字>作为一般的原则，大多数属性值不用加双引号。但是包括空格、％号，＃号等特殊字符的属性值必须加入双引号。为了好的习惯，提倡全部对属性值加双引号。如：<font color="#ff00ff" face="宋体" size="30">字体设置</font> 注意事项：输入始标签时，一定不要在“<”与标签名之间输入多余的空格，也不能在中文输入法状态下输入这些标签及属性，否则浏览器将不能正确的识别括号中的标志命令，从而无法正确的显示你的信息。

下一篇：平面设计师必备软件技巧coreldraw中锁定暂不修改的对象

热文：平面设计师必备软件技巧coreldraw巧用快捷键进行缩放操作