HTML个人总结

HTML网站开发的主要原则是：–用标签元素HTML描述网页的内容结构；–用CSS描述网页的排版布局；–用JavaScript描述网页的事件处理，即鼠标或键盘在网页元素上的动作后的程序HTML（HyperTextMark-upLanguage超文本标记语言）的缩写，是最基础的网页语言。Html是通过标签来定义的语言，代码都是由标签所组成。Html代码不用区分大小写。Html代码由html开始/html结束。里面由头部分head/head和体部分body/body两部分组成。标签：是由一对尖括号和标签名称组成。标签分为“起始标签”和“结束标签”两种，二者的标签名称是相同的，只是结束标签多了一个斜杠“/”在元素的起始标签中，可以包含“属性”来表示元素的其他特性标签名属性名='属性值'数据内容/标签名标签名属性名='属性值'/多个属性时：hrsize=“3”align=“left”width=”75%”用空格分开Html的命名：文件的扩展名要以.html或.html结束。Ø文件名中只可由英文字母、数字或下划线组成。Ø文件名中不要包含特殊符号，比如空格、$等所有标记都要用尖括号（）括起来，这样，浏览器就可以知道，尖括号内的标记是HTML命令。任何空格或回车在代码中都无效，插入空格或回车有专用的标记，分别是、br。因此，不同的标记间用回车键换行再编写是个不错的习惯。@title元素：文件标题声明@link元素和style元素常用于CSS@script元素用于脚本@meta元素元信息@base超链接网址基准参考点meta元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。name属性：网页的描述信息。当取keywords时，content属性的内容就作为搜索引擎的关键字进行搜索。http-equiv属性：模拟HTTP协议的响应消息头。@body元素是html文件的主体元素，它包含所有要在网页上显示的各种元素。设置页面背景:bgcolor设置背景图片:background设计正文颜色:text设置页面边距:topmargin、leftmargin、rightmargin、bottomnargin设置显示内容与浏览器的距离添加空格——b…/b粗.i…/i斜s…/s删u…/u下划sub…/sub下标sup…/sup上标.address…/address地址自动倾斜.big…/big大字strong…/strong加强语气(加粗em.../em加强语气(倾斜段落缩进blockquote设置水平线hr向中对齐center格式：center…/center插入定义列表dldldt名称/dtdd说明/dddd说明/dddd说明/dddt名称/dtdd说明/dddd说明/dddd说明/dd…/dl插入无序列表ululli项目名称/li…li项目名称/li…li项目名称/li……ulul：符号标签（○●■）type属性：disc●(默认)circle○square■ultype=circle插入有序列表ololli项目名称/li…li项目名称/li…li项目名称/li……/ol超链接概述链接在网页制作中是一个必不可少的部分，在浏览网页时，单击一张图片或者一段文字就可以弹出一个新的网页，这些功能都是通过超链接来实现的，在HTML文件中，超链接的建立是很简单的，但是掌握超链接的原理对网页的制作是至关重要的。在学习超链接之前，需要先了解一下“URL”，所谓URL（UniformResourceLocator）指统一资源定位符，通常包括三个部分：协议代码、主机地址、具体的文件名超链接标签的使用创建超链接的标签为a和/a，使用格式如下：ahref=“资源地址”target=“是否在新窗口显示”title=“指向链接时显示的文字”链接名称/a链接路径–绝对路径：包含了标识Internet上的文件所需要的所有信息，包括完整的协议名称、主机名称、文件夹名称和文件名称。格式为：通信协议://服务器地址:端口号/文件位置…/文件名相对路径：是以当前文件所在路径为起点，进行相对文件的查找。链接到同一文档的某个部分•锚记标签用于使用户“跳”到文档的某个部分•HTML的NAME属性用于创建锚标记ANAME=“marker”主题名称/AAHREF=“#marker”主题名称/A为达到这种跳转效果，请在HREF参数中使用该标记B发送E-mail：在html页面中，可以建立e-mail链接，当浏览者单击链接后，系统会启动默认的本地邮件服务系统发送邮件，格式为：ahref=“mailto:e-mail地址?subject=邮件主题”描述文字/aahref=“mailto:[e-mail]?subject=一个消息”联系我/aLINK颜色的设置•基本格式：bodylink=”颜色”alink=”颜色”vlink=”颜色”•link超链接尚被选中的文字•alink超链接点选但未被放开的颜色•vlink超链接已被点选过的颜色插入并格式化图像Bimg标签：用于在网页中插入图像内容。–src属性：用于设置图像文件的相对或绝对URL地址。–共三种类型：GIF：是图形和图片的最佳格式，适用于透明或动画图形。–JPG或JPEG：更适合存放照片–PNG：拥有许多JPEG与GIF的共同优点，所以最近越来越流行。通过设置width属性和height属性可以控制图像的显示宽度和高度，他们的长度单位可是百分比，也可是像素。ahref=URLimgsrc=URL/a注意点:边框的问题.可通过border=“0”去掉边框属性名称属性值说明Alignleft图像靠左文字靠右Right图像靠右文字靠左Top文字往上靠middle文字靠中bottom文字靠下空隙设置Vspace垂直上下两端和物件距离Hspace水平左右两端和物件距离设置图像映射图像地图：mapmap标签要和img标签联合使用。imgsrc=”URL”usemap=””/imgmapname＝””areashape=””cords=”,,,”href＝”URL”/map语法说明img标记表示插入图像文件，src表示插入图像的路径；Ømap标记表示插入图像映射；Øarea标记表示图像映射区域；Ørhape属性表示映射区域形状：—“rect”表示矩形区域；—“circle”表示椭圆形区域；—“poly”表示多边形区域；Øcords表示感应区域的坐标创建表格BODYTABLEBORDER=2TRTD姓名/TDTD性别/TDTD分数/TD/TRTRTH姓名/THTH性别/THTH分数/THTH表示行或列标题，粗体显示/TR......./TABLETHalign=center性别/TH居中COLSPAN=“n”属性表示跨多少列ROWSPAN=“n”属性表示跨多少行表格的颜色设置：表格的背景色TABLEbgcolor=颜色值行的背景色TRbgcolor=颜色值列的背景色TDbgcolor=颜色值表格的尺寸设置：TABLEwidth=n1height=n2•frame常见属性规定表格周围的哪一侧的边框是可见的。•rules常见属性规定水平或垂直的分界线。注释：必须与border属性配合使用！定义表格列的分组。通过此元素，您可以对列进行组合以便进行格式化。colgroupspan=3bgcolor=“red”/colgroupSpan:表格的直列数，而不是第几列。定义某个表格中针对一个或多个列的属性值。您只能在表格或colgroup中使用此属性。tablecol/col代表第1列colspan=“2”bgcolor=“red”/col代表第2，3两列tr…./tr单元格间距，边距tablecellspacing=””cellpadding=“”表格嵌套在HTML文件中，第一个table标记表示插入第一表格，第二个table标记插入在标记td/td之间，表示在单元格中插入表格，也就是嵌套表格。框架标签框架就是把一个浏览器窗口划分为若干个小窗口，每个窗口可以显示不同的URL网页。所有的框架标签要放在一个HTML文档中，HTML页面的文档体标签body被框架集标签frameset所取代，然后通过frameset的子窗口标签frame定义每一个子窗口和子窗口的页面属性。Bframeset标签framesetrows=“框架窗口高度,框架窗口高度，…”/framesethtmlheadtitle框架的基本结构title/headframesetframeframe…/frameset/htmlframesetcols=“框架窗口宽度,框架窗口宽度，…”/frameset还可设置的属性包括：frameborder：是否显示框架结构的边框线，取值为0、1或yes、no。取值为1或yes边框将会显示，取值为0或no边框将会隐藏。framespacing：默认边框线的宽度为1，该属性可调整边框线的宽度。（以像素为单位）bordercolor：可设置边框线颜色。scrolling：设置框架是否显示滚动条。取值为yes、no或auto。yes表示滚动条一直显示；no表示无论什么情况都不显示滚动条；auto是系统的默认值，它是根据内容来调整的，当页面长度超过浏览器窗口的范围时就会自动显示滚动条。Bnoframes标签如果遇到不支持框架结构的浏览器，此时就需要用到该标签来设置替换的内容，并告诉浏览者其浏览器无法打开框架页面。ahref=“right1.html”target=“mainFrame”新闻中心/a使用iframe进行页面内的页面嵌套可以定义嵌套页面的大小、位置等用法：iframename=“ifra1”scr=“abc.htm”border=“1”/可以通过name属性将链接的显示目标定位到iframe框架内。•bgsound是用以插入背景音乐，但只适用於IE，其参数设定不多。如下bgsoundsrc=your.midautostart=trueloop=infinite•src=your.mid设定midi档案及路径，可以是相对或绝对•autostart=true是否在音乐档传完之後，就自动播放音乐。true是，false否(内定值)。•loop=infinite是否自动反覆播放。LOOP=2表示重复两次，Infinite表示重复多次。•EMBED是用以插入各种多媒体，格式可以是Midi、Wav、AIFF、AU等等，Netscape及新版的IE都支援。其参数设定多。如下•EMBEDsrc=your.midautostart=trueloop=truehidden=true•src=your.mid设定midi档案及路径，可以是相对或绝对•autostart=true是否在音乐档传完之後，就自动播放音乐。true是，false否(内定值)。•loop=true是否自动反覆播放。LOOP=2表示重复两次，true是，false否。•HIDDEN=true是否完全隐藏控制画面，true为是，no为否(内定)。•STARTTIME=分:秒设定歌曲开始播放的时间。如