HTML是(Hyper Text Markup Language,超文本标记语言)的缩写,用来表示网上信息的符号标记语言,是Web文档的规范。
也有人把HTML称为浏览器的母语。
HTML语言内容丰富,从功能上大体可分为:文本设置、列表建立、文本属性制定、超链接、图片和多媒体插入、对象、表格、表单的操作,以及框架的建立。
Web浏览器按照顺序读取HTML文件,然后根据内容附近的HTML标记来解释和显示各种内容。
2、所有标记都必须用一对尖括号< >括起来,这叫做“定界符”。
3、大部分标记都是成对出现的,包括开始标记和结束标记,二者之间为标记所影响的范围,开始标记和结束标记名称相同,但结束标记总是以一个斜线符号开始,例如:<html> </html>、<title> </title>;但有一些标记只要求单一标记,例如水平线标记<hr/>、换行标记<br/>4、允许标记和属性名使用大写、小写或大小写混合,但建议使用小写。
在HTML里,颜色有两种表示方式。
一种是用颜色名称表示,比如blue表示蓝色;另外一种是用16进制的数值表示RGB的颜色值。
RGB是Red,Green,Blue意思,RGB每个原色的最小值是0,最大值是255,如果换算成16进制表示,就是(#00),(#FF)。
比如白色的RGB(255,255,255),就用#FFFFFF表示;还有黑色的RGB(0,0,0),就用#000000表示。
2.1.2 XHTML代码规范介绍XHTML是可扩展的超文本标记语言,是一种基于XML(可扩展标记语言)应用的HTML,它的可扩展性和灵活性将适应未来Web应用更多的需求。
建立XHTML的目的就是实现HTML向XML的过度。
⏹所有标记必须使用相应的结束标记进行关闭⏹标记及其属性名称必须使用小写字母⏹标记的属性值必须使用引号括起来⏹标记的所有属性必须具有值⏹强制XHTML元素,所有文档都必须文档类型声明<!DOCTYPE>HTML标记1.HTML文档标记格式:<HTML>…</HTML>标志文件开始和结尾的标记。
2.HTML文件头标记格式:<HEAD>…</HEAD>用于包含文件的基本信息。
3.HTML文件主体标记格式:<BODY>…</BODY>文件主体标记。
注意:<HEAD>与<BODY>为独立的两个部分,不能互相嵌套。
<head>标记中的基本内容1.<title>标题</title>2.<meta>标记:用来设置文档的格式和所用的字符集,随HTTP协议头进行发送。
其中最重要的设置:HTTP-EQUIV :设置或者获取content中的内容,并把内容添加入HTTP的响应头中。
Content:META信息的内容。
举例:<META HTTP-EQUIV="REFRESH" CONTENT=2><body><body>标签中的内容都是在浏览器中可以被看到的内容。
除<HEAD>内使用的标签以外的其他HTML语言标签都属于<BODY>的内容。
我们在后续的课程当中主要围绕<body>标签里面的内容来详细讲解。
HTML标记的一般格式:<标记属性="值" 属性="值" …>要呈现的内容</标记><标记属性="值" 属性="值" … />例如:<font face="华文行楷" size="2" color="#FF0000">ASP动态网页设计</font><input type="submit" name="btnSubmit" value="提交" />HTML元素的通用属性:⏹id:为HTML元素指定一个唯一的标识符。
⏹class:对HTML元素应用CSS类样式。
⏹style:为一个单独出现的元素指定CSS样式HTML文档的结构:包括head、title、body三部分。
<BODY>属性概述:background=---背景图片Bgcolor=“#RRGGBB” --- 背景色彩text --- 非可链接文字的色彩(默认文本)link --- 可链接文字的色彩alink --- 正被点击的可链接文字的色彩vlink --- 已经点击(访问)过的可链接文字的色彩Leftmargin ---页面左边的空白topmargin ---页面上方的空白⏹段落标记P标记用于定义一个段落,该段落与后续内容之间有一个空行,每行的宽度会根据窗口的宽度自动换行。
<p align="where">...</p>⏹换行标记用于强制文本换行,但不在行与行之间增加空白,可用于调整行间距<br />⏹标题标记HTML中每遇到一个标题,当前段落就会被终止,标题前后会留出一定的空白,文本自动从下一行开始<h1 align="where">...</h1>. . .<h6 align="where">...</h6>⏹字体标记(字体标记不会自动换行)<font face="fontFamily[, ...fontFamilyNameN]"size=" intergetOrRelativeSize" color="colorTripletOrName">...</font>⏹face:字体⏹size:字号⏹color:颜色⏹水平线标记<hr /><hr align="where" color="colorTripletOrName" noshade="noshade" width="length" />⏹粗体:<b>...</b>或<strong>...</strong>⏹大字体:<big>...</big>⏹斜体:<i>...</i>或<em>...</em>⏹小字体:<small>...</small>⏹删除线:<s>...</s>或<strike>...</strike>⏹下标:<sub>...</sub>⏹上标:<sup>...</sup>⏹下划线:<u>...</u>创建超链接⏹使用a标记创建超链接<a href="URL" name="elementIdentifier" target="windowOrFrameName" title="promptText">...</a>⏹href:指定要链接的目标资源的URL地址⏹name:表示网页内的定位点位置,称为锚点⏹target:指定一个窗口或框架的名称,目标文档将在该窗口或框架中打开( blank self )⏹title:指定鼠标指向链接时所显示的提示文本用bgsound标记添加声音<bgsound src="URL" balance="signedInteger" loop="integer" volume="signedInteger">⏹src:指定要播放的声音文件的URL⏹loop:指定声音播放的次数通过插件添加声音<embed src="URL" align="where" autostart="true" | "flase"loop="true" | "false" |"integer" starttime="mm:ss" endtime="mm:ss"height="length" width="length" hidden="true" | "flase"></embed>⏹src:指定要播放的声音文件的URL⏹autostart:指定声音文件是否自动开始播放⏹loop:指定是否循环播放或播放的次数⏹pluginspage:指定用户可以从中下载插件的网站的完整URL⏹heigh和width:分别指定嵌入对象的高度和宽度在Dreamweaver中,可以通过插入插件的方法在网页中添加声音和视频等媒体内容,此时将自动生成embed标记并对其属性进行设置。
⏹behavior:指定字幕动画的类型⏹bgcolor:指定字幕的背景颜色。
⏹direction:指定字幕内容的移动方向⏹height和width:指定字幕的高度和宽度⏹hspace和vspace:指定字幕的水平边距和垂直边距⏹loop:指定字幕的滚动次数⏹scrollamount:指定字幕内容每次移动的像素数⏹scrolldealy:指定字幕内容两次移动之间的时间间隔⏹cols:指定框架的列宽,可为像素数(n)、百分比(n%)和相对尺寸(n*)。
⏹rows:指定框架的行高,可为像素数(n)、百分比(n%)和相对尺寸(n*)。
⏹border:指定边框的宽度,以像素为单位。
⏹bordercolor:指定边框的颜色。
⏹frameborder:指定框架周围是否显示三维边框,可取的值有:1、0、no、yes。
1或yes表示显示边框;0或no表示不显示边框。
默认值为no。
⏹framespacing:指定各框架之间的间隔。
添加按钮⏹通过input标记定义按钮:<input type="submit" | "reset" | "button" name="elementIdentifier " value="text"... />⏹value属性:指定显示在按钮上的标题文本。