常用HTML语法运用

来源：百度文库 编辑：神马文学网 时间：2024/07/02 16:36:04

1>字体效果

...

标题字(最大)
...
标题字(最小)
...粗体字
...粗体字(强调)
...斜体字
...斜体字(强调)
...斜体字(表示定义)
...底线
...底线(表示插入文字)
...横线
...删除线
...删除线(表示删除)
...键盘文字
... 打字体
...固定宽度字体(在文件中空白、换行、定位功能有效)
...</plaintext>固定宽度字体(不执行标记符号)<br><listing>...</listing> 固定宽度小字体<br><font color=00ff00>...</font>字体颜色<br><font size=1>...</font>最小字体<br><font style =font-size:100 px>...</font>无限增大<br>2>区断标记<br><hr>水平线<br><hr size=9>水平线(设定大小)<br><hr width=80%>水平线(设定宽度)<br><hr color=ff0000>水平线(设定颜色)<br><br>(换行)<br><nobr>...</nobr>水域(不换行)<br><p>...</p>水域(段落)<br><center>...</center>置中<br>3>连结格式<br><base href=地址>(预设好连结路径)<br><a href=地址></a>外部连结<br><a href=地址 target=_blank></a>外部连结(另开新窗口)<br><a href=地址 target=_top></a>外部连结(全窗口连结)<br><a href=地址 target=页框名></a>外部连结(在指定页框连结)<br>4>贴图/音乐<br><img src=图片地址>贴图<br><img src=图片地址 width=180>设定图片宽度<br><img src=图片地址 height=30>设定图片高度<br><img src=图片地址 alt=提示文字>设定图片提示文字<br><img src=图片地址 border=1>设定图片边框<br><bgsound src=MID音乐文件地址>背景音乐设定<br>5>表格语法<br><table aling=left>...</table>表格位置,置左<br><table aling=center>...</table>表格位置,置中<br><table background=图片路径>...</table>背景图片的URL=就是路径网址<br><table border=边框大小>...</table>设定表格边框大小(使用数字)<br><table bgcolor=颜色码>...</table>设定表格的背景颜色<br><table borderclor=颜色码>...</table>设定表格边框的颜色<br><table borderclordark=颜色码>...</table>设定表格暗边框的颜色<br><table borderclorlight=颜色码>...</table>设定表格亮边框的颜色<br><table cellpadding=参数>...</table>指定内容与网格线之间的间距(使用数字)<br><table cellspacing=参数>...</table>指定网格线与网格线之间的距离(使用数字)<br><table cols=参数>...</table>指定表格的栏数<br><table frame=参数>...</table>设定表格外框线的显示方式<br><table width=宽度>...</table>指定表格的宽度大小(使用数字)<br><table height=高度>...</table>指定表格的高度大小(使用数字)<br><td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)<br><td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)<br>6>分割窗口<br><frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整<br><frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整<br><frameset cols="20%,*">分割左右两个框架<br><frameset cols="20%,*,20%">分割左中右三个框架<br><frameset rows="20%,*">分割上下两个框架<br><frameset rows="20%,*,20%">分割上中下三个框架<br>7> 批注<br><A HREF TARGET> 指定超级链接的分割窗口<br><A HREF=#锚的名称> 指定锚名称的超级链接<br><A HREF> 指定超级链接<br><A 被连结点的名称<br><ADDRESS>....</ADDRESS> 用来显示电子邮箱地址<br><B> 粗体字<br><BASE TARGET> 指定超级链接的分割窗口<br><BASEFONT SIZE> 更改预设字形大小<br><BGSOUND SRC> 加入背景音乐<br><BIG> 显示大字体<br><BLINK> 闪烁的文字<br><BODY TEXT LINK VLINK> 设定文字颜色<br><BODY> 显示本文<br><BR> 换行<br><CAPTION ALIGN> 设定表格标题位置<br><CAPTION>...</CAPTION> 为表格加上标题<br><CENTER> 向中对齐<br><CITE>...<CITE> 用于引经据典的文字<br><CODE>...</CODE> 用于列出一段程序代码<br><COMMENT>...</COMMENT> 加上批注<br><DD> 设定定义列表的项目解说<br><DFN>...</DFN> 显示"定义"文字<br><DIR>...</DIR> 列表文字卷标<br><DL>...</DL> 设定定义列表的卷标<br><DT> 设定定义列表的项目<br><EM> 强调之用<br><FONT FACE> 任意指定所用的字形<br><FONT SIZE> 设定字体大小<br><FORM ACTION> 设定户动式窗体的处理方式<br><FORM METHOD> 设定户动式窗体之资料传送方式<br><FRAME MARGINHEIGHT> 设定窗口的上下边界<br><FRAME MARGINWIDTH> 设定窗口的左右边界<br><FRAME NAME> 为分割窗口命名<br><FRAME NORESIZE> 锁住分割窗口的大小<br><FRAME SCROLLING> 设定分割窗口的滚动条<br><FRAME SRC> 将HTML文件加入窗口<br><FRAMESET COLS> 将窗口分割成左右的子窗口<br><FRAMESET ROWS> 将窗口分割成上下的子窗口<br><FRAMESET>...</FRAMESET> 划分分割窗口<br><H1>~<H6> 设定文字大小<br><HEAD> 标示文件信息<br><HR> 加上分网格线<br><HTML> 文件的开始与结束<br>8> 斜体字<br><IMG ALIGN> 调整图形影像的位置<br><IMG ALT> 为你的图形影像加注<br><IMG DYNSRC LOOP> 加入影片<br><IMG HEIGHT WIDTH> 插入图片并预设图形大小<br><IMG HSPACE> 插入图片并预设图形的左右边界<br><IMG LOWSRC> 预载图片功能<br><IMG SRC BORDER> 设定图片边界<br><IMG SRC> 插入图片<br><IMG VSPACE> 插入图片并预设图形的上下边界<br><INPUT TYPE NAME value> 在窗体中加入输入字段<br><ISINDEX> 定义查询用窗体<br><KBD>...</KBD> 表示使用者输入文字<br><LI TYPE>...</LI> 列表的项目 ( 可指定符号 )<br><MARQUEE> 跑马灯效果<br><MENU>...</MENU> 条列文字卷标<br><META CONTENT URL> 自动更新文件内容<br><MULTIPLE> 可同时选择多项的列表栏<br><NOFRAME> 定义不出现分割窗口的文字<br><OL>...</OL> 有序号的列表<br><OPTION> 定义窗体中列表栏的项目<br><P ALIGN> 设定对齐方向<br><P> 分段<br><PERSON>...</PERSON> 显示人名<br><PRE> 使用原有排列<br><SAMP>...</SAMP> 用于引用字<br><SELECT>...</SELECT> 在窗体中定义列表栏<br><SMALL> 显示小字体<br><STRIKE> 文字加横线<br><STRONG> 用于加强语气<br><SUB> 下标字<br><SUP> 上标字<br><TABLE BORDER=n> 调整表格的宽线高度<br><TABLE CELLPADDING> 调整数据域位之边界<br><TABLE CELLSPACING> 调整表格线的宽度<br><TABLE HEIGHT> 调整表格的高度<br><TABLE WIDTH> 调整表格的宽度<br><TABLE>...</TABLE> 产生表格的卷标<br><TD ALIGN> 调整表格字段之左右对齐<br><TD BGCOLOR> 设定表格字段之背景颜色<br><TD COLSPAN ROWSPAN> 表格字段的合并<br><TD NOWRAP> 设定表格字段不换行<br><TD VALIGN> 调整表格字段之上下对齐<br><TD WIDTH> 调整表格字段宽度<br><TD>...</TD> 定义表格的数据域位<br><TEXTAREA NAME ROWS COLS> 窗体中加入多少列的文字输入栏<br><TEXTAREA WRAP> 决定文字输入栏是自动否换行<br><TH>...</TH> 定义表格的标头字段<br><TITLE> 文件标题<br><TR>...</TR> 定义表格美一行<br><TT> 打字机字体<br><U> 文字加底线<br><UL TYPE>...</UL> 无序号的列表 ( 可指定符号 )<br><VAR>...</VAR> 用于显示变量<br>9>走马灯<br><marquee>...</marquee>普通卷动<br><marquee behavior=slide>...</marquee>滑动<br><marquee behavior=scroll>...</marquee>预设卷动<br><marquee behavior=alternate>...</marquee>来回卷动<br><marquee direction=down>...</marquee>向下卷动<br><marquee direction=up>...</marquee>向上卷动<br><marquee direction=right></marquee>向右卷动<br><marquee direction=left></marquee>向左卷动<br><marquee loop=2>...</marquee>卷动次数<br><marquee width=180>...</marquee>设定宽度<br><marquee height=30>...</marquee>设定高度<br><marquee bgcolor=FF0000>...</marquee>设定背景颜色<br><marquee scrollamount=30>...</marquee>设定卷动距离<br><marquee scrolldelay=300>...</marquee>设定卷动时间<br>',1)"><img src='/images/play_bg.png'> ',2)"><img src='/images/play_bg.png'> ',3)"><img src='/images/play_bg.png'><br>ldm2124086 欢迎光临<img style='max-width:300px;' id="img1" src="http://image6.360doc.cn/DownloadImg/2010/01/0308/2101171_2.jpg" /><img style='max-width:300px;' id="img2" src="http://image6.360doc.cn/DownloadImg/2010/01/0308/2101171_3.jpg" /><br>',4)"><img src='/images/play_bg.png'></div> <div class="list-group"> <a href="/article/721982" class="list-group-item">常用HTML语法运用</a> <a href="/article/1819891" class="list-group-item">常用html语法教程</a> <a href="/article/515901" class="list-group-item">常用HTML语法全攻略</a> <a href="/article/1731901" class="list-group-item">常用HTML语法全攻略</a> <a href="/article/2096181" class="list-group-item">常用HTML语法全攻略</a> <a href="/article/1089698" class="list-group-item">博客常用HTML语法全攻略</a> <a href="/article/1446284" class="list-group-item">博客网页常用的HTML语法</a> <a href="/article/1463142" class="list-group-item">博客网页常用的HTML语法</a> <a href="/article/837749" class="list-group-item">HTML语法</a> <a href="/article/979747" class="list-group-item">html教学+HTML语法大全</a> <a href="/article/1259791" class="list-group-item">HTML语法大全</a> <a href="/article/1270953" class="list-group-item">HTML语法实用大全</a> <a href="/article/1612374" class="list-group-item">HTML语法效果</a> <a href="/article/1720737" class="list-group-item">HTML语法大全</a> <a href="/article/1951121" class="list-group-item">HTML语言语法大全</a> <a href="/article/2031132" class="list-group-item">HTML 基本语法</a> <a href="/article/2336693" class="list-group-item">在线HTML语法教学</a> <a href="/article/2434184" class="list-group-item">HTML语法效果</a> <a href="/article/2952916" class="list-group-item">HTML语法效果</a> <a href="/article/2674357" class="list-group-item">常用HTML</a> <a href="/article/915900" class="list-group-item">博客常用HTML语法全攻略 - 香儿的日志 - 网易博客</a> <a href="/article/2965943" class="list-group-item">网易博客教程--博客常用HTML语法全攻略） - 依墙待红杏的日志 - 网易博客</a> <a href="/article/2985301" class="list-group-item">博客常用HTML语法全攻略 - 香儿的日志 - 网易博客</a> <a href="/article/57591" class="list-group-item">经典收藏：HTML 语法大全</a> </div> </div> </div> </div> </div> </div> <footer id="footer" class="footer hidden-print"> <div class="container"> <div class="panel panel-default"> <div class="panel-heading">相关问题</div> <div class="panel-body"> <a class="btn btn-default" href="/article/595494" title="【极有收藏价值的】">【极有收藏价值的】</a> <a class="btn btn-default" href="/article/595495" title="漂亮图片欣赏">漂亮图片欣赏</a> <a class="btn btn-default" href="/article/595496" title="从出口主导到内需拉动：中国经济正实现战略转型">从出口主导到内需拉动：中国经济正实现战略转型</a> <a class="btn btn-default" href="/article/595497" title="单流道叶轮水力设计方法的研究">单流道叶轮水力设计方法的研究</a> <a class="btn btn-default" href="/article/595498" title="彩页印刷">彩页印刷</a> <a class="btn btn-default" href="/article/595499" title="凉菜汁的调制">凉菜汁的调制</a> <a class="btn btn-default" href="/article/595500" title="金塔寺">金塔寺</a> <a class="btn btn-default" href="/article/595501" title="目瞪口呆：上百句“俗话”让你智商归零">目瞪口呆：上百句“俗话”让你智商归零</a> <a class="btn btn-default" href="/article/595502" title="破译密而不宣的江恩理论2">破译密而不宣的江恩理论2</a> <a class="btn btn-default" href="/article/595503" title="柏林墙倒塌与西方民主困境">柏林墙倒塌与西方民主困境</a> <a class="btn btn-default" href="/article/595504" title="经济运行比预料好--从"三驾马车"看中国经济走势">经济运行比预料好--从"三驾马车"看中国经济走势</a> <a class="btn btn-default" href="/article/595505" title="人生寓言">人生寓言</a> <a class="btn btn-default" href="/article/595506" title="漂亮卫生间设计">漂亮卫生间设计</a> <a class="btn btn-default" href="/article/595507" title="画册印刷">画册印刷</a> <a class="btn btn-default" href="/article/595508" title="给初次搞装修的朋友">给初次搞装修的朋友</a> <a class="btn btn-default" href="/article/595509" title="北京将甲型流感医疗费用纳入医保范围">北京将甲型流感医疗费用纳入医保范围</a> <a class="btn btn-default" href="/article/595510" title="范文全【极有收藏价值的】">范文全【极有收藏价值的】</a> <a class="btn btn-default" href="/article/595511" title="百病偏方药方秘方3">百病偏方药方秘方3</a> <a class="btn btn-default" href="/article/595512" title="818那雷人的标语和广告牌.(转载)">818那雷人的标语和广告牌.(转载)</a> <a class="btn btn-default" href="/article/595513" title="厉以宁委员：中国需实现两方面转型方可成为真正经济强国">厉以宁委员：中国需实现两方面转型方可成为真正经济强国</a> <a class="btn btn-default" href="/article/595514" title="样本印刷">样本印刷</a> <a class="btn btn-default" href="/article/595515" title="深圳经济特区和谐劳动关系促进条例">深圳经济特区和谐劳动关系促进条例</a> <a class="btn btn-default" href="/article/595516" title="罗奇：中国整体经济结构需要更均衡发展">罗奇：中国整体经济结构需要更均衡发展</a> <a class="btn btn-default" href="/article/595517" title="古代24个孝敬父母的故事">古代24个孝敬父母的故事</a> <a class="btn btn-default" href="/article/595518" title="不干胶">不干胶</a> <a class="btn btn-default" href="/article/595519" title="之五:吸筹与试盘_新德隆">之五:吸筹与试盘_新德隆</a> <a class="btn btn-default" href="/article/595520" title="国务院官员：房地产业已成中国经济直接命脉">国务院官员：房地产业已成中国经济直接命脉</a> <a class="btn btn-default" href="/article/595521" title="“海峡西岸建设”可制片源">“海峡西岸建设”可制片源</a> <a class="btn btn-default" href="/article/595522" title="商业广告设计公司的生存状况三题（二）">商业广告设计公司的生存状况三题（二）</a> <a class="btn btn-default" href="/article/595523" title="克鲁格曼：未来三年是中国经济转型关键时期">克鲁格曼：未来三年是中国经济转型关键时期</a> <a class="btn btn-default" href="/article/595524" title="爱该如何相处">爱该如何相处</a> </div> </div></div> <div class="copy-right"> <p>神马文学网，客观、专业、权威的知识性互动百科全书。</p></div> </footer> </body> </html>