html标记的一般格式_第1页
html标记的一般格式_第2页
html标记的一般格式_第3页
html标记的一般格式_第4页
html标记的一般格式_第5页
已阅读5页，还剩2页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

HTML是(HyperTextMarkupLanguage，超文本标记语言)的缩写，用来表示网上信息的符号标记语言，是Web文档的规范。也有人把HTML称为浏览器的母语。HTML语言内容丰富，从功能上大体可分为：文本设置、列表建立、文本属性制定、超链接、图片和多媒体插入、对象、表格、表单的操作，以及框架的建立。Web浏览器按照顺序读取HTML文件，然后根据内容附近的HTML标记来解释和显示各种内容。2、所有标记都必须用一对尖括号＜ ＞括起来，这叫做“定界符”。3、 大部分标记都是成对出现的，包括开始标记和结束标记，二者之间为标记所影响的范围，开始标记和结束标记名称相同，但结束标记总是以一个斜线符号开始，例如：＜html＞＜/html＞、＜title＞＜/title＞；但有一些标记只要求单一标记，例如水平线标记＜比/＞、换行标记＜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.2XHTML代码规范介绍XHTML是可扩展的超文本标记语言，是一种基于XML(可扩展标记语言)应用的HTML，它的可扩展性和灵活性将适应未来Web应用更多的需求。建立XHTML的目的就是实现HTML向XML的过度。■所有标记必须使用相应的结束标记进行关闭■标记及其属性名称必须使用小写字母■标记的属性值必须使用引号括起来■标记的所有属性必须具有值■强制XHTML元素，所有文档都必须文档类型声明＜!DOCTYPE＞HTML标记HTML文档标记格式：＜HTML＞...＜/HTML＞标志文件开始和结尾的标记。HTML文件头标记格式：＜HEAD＞.＜/HEAD＞用于包含文件的基本信息。HTML文件主体标记格式：＜BODY＞...＜/BODY＞文件主体标记。注意：＜HEAD＞与＜BODY＞为独立的两个部分，不能互相嵌套。＜head＞标记中的基本内容＜title＞标题＜/title＞＜meta＞标记：用来设置文档的格式和所用的字符集，随HTTP协议头进行发送。其中最重要的设置：HTTP-EQUIV:设置或者获取content中的内容，并把内容添加入HTTP的响应头中。Content：META信息的内容。举例：＜METAHTTP-EQUIV="REFRESH"CONTENT=2＞<body><body>标签中的内容都是在浏览器中可以被看到的内容。除<HEAD>内使用的标签以外的其他HTML语言标签都属于<BODY>的内容。我们在后续的课程当中主要围^<body>标签里面的内容来详细讲解。HTML标记的一般格式：<标记属性="值”属性="值”...>要呈现的内容</标记〉<标记属性="值”属性="值"…/>例如：<fontface="华文行楷”size="2"color="#FF0000”>ASP动态网页设计</font><inputtype="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标记用于定义一个段落，该段落与后续内容之间有一个空行，每行的宽度会根据窗口的宽度自动换行。<palign="where">...</p>■换行标记用于强制文本换行，但不在行与行之间增加空白，可用于调整行间距<br/>■标题标记HTML中每遇到一个标题，当前段落就会被终止，标题前后会留出一定的空白，文本自动从下一行开始<h1align="where">...</h1><h6align="where">...</h6>■字体标记（字体标记不会自动换行）<fontface="fontFamily[,...fontFamilyNameN]"size="intergetOrRelativeSize"color="colorTripletOrName">...</font>face：字体size:字号color:颜色■水平线标记<hr/><hralign="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标记创建超链接<ahref="URL"name="elementIdentifier"target="windowOrFrameName”title="promptText">...</a>href：指定要链接的目标资源的URL地址name:表示网页内的定位点位置，称为锚点target:指定一个窗口或框架的名称，目标文档将在该窗口或框架中打开(blankself)title:指定鼠标指向链接时所显示的提示文本用bgsound标记添加声音<bgsoundsrc="URL"balance="signedInteger"loop="integer"volume="signedInteger">src：指定要播放的声音文件的URLloop:指定声音播放的次数通过插件添加声音<embedsrc="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：指定要播放的声音文件的URLautostart:指定声音文件是否自动开始播放loop:指定是否循环播放或播放的次数pluginspage：指定用户可以从中下载插件的网站的完整URLheigh和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标记定义按钮：<inputtype="submit"|"reset"|"button"name="elementIdentifier"value="text”.../>value属性：指定显示在按钮上的标题文本。type属性：指定按钮的类型，其取值如下。submit：指定创建一个提交按钮。reset：指定创建一个重置按钮。button:指定创建一个自定义按钮。添加单选按钮■使用input标记创建单选按钮：<inputtype="radio"name="elementIdentifier"value="text"checked="checked".../>name：指定单选按钮的名称。若干个名称相同的单选按钮构成一个相互排斥的单选按钮组，从该组中只能选中一个选项。value：指定提交表单时单选按钮的值。checked:指定首次打开表单时该单选按钮处于选中状态添加复选框■使用input标记定义复选框：<inputtype="checkbox"name="elementIdentifier"value="text"checked="checked".../>name:指定复选框的名称。value：指定提交表单时复选框的值。checked:指定首次打开网页时该复选框处于选中状态。■使用input标记创建隐藏域：<inputtype="hidden"name="elementIdentifier"value="text"/>添加文件域■使用input标记创建文件域：<inputtype="file"name="elementIdentifier"value="text"size="elementWidth"maxlength="characterCount".../>添加列表框使用select和option标记创建列表框：<selectname="elementIdentifier"size="rowCount"multiple="multiple"><optionvalue="text"[selected="selected"]>...</option>...</select>name:指定列表框的名称。size:指定在列表框中显示的选项行数。multiple：指定列表框允许做多重选择。添加标签■使用label标记定义标签：<labelfor="inputElementIdentifier"accesskey="character"tabindex="integer">...</label>for：指定与标签关联的表单域的唯一标识符（id属性）。accesskey：指定单个字符键作为访问键。tabindex:指示该元素的Tab键顺序。添加字段集：■使用fieldset和legend标记在表单中添加字段集：<fieldset><legend>标题文本</legend>其他表单域</fieldset>创建滚动字幕<marqueebehavior="motionType"bgcolor="colorTripletOrName”direction="scrollDirection"height="length"width="length”hspace="pixelCount"vspace="pixelCount"loop="count”scrollamount="pixelCount"scrolldealy="milliseconds"></marquee>behavior:指定字幕动画的类型bgcolor:指定字幕的背景颜色。direction:指定字幕内容的移动方向height和width:指定字幕的高度和宽度hspace和vspace：指定字幕的水平边距和垂直边距loop:指定字幕的滚动次数scrollamount:指定字幕内容每次移动的像素数scrolldealy:指定字幕内容两次移动之间的时间间隔■框架网页的基本结构<html><head><title>框架网页标题</title></head><framesetcols="col1,col2,..."rows="row1,row2..."><framesrc="URL"…/><framesrc="URL".../></frameset><noframes><body><p>此网页使用了框架，但您的浏览器不支持框架。</p></body></noframes></html>设置框架集的属性cols:指定框架的列宽，可为像素数（n）、百分比（n%）和相对尺寸（n*）。rows：指定框架的行高，可为像素数（n）、百分比（n%）和相对尺寸（n*）。border：指定边框的宽度，以像素为单位。bordercolor：指定边框的颜色。frameborder：指定框架周围是否显示三维边框，可取的值有：1、0、no、yes。1或yes表示显示边框；0或no表示不显示边框。默认值为no。framespacing:指定各框架之间的间隔。在Dreamweaver中，可单击框架集内两个框架之间的分隔线，以选择该框架集，然后利用属性检查器对框架集的属性进行设置。Frame.html设置框架的属性src：指定在该框架中显示的网页。name属性：指定框架的名称。border：指定框架边框的宽度。bordercolor：指定边框的颜色。frameborder：指定框架周围是否显示边框，其取值可以是：1或yes（显示边框）、0或no（不显示边框）。frameheight:指定框架内容与上下边框的间距。framewidth:指定框架内容与左右边框的间距。scrolling:指定是否为框架添加滚动条，其取值可以是：yes（添加）、no（不添加）或auto（在需要时自动添加）。noresize:不能调整框架的大小。在Dreamweaver中，可按住Alt键同时单击一个框架，以选择该框架，然后利用属性检查器对该框架的属性进行设置。插入表单<formname="elementIdentifier"method="get"|"post"action="URL"enctype="MIMEType"target="windowOrFrameName"></form>name:指定表单的名称method：指定发送表单的HTTP方法（post，get）action:指定提交表单时将被访问的URLenctype：指定提交到服务器表单数据的MIME编码类型target：指定用来显示表单处理结果的窗口或框架<inputtype=#name=#value="”>其中 type用来设置表单的类型name用来标识此<input>标签名称value则是此<input>提交到服务器上的值type类型1)text类型2)password类型3）radio类型4)checkbox类型5）submit类型6）reset类型7）hidden类型8)File9)Image10)button添加按钮通过input标记定义按钮：<inputtype

人人文库> 全部分类> 行业资料 > 机电工程

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论