网页制作标签实例_第1页
网页制作标签实例_第2页
网页制作标签实例_第3页
网页制作标签实例_第4页
网页制作标签实例_第5页
已阅读5页，还剩7页未读， 继续免费阅读

下载本文档

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

文档简介

目录TOC\o"1-5"\h\z、HTML标签 1（一） title标签示例 1（二） 标题标签示例 1（三） 段落p标签 2（四） 换行标签示例 3（五） 水平分割线标签示例 3（六） 超链接标签示例 4（七） 图像接标签示例 4（八） 无序列表标签示例 5（九） 有序列表标签示例 6（十）定义列表标签示例 7（十一）表格标签示例 7（十二）表单标签示例 8、CSS样式 12一）CSS基本语法 12一、HTML标签（一）title标签示例<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>title标签示例</title〉</head><body>title标签示例</body></html>住ti-Intcx-iiiictExplcF'EX• 血Rft仪1书C总煽買甬励製网页设计与釧FS（程、奏协QQ日［H丨空till爾遥示01■tilled签示但（二）标题标签示例<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>标题标签</title></head><body><h1>这是一级标题</h1><h2>这是二级标题</h2><h3>这是三级标题</h3><h4>这是四级标题</h4><h5>这是五级标题</h5><h6>这是六级标题</h6></body></html>、点丽孜件、左:件uzm'jg珂用的审、冋克QqFIQ|W标越标整这是一级标题这是一级标腿这是三级标题这是四级标题这足百银存趙（三）段落p标签<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>段落p标签</title〉</head><body><p>段落元素由p标签定义。</p><palign="right">这里是段落。</p><palign="center">这里是段落。</p><palign="left">这里是段落。</p><palign="justify">这里是段落。</p></body></html>总段善■捉筌-Inttrnel:Kipltrer |■|二|医念③F|趣&便面牧和立件辽嵋凰兴捕的郛网臣OQ日色段雄南蓋 匚 件★辜*段穗元素由P标签定丈*这里是段嶽这里是段嶽这里是段务这里1段昏（四）换行标签示例<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>换行标签示例</title〉</head><body><h3>鹿柴</h3><p>空山不见人，但闻人语响。<br/>返景入深林，复照青苔上。<br/></p><h3>八阵图</h3><p>功盖三分国，名成八阵图。</p><p>江流石不转，遗恨失吞吴。</p></body></html>层換行标签示例-int«...EZHE庖G：G面软件垃件口<5矗鹿柴空山不见人，但闻人语响。返景人探*木，宣照青苔■上。八阵图功盖三分国，名成八阵图。江济石不转，遗恨失呑昊。（五）水平分割线标签示例<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>水平分割线标签示例</title></head><body><h3>以下水平线通过hr标签实现</h3><hr><h3>以下水平线通过CSS实现</h3>

<divstyle="border-top:1px#F00solid;margin-bottom:10px;"></div><divstyle="border-top:5px#F90double;margin-bottom:10px;"></div><divstyle="border-top:9px#93Cdotted;margin-bottom:10px;"></div></body></html>（六）超链接标签示例<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>超链接标签示例</title〉</head><body><h3>以下是常见的超链接类型<巾3><p><ahref="">这里是指向外的部超链接文本</8></卩><p><ahref=,,#">这里是指向本页面的超链接文本</a></p><p><ahref="mailto:wufeng1121@126.com">这里是邮件超链接文本</8></卩></body></html>（七）图像接标签示例<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>图像标签示例</title〉</head><body><h3>图像标签示例</h3><p><imgsrc="Burn.png"width="128"height="128"></p><p><ahref="#"><imgsrc="Audio.png"width="128"height="128"border="0"></a></p></body></html>（八）无序列表标签示例<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>无序列表标签示例</title></head><body><h3>无序列表标签示例</h3><ul><li><ahref="#">公司简介</a></li><li><ahref="#">公司荣誉</a></li><li><ahref="#">^外合作</a></li><li><ahref=,,#">产品介绍</a></li><li><ahref="#">A才科研</a></li></ul>

</body></html>（九）有序列表标签示例<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>有序列表标签示例</title〉</head><body><h3>有序列表标签示例</h3><ol><li><a人佗彳="#">亮相底特律克莱斯勒将推200SuperS</a></li><li><ahref=,,#">现款继续销售国产新福克斯3月将上市</a></li><li><ahref="#">±市日期临近高尔夫蓝驱版谍照再曝光</a></li><li><ahref="#">7.0升动力Mopar改装道奇Charger将发布</a></li></ol></body></html>（十）定义列表标签示例<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>定义列表标签示例</title〉</head><body><h3>定义列表标签示例</h3><dl><dt>HTML</dt><dd>HTML（超文本标签语言）是一种用于文档布局和超文本链接规范的语言。</dd><dt>XHTML</dt><dd>从语法方面讲，可以说XHTML是更加严格更纯净的HTML版本。</dd></dl></body></html>©定敦列表标签示例-InternetExplorex ］口|冋匾心\桌面软件'文件az! qEI窃□心无.|w有一后—»~怜★垃*定文列表标签示例HTMLHTML（超文本标签语言）是一种用于文档布局和超文本铤接规範的语言.XHTML从语法方面讲，可以说蛊HTML是更加严格更纯净的HTML版本。（十一）表格标签示例<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>表格标签示例</title〉</head><body><tablewidth="100%"border="3"cellspacing="1"cellpadding="2"><caption>显卡驱动程序下载</caption><tr><thscope="col">序号</th><thscope="col">版本</th><thscope="col">下载</th></tr><tr><thscope="row">1</th><td>AMDRadeonHD2000-6000系列显卡驱动11.12版ForWinXP-32</td><td><ahref="#"><imgsrc="download.png"width="32"height="32"border="0"></a></td></tr><tr><thscope="row">2</th><td>AMDRadeonHD2000-6000系列显卡驱动11.12版ForWinXP-64</td><td><ahref="#"><imgsrc="download.png"width="32"height="32"border="0"></a></td></tr><tr><thscope="row">3</th><td>AMDRadeonHD2000-6000系列显卡驱动11.12版ForVista-32/Win7-32</td><td><ahref="#"><imgsrc="download.png"width="32"height="32"border="0"></a></td></tr></table></body></html>（十二）表单标签示例<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>表单标签示例</title〉</head><body><h3>表单标签示例</h3><formid="ww"name="ff"method="post"action="/example/form_action.asp">姓名：<labelfor="na"></label><inputtype="text"name="name"id="na"size="20"maxlength="40"/><p>性别：<label><inputtype="radio"name="sex"value="M"id="sex_0"/>男</labe卜<label><inputtype="radio"name="sex"value="F"id="sex_1"/>女</labe卜<p>所属班级：<selectname="degree"id="degree"><optionvalue="1">计算机1301</option><optionvalue="2">计算机1302</option><optionvalue="3">计算机1303</option><optionvalue="4">计算机1304</option></select></p><p><inputtype="submit"name="button_1"id="button_1"value-提交"/><inputtype="reset"name="button"id="button"value='重置"/></p></form></body>综合实例<htmlxmlns="http：///1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>习题</title〉</head><body><h2style="background:#FC3;”n人基金投资者投资情况调查问卷<〃2><formid="form1"name="form1"method="post"action=""><p>（1）您选择投资公募基金的主要原因是：（）</p><p><label><inputtype="radio"name="RadioGroup1"value-单选"id="RadioGroup1_0"/>公募运作管理规范、信息披露全面，可以方便地查找相关信息，申购、赎回等均很便利</label><br/><label><inputtype="radio"name="RadioGroup1"value-单选"id="RadioGroup1_1"/>公募基金有比较强大的投研团队</labe卜<br/><label><inputtype="radio"name="RadioGroup1"value-单选"id="RadioGroup1_2"/>公募基金投资门槛较低，对投资者没有太多的资质及投资金额要求</label></p><p>（2）您选择投资专户一对多基金的主要原因是：（）</p><p><label><inputtype="radio"name="RadioGroup2"value-单选"id="RadioGroup2_0"/>专户一对多基金管理规范，同公募基金一样有比较强大的投研团队，且投资范围、投资比例较自由</label><br/><label><inputtype="radio"name="RadioGroup2"value-单选"id="RadioGroup2_1"/>专户一对多产品相对于公募基金有更强的针对性，可以更好地满足投资者要求</label><br/><label><inputtype="radio"name="RadioGroup2"value="单选"id=,,RadioGroup2_2"/>其他</labe卜</p><p>（3）您希望获得哪方面的讯息？（多选题）</p><p><label><inputtype="checkbox"name="CheckboxGroup1"value—复选框"id="CheckboxGroup1_0"/>产品设计理念</labe卜<br/><label><inputtype="checkbox"name="CheckboxGroup1"value—复选框"id="CheckboxGroup1_1"/>投资思路</label><br/><label><inputtype="checkbox"name="CheckboxGroup1"value—复选框"id="CheckboxGroup1_2"/>基金经理介绍</labe卜<br/><label><inputtype="checkbox"name="CheckboxGroup1"value—复选框"id="CheckboxGroup1_3"/>购买渠道</label><br/><label><inputtype="checkbox"name="CheckboxGroup1"value—复选框"id="CheckboxGroup1_4"/>购买费率</label></p></form><h2style="background:#FC3;">如您希望获得抽奖机会，请留下如下信息</h2><formid="form2"name="form2"method="post"action=""><p>姓名：<labelfor="textfield"></label><inputtype="text"name="textfield"id="textfield"/></p><p>手机：<labelfor="textfield3"></label><inputtype="text"name="textfield3"id="textfield

人人文库> 全部分类> 行业资料 > 各类标准

温馨提示

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

最新文档

评论

0/150

提交评论