首页 第5讲_HTML语言

第5讲_HTML语言

第5讲_HTML语言第5章：HTML、CSSHTML1CSS2内容提要HTML的常用标记与创建方法HTML的表格标记与创建方法HTML的表单标记。1、HTML常用标记HTML是HyperTextMarkupLanguage的缩写，即超文本标记语言。HTML是网页的描述语言。如今的每个Web浏览器都能理解这种语言。在普通文件中加上标记（tag），使文件达到预期的显示效果，这就是对HTML语言最经典的概括。HTML语言的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则描述浏览器所要显示的内容与格式...

第5章：HTML、CSSHTML1CSS2内容提要HTML的常用标记与创建方法HTML的表格标记与创建方法HTML的表单标记。1、HTML常用标记HTML是HyperTextMarkupLanguage的缩写，即超文本标记语言。HTML是网页的描述语言。如今的每个Web浏览器都能理解这种语言。在普通文件中加上标记（tag），使文件达到预期的显示效果，这就是对HTML语言最经典的概括。HTML语言的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则描述浏览器所要显示的内容与格式。例如：这里显示的是title标记符中的文本这里显示的是body标记符中的文本注意：HTML的注释这里显示的是title标记符中的文本这里显示的是body标记符中的文本标记文本组合标记的属性，控制文本的显示格式HTML常用标记作用介绍1、：告诉浏览器这是HTML文件 2、：定义文档的头部，描述了网页的各种属性和信息，包括文档的标题等。3、：网页标题，将显示于浏览器顶端 4、<BODY>：定义文档的主体 5、：注释 6、<BR>：换行7、<B>：字体加粗 8、<I>：字体斜体 9、<U>：文字加上底线10、<h1>-<h6>标签可定义标题。<h1>定义最大的标题。<h6>定义最小的标题。例：<h1>这是标题1</h1><h2>这是标题2</h2><h3>这是标题3</h3><h4>这是标题4</h4><h5>这是标题5</h5><h6>这是标题6</h6>11、<DIV>：网页分割为独立的、不同的部分，可以包含段落、标题、表格等，位于<body>中。12、<p>标签定义段落。13、<span>：属于一个行内元素。并无实际的意义,主要通过CSS样式(style)为其赋予不同的表现.可以通俗地理解为<div>为大容器,<span>就是小容器。span标签是成对出现的,以<span>开始,以</span>结束14、<FONT>：规定文本的字体、字体尺寸、字体颜色。实例<fontsize="3"color="red">Thisissometext!</font>15、<img>:可定义一副图像。注意：在HTML中，<img>标签没有结束标签<imgsrc=“新图书馆.jpg”alt=“矿大新图书馆"/>Src属性，表示<img>要显示的图片名称。alt属性：图片不能正常显示时的替代文字。16、<style>标签：用于为HTML文档定义样式信息。17、<a>标签可定义超链接。<a>元素最重要的属性是href属性，它指定链接的目标。2、HTML中使用表格法1、使用<table>标签。HTML表格由table标记以及一个或多个tr、th或td标记组成。tr:定义表格行th:定义表头td:定义表格单元例：<tableborder="1"><tr><th>Month</th><th>Savings</th></tr><tr><td>January</td><td>$100</td></tr></table><table>...</table>用于定义一个表格开始和结束<tr>...</tr>用于定义表格一行。<td>表示内容单元格；<th>则表示标题,里面的内容会自动加粗加黑。他们都属于<tr>子元素。HTML语言的缺点：实际数据和表现混淆在一起维护性差附加标记大大增加页面的大小，因此加载和显示更慢。HTML语言1CSS2内容提纲CSS的定义和语法CSS的三种选择符CSS的三种使用方法CSS是CascadingStyleSheet的缩写。译作”层叠样式表单”，同HTML一样，也是一种数据描述语言。CSS解决了格式化化问题。CSS允许在外部文件中定义所有格式化信息，然后页面引用这些文件，解决了数据与表现混合在一起的问题。可维护性好。写第一个CSS<headrunat="server"><title>无标题页h1{font-size:20px;color:Green;}p{color:Blue;font-style:italic;}.rightaligned{text-align:right;}给h1标记定义规则给p1标记定义规则定义了一个类，使文本右对齐。CSS也是一种语言，有自己的语法结构。最基本的css是由三个部分构成：选择符（selector）属性（properties）属性的取值（value)。格式为：选择符｛属性：值｝。一般情况下，选择符是要为之定义样式的HTML标记，例如BODY、P、TABLE。通过此方法定义相应标记的属性和值，属性和值之间用冒号隔开。例如：body{color:black｝以上代码中，选择符body是指页面主体部分，color是控制文字颜色的属性，black是颜色的值，该代码的效果是使页面中的文字为黑色。如果需要对一个选择符指定多个属性时，则要使用分号将所有的属性和值分开。例如：p{color:red；text-align:center};以上代码表示段落居中排列，并且段落中的文字为红色。CSS样式的使用方式3种HEAD内引用（嵌套样式表）BODY内引用（内联样式表）作为外部文件引用在HEAD内引用在BODY内引用2、在BODY内引用在BODY内引用主要是在HTML标记内引用，只要将相关属性和值放到对应的标记中即可。例：在BODY内引用样式

大学生青年志愿服务活动

文件外引用3、文件外引用(方法：格式->CSS->附加CSS样式表)在HTML文件头中的和之间加入标记，用LINK标记连接外部样式表文件。rel和type属性告诉浏览器链接的文件实际上是一个层叠样式表。href指向要连接的CSS文件。

                    本文档为【第5讲_HTML语言】，请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑，
                    图片更改请在作品中右键图片并更换，文字修改请直接点击文字进行修改，也可以新增和删除文档中的内容。 
 该文档来自用户分享，如有侵权行为请发邮件ishare@vip.sina.com联系网站客服，我们会及时删除。

                    [版权声明] 本站所有资料为用户分享产生，若发现您的权利被侵害，请联系客服邮件isharekefu@iask.cn，我们尽快处理。

                    本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权，请谨慎使用。

                    网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传，仅限个人学习分享使用，禁止用于任何广告和商用目的。
                

下载需要：免费已有0 人下载

立即下载

第5讲_HTML语言

你可能还喜欢