HTML

整理文档很辛苦,赏杯茶钱您下走!

免费阅读已结束,点击下载阅读编辑剩下 ...

阅读已结束,您可以下载文档离线阅读编辑

资源描述

文本标题:HTML标题(Heading)是通过h1-h6等标签进行定义的h1Thisisheading1/h1h2Thisisheading2/h2h3Thisisheading3/h3h4Thisisheading4/h4h5Thisisheading5/h5h6Thisisheading6/h6不支持脚本或禁用脚本的浏览器将显示noscript元素中的文本noscriptSorry,yourbrowserdoesnotsupportJavaScript!/noscript插入脚本HelloWorld!scripttype=text/javascriptdocument.write(HelloWorld!)/script段落:HTML段落是通过p标签进行定义的。浏览器会自动地在段落的前后添加空行。(p是块级元素)p这是段落。/pp这是段落。/pp这是段落。/paname=tips基本的注意事项-有用的提示/aahref=#tips有用的提示/aahref=有用的提示/a我们将#符号和锚名称添加到URL的末端,就可以直接链接到tips这个命名锚了。点击“有用的提示”直接跳到相应的连接点连接:HTML链接是通过a标签进行定义的。ahref=这是超链接地址ahref==text-decoration:noneThisisalink/a连接没有下划线在5秒后自动跳转到=Refreshcontent=5;url=用图片做连接ahref=/example/html/lastpage.htmlimgborder=0src=/i/eg_buttonnext.gif//aTarget属性,你可以定义被链接的文档在何处显示target=_blank添加这个属性说明在另一个新窗口打开basetarget=_blank/图片:HTML图像是通过img标签进行定义的。imgsrc=/i/eg_w3school.gifalt=”BigBoat”width=300height=120/红色的是图片路径绿色的是替换文本属性,当图片文件路径错误时,会显示BigBoat邮件链接ahref=mailto:someone@microsoft.com?subject=Hello%20again发送邮件/aahref=mailto:someone@microsoft.com?cc=someoneelse@microsoft.com&bcc=andsomeoneelse2@microsoft.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!发送邮件!/a背景图片bodybackground=/i/eg_background.jpg换行:br/斜体字i粗体字b水平线:hr/标签在HTML页面中创建水平线。hr元素可用于分隔内容。hr/pre标签对空行和空格进行控制pre/pre(浏览器会自动屏蔽多余的空格和空行)改变文字的输出方向:bdodir=rtlHereissomeHebrewtext/bdo输出HereissomeHebrewtext注释!--Thisisacomment--属性总是在HTML元素的开始标签中规定位置对齐align=center——中align=left——左align=right——右整个文档页面的背景色bodybgcolor=yellow/body表格边框的大小tableborder=1/table1是指表格边框的大小表格Table每个表格由table标签开始。caption我的标题/caption表格的表头使用th标签进行定义每个表格行由tr标签开始。每个表格数据由td标签开始。横跨两列的单元格thcolspan=2电话/th横跨两行的单元格throwspan=2电话/th无序列表td这个单元包含一个列表:ultype=discli苹果/lili香蕉/lili菠萝/li/ul/tdtype=disc是前面小黑点那部分显示的属性Circle是空心圆Square是黑心方块有序列表olstart=50li咖啡/lili牛奶/lili茶/li/olstart=50是设置从哪开始自定义列表dldtCoffee/dtddBlackhotdrink/dddtMilk/dtddWhitecolddrink/dd/dl使用Cellpadding来创建单元格内容与其边框之间的空白cellpadding=22使用Cellspacing增加单元格之间的距离cellspacing=10frame=boxframe=aboveframe=belowframe=hsidesframe=vsides框架结构标签(frameset)定义如何将窗口分割为框架,假如一个框架有可见边框,用户可以拖动边框来改变它的大小。为了避免这种情况发生,可以在frame标签中加入:noresize=noresize。noframesbody您的浏览器无法处理框架!/body/noframes不能将body/body标签与frameset/frameset标签同时使用!不过,假如你添加包含一段文本的noframes标签,就必须将这段文字嵌套于body/body标签内垂直框架framesetcols=25%,50%,25%framesrc=/example/html/frame_a.htmlframesrc=/example/html/frame_b.htmlframesrc=/example/html/frame_c.html/frameset红色的是指框架按垂直(列)分布的绿色的是指每个框架占整个窗口的百分比水平框架framesetrows=25%,50%,25%framesrc=/example/html/frame_a.htmlframesrc=/example/html/frame_b.htmlframesrc=/example/html/frame_c.html/framesetframesetcols=120,*framesrc=/example/html/html_contents.htmlframesrc=/example/html/frame_a.htmlname=showframe/frameset点击前面的连接切换后面的框架内联框架:用于网页内显示网页(frameborder=0设置边框)iframesrc=/i/eg_landscape.jpg/iframeiframesrc=/example/html/demo_iframe.htmlname=iframe_a/iframepahref==iframe_aW3School.com.cn/a/ppb注释:/b由于链接的目标匹配iframe的名称,所以链接会在iframe中打开。/p点击红色字体连接会在iframe中显示,如上图

1 / 8
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功