精选HTML常用代码大全_第1页
精选HTML常用代码大全_第2页
精选HTML常用代码大全_第3页
精选HTML常用代码大全_第4页
精选HTML常用代码大全_第5页
已阅读5页，还剩4页未读， 继续免费阅读

下载本文档

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

文档简介

1、精选HTML常用代码大全 <! - - . - ->注释代码，不会在页面上显示 <!>字体效果 <h1>.</h1>标题字(最大) <h6>.</h6>标题字(最小) <b>.</b>粗体字 <i>.</i>斜体字 <em>.</em>斜体字(强调) <u>.</u>底线 <del>.</del>删除线(表示删除) <font color=00ff00>.</font>字体颜色 &

2、lt;font style =font-size:12px>.</font>样式控制字体大小 <!>区断标记 <hr>水平线 <br>(换行) <p>.</p>水域(段落) <center>.</center>置中 <!>连接格式 <a href=地址></a>外部连结 <a href=地址 target=_blank></a>外部连结(另开新窗口) <a href=地址 target=_top></a>外部连

3、结(全窗口连结) <a href=地址 target=页框名></a>外部连结(在指定页框连结) <!>图片格式 <imgsrc=图片地址>贴图 <imgsrc=图片地址 width=180>设定图片宽度 <imgsrc=图片地址 height=30>设定图片高度 <imgsrc=图片地址 alt=提示文字>设定鼠标指向图片时，提示文字 <imgsrc=图片地址 border=1>设定图片边框 <!>表格语法 <table align=left>.</table>

4、表格位置居左,align=right居右align=center居中 <table background=图片路径>.</table>背景图片的URL=就是路径网址 <table border=边框大小>.</table>设定表格边框大小(使用数字) <table bgcolor=颜色码>.</table>设定表格的背景颜色 <table borderclor=颜色码>.</table>设定表格边框的颜色 <table cellpadding=参数>.</table>指定内容

5、与网格线之间的间距(使用数字) <table cellspacing=参数>.</table>指定网格线与网格线之间的距离(使用数字) <table width=宽度>.</table>指定表格的宽度大小(使用数字) <table height=高度>.</table>指定表格的高度大小(使用数字) <td colspan=参数>.</td>指定储存格合并栏的栏数(使用数字) <td rowspan=参数>.</td>指定储存格合并列的列数(使用数字) 空格用&nbs

6、p;符号“<用 < 符号“>用> <!>分割窗口 <frameset cols=20%,*>左右分割,将左边框架分割大小为20%右边框架的大小浏 览器会自动调整 <frameset rows=20%,*>上下分割,将上面框架分割大小为20%下面框架的大小浏 览器会自动调整 <frameset cols=20%,*>分割左右两个框架 <frameset cols=20%,*,20%>分割左中右三个框架 <分割上下两个框架 <frameset rows=20%,*,20%>分割上中下三个框架 表示

7、颜色的有三种方式； 1，16进制颜色代码 语法：#RRGGBB 例：<font color=#ff0000>红色</font> 2直接用颜色的英文名称 例：<font color=red>红色</font> <body>.</body>属性可分为三种： 1，背景属性 包括：bgcolor,background 2,文字属性： 包括：text,link,alink,vlink, 3,留白属性： 其中分为：leftmargin,topmargin .bgcolor背景色 语法格式：<body bgcolor=#ff000

8、0> .background背景图案。 语法格式：<body background=url> .text文本颜色非连接文字颜色 .link连接文字颜色可连接文字颜色 .alink活动连接文字颜色正被点击的可连接文字的颜色 .vlink已访问连接文字颜色已经点击访问过的可连接文字的颜色 语法格式：<body text=color link=color alink=colorvlink=color> .leftmargin 页面左侧的留白距离 .topmargin 页面顶部的留白距离 语法格式：<body leftmargin=value topmargin=v

9、alue> 注：value为长度值为数字 1、无序列表又称符号列表 <ul type=>type的属性可选直disc实心圆点,clrcle空心圆点,square实心方框 <li>文字</li> <li>文字</li> </ul> 2、有序列表 语法格式： <ol type=? start=?> <li>文字</li> <li>文字</li> </ol> type的值是编号字符可选的有1.,a.,A.,i. ,I. start为起始值例：如果sta

10、rt为3是那么将从3开始，而且必须是数字。 3、定义列表 <dl>定义列表标记 <dt>标示定义条目 <dd>标示定义内容 语法格式： <dl> <dt>文字</dt> <dd>文字内容</dd> </dl> 连接和图像 语法格式： <a href=url target=? title=?>.</a> 属性href：连接目标 值可以是url地址也可以是连接锚点 属性target目标窗口 _blank翻开新窗口 _self当前窗口翻开 _parent当前窗口的父级窗

11、口上一级翻开 _top在最高一级的窗口翻开 title连接提示om title=翻开首页>网易</a> 图像<img>语法格式： <imgsrc=url alt=? width=? height=? border=?align=?> border属性定义图片边框的宽度，默认值为0 align属性设置图片旁边文字的位置 语法格式：<imgsrc= align> 可选值有： top图片和文字顶部对齐 middle图片和文字居中对齐 bottom图片和文字底边对齐默认 left图片居左对齐，文字沿图片绕排 right图片居右对齐，文字沿图片绕排

12、absmiddle图片对齐到目前文字行绝对中央 absbottom图片对齐到目前文字行绝对底部 <div>是块级元素，和段落元素<p>相似，不同的是两个<div>元素之间不会产生两 个<p>元素之间的空行， <span>是行内元素，可以定义段落中局部文字的属性 语法格式： <div align= style=>.</div> 表格 语法格式： <table width= bgcolor= background= border= cellspacing= cellpadding=> <tr>

13、;.<td>.</td>.</tr> </table> border边框宽度默认值为0，既没有边框 cellspacing表格中单元格的边距大小，默认值为两个像素 cellpadding表格中单元格之间的间距大小，默认值为两个像素 tr元素表示 “一行 <tr align= bgcolor=>.</tr> align属性对齐方式可选值如下：left,center,tight,默认为left bgcolor指定该行的背景颜色 td元素表示 “一格 <td width=宽度 height=高度 align=水平对齐方式

14、valign=垂直对齐方 式 bgcolor= background= rowspan=单元格的行跨度 colapan=单元格的 列跨度>.</td> align属性的可选值有：left,center,right valign属性的可选值有：top,middle,bottom rowspan和colapan跨行和跨列的数量，默认为1 表单<form></form> 语法格式： <form action=url method=get> <input type=submit><input type=reset> <

15、/form> method有两种提交方式method=get“,method=post“ action 表单提交到后台处理程序的网址 textarea文本域，相当于多行的文本框 <textarea rows=3 cols=20>.</textarea> rows文本框占用行数高度cols文本框占用行数宽度 列表框<select> <select> <option value=>.</option> <option value=selected=selected>.</option>“selec

16、ted属性表示默认选中 </select> input元素 <input type=name = value= size= maxlength=>单行文本框 属性：name 文本框名称value 文本框的初始值 size 文本框的长度maxlength 可输入字符串最大的长度 <input type=radio name = value= checked=checked >单项选择框checked 默认选定 <input type=checkbox name = value= checked=checked > 复选框 <input type=reset name = value= > 重置按钮value表示显示在按钮上的文字 <input type=submit name

人人文库> 全部分类> 教育资料 > 中学教育

温馨提示

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

最新文档

评论

0/150

提交评论