当前位置：
搜档网 › HTML标签代码大全(DIV+CSS前端开发者的福音)
HTML标签代码大全(DIV+CSS前端开发者的福音)
HTML代码大全免费下载
（在…里加入你要的文字即可）
忽视右键
或
文字特效
移动模板： 例子a.
b.
啦啦啦，我从右向左移！
c.
啦啦啦，我一圈一圈绕着走！
d.
啦啦啦，我来回走耶！
e.
啦啦啦，我走一步，停一停！
普通卷动
滑
预设卷动
来回卷动
向下卷动
向上卷
向右卷动
向左卷动
卷动次数
设定宽
设定高度
设定背景颜色
设定卷动距离
设定卷动时间
区断标记
水平线
水平线(设定大小)
水平线(设定宽度)
水平线(设定颜色)
(换行)
…水域(不换行)
…
水域(段落)
…置中
连结格式
(预设好连结路径)
外部连结
外部连结(另开新窗口) 外部连结(全窗口连结)
外部连结(在指定页框连结) 贴图/音乐
贴图
设定图片宽度
设定图片高度
设定图片提示文字
设定图片边框
背景音乐设定
…
标题字(最大)
…
标题字(最小)
…粗体字
…粗体字(强调)
…斜体字
…斜体字(强调)
…斜体字表示定义)
…底线
…底线(表示插入文字)
…横线
…删除线
…删除线(表示删除)
…键盘文字nbsp;
… 打字体
<![CDATA[…]]>固定宽度字体(在文件中空白、换行、定位功能有效)
<![CDATA[…</plaintext>固定宽度字体(不执行标记符号)</p><p><listing>…</listing> 固定宽度小字体</p><p><font color=00ff00>…</font>字体颜色</p><p><font size=1>…</font>最小字体</p><p><font style =font-size:100 px>…</font>无限增大</p><!--/p4--><!--p5--><p><table align=left>…</table>表格位置,置左</p><p><table align=center>…</table>表格位置,置中</p><p><table background=图片路径>…</table>背景图片的URL=就是路径网址</p><p><table border=边框大小>…</table>设定表格边框大小(使用数字)</p><p><table bgcolor=颜色码>…</table>设定表格的背景颜色</p><p><table borderclor=颜色码>…</table>设定表格边框的颜色</p><p><table borderclordark=颜色码>…</table>设定表格暗边框的颜色</p><p><table borderclorlight=颜色码>…</table>设定表格亮边框的颜色</p><p><table cellpadding=参数>…</table>指定内容与网格线之间的间距(使用数字)</p><p><table cellspacing=参数>…</table>指定网格线与网格线之间的距离(使用数字) <table cols=参数>…</table>指定表格的栏数</p><p><table frame=参数>…</table>设定表格外框线的显示方式</p><p><table width=宽度>…</table>指定表格的宽度大小(使用数字)</p><p><table height=高度>…</table>指定表格的高度大小(使用数字)</p><p><td colspan=参数>…</td>指定储存格合并栏的栏数(使用数字)</p><p><td rowspan=参数>…</td>指定储存格合并列的列数(使用数字)</p><p><!>分割窗口</p><p><fr</p><p>a meset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会</p><p>自动调整</p><!--/p5--><!--p6--><p><frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会</p><p>自动调整</p><p><frameset cols="20%,*">分割左右两个框架</p><p><frameset cols="20%,*,20%">分割左中右三个框架</p><p><分割上下两个框架</p><p><frameset rows="20%,*,20%">分割上中下三个框架</p><p><! - - …- -> 批注</p><p><A HREF TARGET> 指定超级链接的分割窗口</p><p><A HREF=#锚的名称> 指定锚名称的超级链接</p><p><A HREF> 指定超级链接</p><p><A NAME=锚的名称> 被连结点的名称</p><p><ADDRESS>….</ADDRESS> 用来显示电子邮箱地址</p><p><B> 粗体字</p><p><BASE TARGET> 指定超级链接的分割窗口</p><p><BASEFONT SIZE> 更改预设字形大小</p><p><BGSOUND SRC> 加入背景音乐</p><p><BIG> 显示大字体</p><p><BLINK> 闪烁的文字</p><p><BODY TEXT LINK VLINK> 设定文字颜色</p><p><BODY> 显示本文</p><!--/p6--><!--p7--><p>换行</p><p><CAPTION ALIGN> 设定表格标题位置</p><p><CAPTION>…</CAPTION> 为表格加上标题</p><p><CENTER> 向中对齐</p><p><CITE>…<CITE> 用于引经据典的文字</p><p><CODE>…</CODE> 用于列出一段程序代码</p><p><COMMENT>…</COMMENT> 加上批注</p><p><DD> 设定定义列表的项目解说</p><p><DFN>…</DFN> 显示"定义"文字</p><p><DIR>…</DIR> 列表文字卷标</p><p><DL>…</DL> 设定定义列表的卷标</p><p><DT> 设定定义列表的项目</p><p><EM> 强调之用</p><p><FONT FACE> 任意指定所用的字形</p><p><FONT SIZE> 设定字体大小</p><p><FORM ACTION> 设定户动式窗体的处理方式</p><p><FORM METHOD> 设定户动式窗体之资料传送方式<FRAME MARGINHEIGHT> 设定窗口的上下边界<FRAME MARGINWIDTH> 设定窗口的左右边界<FRAME NAME> 为分割窗口命名</p><p><FRAME NORESIZE> 锁住分割窗口的大小</p><p><FRAME SCROLLING> 设定分割窗口的滚动条</p><!--/p7--><!--p8--><p><FRAME SRC> 将HTML文件加入窗口</p><p><FRAMESET COLS> 将窗口分割成左右的子窗口</p><p><FRAMESET ROWS> 将窗口分割成上下的子窗口<FRAMESET>…</FRAMESET> 划分分割窗口</p><p><H1>~<H6> 设定文字大小</p><p><HEAD> 标示文件信息</p><p><HR> 加上分网格线</p><p><HTML> 文件的开始与结束</p><p><I> 斜体字</p><p><IMG ALIGN> 调整图形影像的位置</p><p><IMG ALT> 为你的图形影像加注</p><p><IMG DYNSRC LOOP> 加入影片</p><p><IMG HEIGHT WIDTH> 插入图片并预设图形大小<IMG HSPACE> 插入图片并预设图形的左右边界</p><p><IMG LOWSRC> 预载图片功能</p><p><IMG SRC BORDER> 设定图片边界</p><p><IMG SRC> 插入图片</p><p><IMG VSPACE> 插入图片并预设图形的上下边界</p><p><INPUT TYPE NAME value> 在窗体中加入输入字段<ISINDEX> 定义查询用窗体</p><p><KBD>…</KBD> 表示使用者输入文字</p><p><LI TYPE>…</LI> 列表的项目( 可指定符号)</p><!--/p8--><!--p9--><p><MARQUEE> 跑马灯效果</p><p><MENU>…</MENU> 条列文字卷标</p><p><META NAME="REFRESH" CONTENT URL> 自动更新文件内容<MULTIPLE> 可同时选择多项的列表栏</p><p><NOFRAME> 定义不出现分割窗口的文字</p><p><OL>…</OL> 有序号的列表</p><p><OPTION> 定义窗体中列表栏的项目</p><p><P ALIGN> 设定对齐方向</p><p><P> 分段</p><p><PERSON>…</PERSON> 显示人名</p><p><PRE> 使用原有排列</p><p><SAMP>…</SAMP> 用于引用字</p><p><SELECT>…</SELECT> 在窗体中定义列表栏</p><p><SMALL> 显示小字体</p><p><STRIKE> 文字加横线</p><p><STRONG> 用于加强语气</p><p><SUB> 下标字</p><p><SUP> 上标字</p><p><TABLE BORDER=n> 调整表格的宽线高度</p><p><TABLE CELLPADDING> 调整数据域位之边界</p><p><TABLE CELLSPACING> 调整表格线的宽度</p><p><TABLE HEIGHT> 调整表格的高度</p><!--/p9--><!--p10--><p><TABLE WIDTH> 调整表格的宽度</p><p><TABLE>…</TABLE> 产生表格的卷标</p><p><TD ALIGN> 调整表格字段之左右对齐</p><p><TD BGCOLOR> 设定表格字段之背景颜色</p><p><TD COLSPAN ROWSPAN> 表格字段的合并</p><p><TD NOWRAP> 设定表格字段不换行</p><p><TD VALIGN> 调整表格字段之上下对齐</p><p><TD WIDTH> 调整表格字段宽度</p><p><TD>…</TD> 定义表格的数据域位</p><p><TEXTAREA NAME ROWS COLS> 窗体中加入多少列的文字输入栏<TEXTAREA WRAP> 决定文字输入栏是自动否换行</p><p><TH>…</TH> 定义表格的标头字段</p><p><TITLE> 文件标题</p><p><TR>…</TR> 定义表格美一行</p><p><TT> 打字机字体</p><p><U> 文字加底线</p><p><UL TYPE>…</UL> 无序号的列表( 可指定符号)</p><!--/p10--><!--rset--><h2>实验DivCSS网页布局</h2><p>实验九 Div+CSS网页布局 一、站点规划 在网页制作中，有许多的术语，例如： HTML、CSS、DIV等等。下面我们就开始一步一步使用DIV+CSS 进行网页布局设计吧。 所有的设计第一步就是构思，构思好了，一般来说还需要制作的界面布局简单的构画出来。 下面，我们需要根据构思图来规划一下页面的布局，仔细分析一下该图，我们不难发现，图片大致分为以下几个部分： 1、顶部部分，其中又包括了LOGO、MENU和一幅Banner图片； 2、内容部分又可分为侧边栏、主体内容； 3、底部，包括一些版权信息。 有了以上的分析，我们就可以很容易的布局了，我们设计层如下图:</p><p>根据上图，我再画了一个实际的页面布局图，说明一下层的嵌套关系，这样理解起来就会更简单了。 DIV结构如下： │body {}/*这是一个HTML元素，具体我就不说明了*/ └#Container {}/*页面层容器*/ ├#Header {}/*页面头部*/</p><p>├#PageBody {}/*页面主体*/ │├#Sidebar {}/*侧边栏*/ │└#MainBody {}/*主体内容*/ └#Footer {}/*页面底部*/ 至此，页面布局与规划已经完成，接下来我们要做的就是开始书写HTML代码和CSS。 接下来我们在桌面新建一个文件夹，命名为“DIV+CSS页面布局”，在文件夹下新建两个空的记事本文档，输入以下内容： 这是XHTML的基本结构，将其命名为index.htm，另一个记事本文档则命名为css.css。 下面，我们在<body></body>标签对中写入DIV的基本结构，代码如下：</p><h2>HTML标签大全(史上最全的html标签文档)</h2><p>Html标签大全 <a></a> 超文本链接 <a href="URL"></a> 创建超文本链接 ,其中的url为链接目标地址 <a href="mailtEMAIL"></a> 创建自动发送电子邮件的链接 <a name="name"></a> 创建位于文档内部的书签 <a href="#name"></a> 创建指向位于文档内部书签的链接 其他链接标记注解： target="..."决定链接源在什么地方显示(用户自定义的名字， _blank,_parent,_self,_top rel="..."发送链接的类型 rev="..."保存链接的类型 accesskey="..."指定该元素的热键 shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default，rect，circle，poly coord="..."使用像素或者长度百分比来定义形状的尺寸 tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点) ----------------------------------------------------------------------------------------- <ADDRESS></ADDRESS> 地址标记 <b></b> 粗体字 <BASEFONT></BASEFONT> 基准字体标记 <big></big> 字体加大 <BLOCKQUOTE></BLOCKQUOTE> 向右缩排 <body></body> 文件（本文档来源于https://www.sodocs.net/doc/ac2891194.html,感谢分享，在此谢过。）</p><h2>DIV+CSS：网站首页布局实例教程</h2><p>DIV+CSS：网站首页布局实例教程 第一步：页面布局与规划 在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。所有的设计第一步就是构思，构思好了，一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来，以下是我构思好的界面布局图。 下面，我们需要根据构思图来规划一下页面的布局，仔细分析一下该图，我们不难发现，图片大致分为以下几个部分： 1、顶部部分，其中又包括了LOGO、MENU和一幅Banner图片； 2、内容部分又可分为侧边栏、主体内容； 3、底部，包括一些版权信息。 有了以上的分析，我们就可以很容易的布局了，我们设计层如下图:</p><p>根据上图，我再画了一个实际的页面布局图，说明一下层的嵌套关系，这样理解起来就会更简单了。 DIV结构如下： │body {}/*这是一个HTML元素，具体我就不说明了*/ └#Container {}/*页面层容器*/</p><p>├#Header {}/*页面头部*/ ├#PageBody {}/*页面主体*/ │├#Sidebar {}/*侧边栏*/ │└#MainBody {}/*主体内容*/ └#Footer {}/*页面底部*/ 至此，页面布局与规划已经完成，接下来我们要做的就是开始书写HTML代码和CSS。 第二步：写入整体层结构和CSS 接下来我们在桌面新建一个文件夹，命名为“DIV+CSS布局练习”，在文件夹下新建两个空的记事本文档，输入以下内容： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.sodocs.net/doc/ac2891194.html,/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="https://www.sodocs.net/doc/ac2891194.html,/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <link href="css.css" rel="stylesheet" type="text/css" /> </head> <body> </body> </html> 这是XHTML的基本结构，将其命名为index.htm，另一个记事本文档则命名为css.css。 下面，我们在<body></body>标签对中写入DIV的基本结构，代码如下： <div id="container">[color=#aaaaaa][/color] <div id="Header">[color=#aaaaaa][/color] </div> <div id="PageBody">[color=#aaaaaa][/color] <div id="Sidebar">[color=#aaaaaa][/color] </div> <div id="MainBody">[color=#aaaaaa][/color] </div> </div> <div id="Footer">[color=#aaaaaa][/color] </div> </div> 为了使以后阅读代码更简易，我们应该添加相关注释，接下来打开css.css文件，写入CSS 信息，代码如下： /*基本信息*/ body {font:12px Tahoma;margin:0px;text-align:center;background:#FFF;} /*页面层容器*/ #container {width:100%} /*页面头部*/ #Header {width:800px;margin:0 auto;height:100px;background:#FFCC99}</p><h2>完整HTML5常用标签大全推荐文档</h2><p>// 定义文档类型。 // 定义 HTML 文档。 // 定义文档的标题。 // 定义文档的主体。 // 定义 HTML 标题。 // 定义段落。 // 定义简单的折行。 // 定义水平线。 // 定义注释。 // 定义只取首字母的缩写。 // 定义缩写。 // 定义文档作者或拥有者的联系信息。 // 定义粗体文本。 // 定义文本的文本方向，使其脱离其周围文本的方向设置。 // 定义文字方向。 // 定义大号文本。 // 定义长的引用。 // 不赞成使用。定义居中文本。 // 定义引用 (citation) 。 // 定义计算机代码文本。 // 定义被删除文本。 // 定义定义项目。 // 定义强调文本。 // 不赞成使用。定义文本的字体、尺寸和颜色 // 定义斜体文本。 // 定义被插入文本。 // 定义键盘文本。 // 定义有记号的文本。 // 定义预定义范围内的度量。 // 定义预格式文本。 // 定义任何类型的任务的进度。 // 定义短的引用。 // 定义若浏览器不支持 ruby 元素显示的内容。 // 定义 ruby 注释的解释。 // 定义 ruby 注释。 // 不赞成使用。定义加删除线的文本。 // 定义计算机代码样本。 // 定义小号文本。 // 不赞成使用。定义加删除线文本。 // 定义语气更为强烈的强调文本。 基 础 <!DOCTYPE> <html> <title> <body> <h1> to <h6> <br> <hr> 格 式 <acronym> <abbr> <address> <b> <bdi> <bdo> <big> <blockquote> <center> <cite> <code> <del> <dfn> <em> <font> <i> <ins> <kbd> <mark> <meter> <pre> <progress> <q> <rp> <rt> <ruby> <s> <samp> <small> <strike> <strong></p><h2>html标签大全</h2><p><html></html> 创建一个HTML文档 <head></head> 设置文档标题和其它在网页中不显示的信息<title></title> 设置文档的标题 <h1></h1> 最大的标题 <pre></pre> 预先格式化文本 <u></u> 下划线 <b></b> 黑体字 <i></i> 斜体字 <tt></tt> 打字机风格的字体 <cite></cite> 引用,通常是斜体</p><p><em></em> 强调文本(通常是斜体加黑体) <strong></strong> 加重文本(通常是斜体加黑体) <font size="" color=""></font> 设置字体大小从1到7，颜色使用名字或RGB的十六进制值<BASEFONT></BASEFONT> 基准字体标记 <big></big> 字体加大 <SMALL></SMALL> 字体缩小 <STRIKE></STRIKE> 加删除线 <CODE></CODE> 程式码 <KBD></KBD> 键盘字 <SAMP></SAMP> 范例 <VAR></VAR> 变量 <BLOCKQUOTE></BLOCKQUOTE> 向右缩排 <DFN></DFN> 述语定义 <ADDRESS></ADDRESS> 地址标记 <sup></SUP> 上标字 <SUB></SUB> 下标字 <xmp>...</xmp>固定寬度字体(在文件中空白、換行、定位功能有效) <plaintext>...</plaintext>固定寬度字體(不執行標記符號) <listing>...</listing> 固定寬度小字體 <font color=00ff00>...</font>字體顏色 <font size=1>...</font>最小字體 <font style ='font-size:100 px'>...</font>無限增大 ◆◆◆◆◆◆◆◆◆◆◆◆◆◆《〈格式标志〉》◆◆◆◆◆◆◆◆◆◆◆◆ 创建一个段落 <p align=""> 将段落按左、中、右对齐</p><h2>HTML中常用标记</h2><p>HTML常用标记 HTML页面基本结构标记 HTML页面的结构代码如下： <!DOCTYPE> <html> <head> <title>页面标题<title/> <head/> <body> 这里是页面内容部分 <body/> <html/> HTML常用标记 表内容的标记 1、文本标记 文本基础元素包括p，h1，h2，h3，h4，h5，h6等元素，主要用来容纳文本等内容。 1、：块元素，表示文本段落。 2、<span>：内联元素，用来区分文本中的一个部分。 3、标题元素：块元素，用来定义文本中的各种标题。h1，h2，h3，h4 ，h5，h6,其中每 个元素都对应有默认的字体样式其代码如下： <h1>一级标题</h1></p><p><h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</h6> 2、粗、斜体标记 1、<strong>：内联元素，文本以粗体显示。 2、<b>：内联元素，显示效果为文本加粗。 3、<em>：内联元素，文本以斜体显示。 4、<i>：内联元素，文本以斜体显示。 3、水平线、换行、注释标记 1、<br/>：内联元素，文本换行。 2、<hr/>：块级元素，横向实线。 3、：注释 4、图像、背景音乐、插入动画等标记 1、<img src=”xxx.gif”title=”xxx”alt=”xxx”>：内联元素，用来插入图像文 件。 src ：用于指定图片文件所在的位置。 title/alt：用于指定一段文本信息，作为鼠标放在图像上的提示。 2、<bgsound/>：用来添加背景音乐。</p><h2>HTML5标签属性备忘大全</h2><p>一、文字备忘之标签 HTML5中新增的标签<article> 定义文章 <aside> 定义页面内容旁边的内容 <audio> 定义声音内容 <canvas> 定义图形 <command> 定义一个控制按钮 <datagrid> 指树或表格状数据格式中的动态数据 <datalist> 定义一个下拉列表 <details> 定义一个元素的细节 <dialog> 定义会话或人的交谈 <embed> 定义额外的交互内容或插件 <figcaption> 定义指定元素的标题 <figure> 定义一组媒体内容，以及他们的标题 <footer> 为章节或页面定义一个底部 <header> 为章节或页面定义一个头部 <hgroup> 定义文档中某段落的信息 <keygen> 定义表单生成的关键 <mark> 定义被标记的文本 <meter> 定义预定义范围内的测量 <nav> 定义导航链接 <output> 定义某种类型的输出 <progress> 定义任意种类任务的进程 <rp> 定义浏览器不支持ruby元素的替代者 <rt> 定义ruby注释的解释 <ruby> 定义ruby 注释（中文注音或字符）。 <section> 定义章节 <source> 定义媒体资源 <summary> 定义某”detail”元素的头部 <time> 定义日期/时间 <video> 定义视频 <wbr> 定义可能的换行 HTML5支持且同时存在于HTML4中的标签<!–…–> 定义注释<!DOCTYPE> 定义文档类型 <a> 定义超链接 <abbr> 定义缩写 <address> 定义地址元素 <area> 定义图片地图的某区域 <b> 定义加粗文字 <base> 定义整个页面的基础URL <bdo> 定义文本显示的方向 <blockquote> 定义一个长引用</p><h2>HTML标记大全参考手册</h2><p>---- HTML标记大全参考手册[推荐] (https://www.sodocs.net/doc/ac2891194.html,/dispbbs.asp?boardid=7&rootid=&id=470) -- 作者：雨过天晴 -- 发布时间：2003-1-27 17:42:06 -- HTML标记大全参考手册[推荐] 总类（所有HTML文件都有的） 文件类型 <HTML></HTML> （放在档案的开头与结尾） 文件主题 <TITLE></TITLE> （必须放在「文头」区块内） 文头 <HEAD></HEAD> （描述性资料，像是「主题」） 文体 <BODY></BODY> （文件本体） ------------------------------------------------------------结构性定义（由浏览器控制的显示风格） 标题 <H?></H?> （从1到6，有六层选择） 3.0 标题的对齐 <H? ALIGN=LEFT|CENTER|RIGHT></H?> 3.0 区分 <DIV></DIV> 3.0 区分的对齐 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV> 引文区块 <BLOCKQUOTE></BLOCKQUOTE> （通常会内缩） 强调 <EM></EM> （通常会以斜体显示） 特别强调 <STRONG></STRONG> （通常会以加粗显示） 引文 <CITE></CITE> （通常会以斜体显示） 码 <CODE></CODE> （显示原始码之用） 样本 <SAMP></SAMP> 键盘输入 <KBD></KBD> 变数 <VAR></VAR> 定义 <DFN></DFN> （有些浏览器不提供） 地址 <ADDRESS></ADDRESS> 3.0 大字 <BIG></BIG> 3.0 小字 <SMALL></SMALL> ------------------------------------------------------------与外观相关的标签（作者自订的表现方式） 加粗 <B></B></p><h2>HTML标签以及各个标签属性大全(网页制作必备).</h2><p><NOBR> 取消换行和<br>相反 总类（所有HTML文件都有的） -------------------------------------------------------------------------------- 文件类型<HTML></HTML>（放在档案的开头与结尾） 文件主题<TITLE></TITLE>（必须放在「文头」区块内） 文头<HEAD></HEAD>（描述性资料，像是「主题」） 文体<BODY></BODY>（文件本体） 结构性定义（由浏览器控制的显示风格） -------------------------------------------------------------------------------- 标题<H?></H?>（？表示从1到6，有六层选择）数值越高字越小 标题对齐<H? ALIGN=LEFT|CENTER|RIGHT></H?>左对齐、居中对齐、右对齐 区分<DIV></DIV> 区分对齐<DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>左对齐、右对齐、居中对齐、两端对齐 引文区块<BLOCKQUOTE></BLOCKQUOTE>（通常会内缩） 斜体<EM></EM> 加粗<STRONG></STRONG> 引文<CITE></CITE>（通常会以斜体显示） 码<CODE></CODE>（显示原始码之用）</p><p>样本<SAMP></SAMP> 表示一段用户应该对其没有什么其他解释的文本。要从正常的上下文抽取这些字符时，通常要用到这个标签。 并不经常使用，只在要从正常上下文中将某些短字符序列提取出来，对其加以强调，才使用这个标签 键盘输入<KBD></KBD> 变数<VAR></VAR> 定义<DFN></DFN> （有些浏览器不提供） 地址<ADDRESS></ADDRESS> 3.0 大字<BIG></BIG> 3.0 小字<SMALL></SMALL> 与外观相关的标签（作者自订的表现方式） -------------------------------------------------------------------------------- 加粗<B></B> 斜体<I></I> 3.0 底线<U></U>（尚有些浏览器不提供） 3.0 删除线<S></S> （尚有些浏览器不提供） 3.0 下标<SUB></SUB> 3.0 上标<SUP></SUP> 打字机体<TT></TT>（用单空格字型显示）</p><h2>DIV+CSS网页布局技巧实例</h2><p>DIV+CSS网页布局技巧实例1：设置网页整体居中的代码</p><p>DIV+CSS网页布局技巧实例4：使用css缩写 使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，css缩写的主要规则如下： 颜色 16进制的色彩值，如果每两位的值相同，可以缩写一半，例如： #000000可以缩写为#000;#336699可以缩写为#369; 注意:在同一个CSS配置节中，不要交错使用全写和缩写的颜色配置，在系统资源极低时，会导致浏览器渲染失败。 盒尺寸 通常有下面四种书写方法: ?property:value1; 表示所有边都是一个值value1； ?property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2 ?property:value1 value2 value3; 表示top的值是value1，right和left的值是value2，bottom的值是value3 ?property:value1 value2 value3 value4; 四个值依次表示top,right,bottom, left 方便的记忆方法是顺时针，上右下左。具体应用在margin和padding的例子如下：margin:1em 0 2em 0.5em;</p><p>边框(border) 边框的属性如下： ?border-width:1px; ?border-style:solid; ?border-color:#000; 可以缩写为一句：border:1px solid #000; 语法是border:width style color; 背景(Backgrounds) 背景的属性如下： ?background-color:#f00; ?background-image:url(background.gif); ?background-repeat:no-repeat; ?background-attachment:fixed; ?background-position:0 0; 可以缩写为一句：background:#f00 url(background.gif) no-repeat fixed 0 0; 语法是background:color image repeat attachment position; 你可以省略其中一个或多个属性值，如果省略，该属性值将用浏览器默认值，默认值为：?color: transparent ?image: none</p><h2>html基本标签元素</h2><p>试验2 常用HTML标签使用 实验目的：使用HTML标签熟练编写静态页面。 由于所选教材未涉及这部分内容，此处列出常用的标签。 详细的标记用法请参考网站：https://www.sodocs.net/doc/ac2891194.html,/html/index.asp 1. 文件标记 (1) <html></html> <html>标记表示HTML文件从此处开始，到</html>标记结束，这对标记处在最外层，网页的内容写在此标记内。 (2) <head></head> 这对标记表示此处是HTML文档的文件头。文件头内部的信息一般不会在浏览器的正文区显示。此标记对内可以插入其他标记，如网页标题标记<title></title>。(3) <body></body> 这对标记表示此处是网页的主体，一般不能省略，标记体的内容在浏览器正文区中显示，例如文字、图片和超链接等。 2．排版标记 (1) 标记 标记在HTML文件中作注释用，对网页中的代码作说明，可以放在网页中的任何位置。注释内容会返回到客户端浏览器上，但不显示。例如在浏览器中输入https://www.sodocs.net/doc/ac2891194.html,，查看源文件可以看到此类注释。 (2) 标记对用于标示一个段落，两个相邻的段落间有一空行的间隔。 (3) <br> 这个标记没有结束标记，表示换行。 标记和<br>都能换行，但<br>换行后，上下两行的间距比较小， 标记换行后，上下两行有一空行的间距。 3．字体标记 字体标记包括<STRONG>，<B>，<EM>，<I>，<FONT>等。 <font>标记用于定义字体、字号大小和颜色。<font>标记的主要属性有face、size、color。face属性用于设置字体，如：<font face=“宋体”>。size属性用于设置字号，HTML中定义了7种字号，1号最小，7号最大，如：<font size=“4”>。字号也可以用“磅”(px)表示。color属性用于设置文本的颜色，color有三种方法来设定颜色，第一种方法用颜色名称，第二种方法用红、绿、蓝百分比的值来设定，第三种方法是用16进制的颜色代号还设定颜色。如： <FONT COLOR=”RED”>红色字体设置</FONT> <FONT COLOR=”RGB(70%，10%，30%)”>颜色设置</FONT></p><h2>网页设计基础Div+CSS布局入门教程</h2><p>网页设计基础：Div+CSS布局入门教程 在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML 基础。下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧。 所有的设计第一步就是构思，构思好了，一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来，以下是我构思好的界面布局图。 下面，我们需要根据构思图来规划一下页面的布局，仔细分析一下该图，我们不难发现，图片大致分为以下几个部分： 1、顶部部分，其中又包括了LOGO、MENU和一幅Banner图片； 2、内容部分又可分为侧边栏、主体内容； 3、底部，包括一些版权信息。 有了以上的分析，我们就可以很容易的布局了，我们设计层如下图：</p><p>根据上图，我再画了一个实际的页面布局图，说明一下层的嵌套关系，这样理解起来就会更简单了。 以下为引用的内容： DIV结构如下： │body {}/*这是一个HTML元素，具体我就不说明了*/ └#Container {}/*页面层容器*/ ├#Header {}/*页面头部*/ ├#PageBody {}/*页面主体*/</p><p>│├#Sidebar {}/*侧边栏*/ │└#MainBody {}/*主体内容*/ └#Footer {}/*页面底部*/ 至此，页面布局与规划已经完成，接下来我们要做的就是开始书写HTML代码和CSS。 接下来我们在桌面新建一个文件夹，命名为“DIV+CS S布局练习”，在文件夹下新建两个空的记事本文档，输入以下内容： 以下为引用的内容： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.sodocs.net/doc/ac2891194.html,/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="https://www.sodocs.net/doc/ac2891194.html,/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <link href="css.css" _fcksavedurl=""css.css"" rel="stylesheet" type="text/css" /> </head> <body> </body> </html> 这是XHTML的基本结构，将其命名为index.htm，另一个记事本文档则命名为css.css。 下面，我们在<body></body>标签对中写入DIV的基本结构，代码如下： <div id="container">[color=#aaaaaa][/color] <div id="Header">[color=#aaaaaa][/color] </div> <div id="PageBody">[color=#aaaaaa][/color] <div id="Sidebar">[color=#aaaaaa][/color] </div> <div id="MainBody">[color=#aaaaaa][/color] </div> </div> <div id="Footer">[color=#aaaaaa][/color] </div> </div> 为了使以后阅读代码更简易，我们应该添加相关注释，接下来打开css.css文件，写入CSS信息，代码如下：</p><h2>html标记语言常用标记大全</h2><p>html标记语言常用标记大全2009-10-14 16:30 HTML标记一览，后有详解</p><p>HTML里，比较基础的标签主要用于标题，段落和分行。</p><p>学习HTML最好的方法，就是跟着示例学。为了各位学习的方便，我们准备了一个简单的HTML编辑器，你可以在左边写HTML代码，然后点击上面的按钮，查看HTML的显示结果。 copyright dedecms 试试看吧！ 示例：一个非常简单的HTML文件本文来自织梦 <html> <body> 这是一个非常简单的HTML。 </body> </html> 织梦内容管理系统 这个示例算是一个最简单的HTML文件，只包含了最基本的能构成一个HTML 文件的标签。通过这个例子，你可以看到浏览器是如何显示这个文件的，以此对HTML文件有个最初的认识。 织梦好，好织梦 示例：简单的段落 内容来自dedecms <html> <body> copyright dedecms 这是第一段。 这是第二段。 这是第三段。 内容来自dedecms 在HTML里，用p来定义段落。 织梦好，好织梦 </body> </html> 织梦好，好织梦 这个示例显示在HTML文件里如何分段。织梦内容管理系统</p><p>正文标题 这个示例告诉你如何在HTML文件里定义正文标题。 本文来自织梦 HTML用<h1>到<h6>这几个标签来定义正文标题，从大到小。每个正文标题自成一段。 copyright dedecms <h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3> <h4>This is a heading</h4> <h5>This is a heading</h5> <h6>This is a heading</h6> copyright dedecms 段落划分 在HTML里用和 划分段落。 内容来自dedecms This is a paragraph This is another paragraph 本文来自织梦 换行 通过使用<br>这个标签，可以在不新建段落的情况下换行。<br>没有Closing Tag。 内容来自dedecms 用换行是个坏习惯，正确的是使用<br>。 copyright dedecms This <br> is a para<br>graph with line breaks 织梦内容管理系统 HTML注释 在HTML文件里，你可以写代码注释，解释说明你的代码，这样有助于你和他人</p><h2>HTML基础知识</h2><p>HTML 学习任何一门语言，都要首先掌握它的基本格式，就像写信需要符合书信的格式要求一样。HTML标记语言也不例外，同样需要遵从一定的规范。接下来将具体讲解HTML文档的基本格式。 HTML文档的基本格式主要包括<!DOCTYPE>文档类型声明、<html>根标记、<head>头部标记、<body>主体标记，具体介绍如下： （1）<!DOCTYPE>标记 <!DOCTYPE> 标记位于文档的最前面，用于向浏览器说明当前文档使用哪种HTML 或XHTML（可扩展超文本标记语言）标准规范，必需在开头处使用<!DOCTYPE>标记为所有的XHTML文档指定XHTML版本和类型，只有这样浏览器才能将该网页作为有效的XHTML文档，并按指定的文档类型进行解析。 （2）<html></html>标记 <html>标记位于<!DOCTYPE> 标记之后，也称为根标记，用于告知浏览器其自身是一个HTML 文档， <html>标记标志着HTML文档的开始，</html>标记标志着HTML文档的结束，在它们之间的是文档的头部和主体内容。 在<html>之后有一串代码“xmlns=""”用于声明XHTML统一的默认命名空间。 （3）<head></head>标记 <head>标记用于定义HTML文档的头部信息，也称为头部标记，紧跟在<html>标记之后，主要用来封装其他位于文档头部的标记，例如<title>、<meta>、<link>及<style>等，用来描述文档的标题、作者以及和其他文档的关系等。 一个HTML文档只能含有一对<head>标记，绝大多数文档头部包含的数据都不会真正作为内容显示在页面中。 （4）<body></body>标记 <body>标记用于定义HTML文档所要显示的内容，也称为主体标记。浏览器中显示的所有文本、图像、音频和视频等信息都必须位于<body>标记内，<body>标记中的信息才是最终展示给用户看的。 一个HTML文档只能含有一对<body>标记，且<body>标记必须在<html>标记内，位于<head>头部标记之后，与<head>标记是并列关系。 在HTML页面中，带有“< >”符号的元素被称为HTML标记，如上面提到的<html>、<head>、<body>都是HTML标记。所谓标记就是放在“< >”标记符中表示某个功能的编码命令，也称为HTML标签或HTML元素，本书统一称作HTML标记。 为了方便学习和理解，通常将HTML标记分为两大类，分别是“双标记”与“单标记”。 （1）双标记 双标记也称体标记，是指由开始和结束两个标记符组成的标记。其基本语法格式如下： 该语法中“<标记名>”表示该标记的作用开始，一般称为“开始标记（start tag）”，“</标记名>”表示该标记的作用结束，一般称为“结束标记（end tag）”。和开始标记相比，结束标记只是在前面加了一个关闭符“/”。 （2）单标记 单标记也称空标记，是指用一个标记符号即可完整地描述某个功能的标记。其基本语法格式如下： 一篇结构清晰的文章通常都有标题和段落，HTML网页也不例外，为了使网页中的文字有条理地显示出来，HTML提供了相应的标记。 （1）标题标记 为了使网页更具有语义化，经常会在页面中用到标题标记，HTML提供了6个等级的标题，即<h1>、<h2>、<h3>、<h4>、<h5>和<h6>，从<h1>到<h6>重要性递减。其基本语法格式如下：<hn align="对齐方式">标题文本</hn> 该语法中n的取值为1到6，align属性为可选属性，用于指定标题的对齐方式，下面来演示标题标记的使用。</p><h2>HTML标签代码大全(DIVCSS前端开发者的福音)</h2><p>HTML代码大全免费下载 （在…里加入你要的文字即可） <!>忽视右键 <body oncontextmenu="return false"> 或 <body style="overflow-y:hidden"> <!>文字特效 移动模板：<MARQUEE scrollAmount=3 direction=up>..........</MARQUEE> 例子a.<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>啦啦啦，我会移动耶！</marquee> b.<marquee direction=left>啦啦啦，我从右向左移！</marquee> 啦啦啦，我从右向左移！ c.<marquee behavior=scroll>啦啦啦，我一圈一圈绕着走！</marquee> 啦啦啦，我一圈一圈绕着走！ d.<marquee behavior=alternate>啦啦啦，我来回走耶！</marquee> 啦啦啦，我来回走耶！</p><p>e.<marquee scrolldelay=500 scrollamount=100>啦啦啦，我走一步，停一停！</marquee> 啦啦啦，我走一步，停一停！ <marquee>…</marquee>普通卷动 <marquee behavior=slide>…</marquee>滑 <marquee behavior=scroll>…</marquee>预设卷动 <marquee behavior=alternate>…</marquee>来回卷动 <marquee direction=down>…</marquee>向下卷动 <marquee direction=up>…</marquee>向上卷 <marquee direction=right></marquee>向右卷动 <marquee direction=left></marquee>向左卷动 <marquee loop=2>…</marquee>卷动次数 <marquee width=180>…</marquee>设定宽 <marquee height=30>…</marquee>设定高度 <marquee bgcolor=FF0000>…</marquee>设定背景颜色 <marquee scrollamount=30>…</marquee>设定卷动距离 <marquee scrolldelay=300>…</marquee>设定卷动时间 <!>区断标记 <hr>水平线 <hr size=9>水平线(设定大小)</p><h2>DIV+CSS布局大全</h2><p>目录 div＋css布局入门 (4) XHTML下css+div布局总结 (6) 网页设计DIV+CSS——第1天:选择什么样的DOCTYPE (9) 第一天 (9) 什么是DOCTYPE (10) 我们选择什么样的DOCTYPE (10) 补充 (10) 网页设计DIV+CSS——第2天:什么是名字空间 (10) 网页设计DIV+CSS——第3天:定义语言编码 (11) 网页设计DIV+CSS——第4天:调用样式表 (11) 外部调用样式表 (11) 双表法调用样式表 (12) 网页设计DIV+CSS——第5天:head区的其他设置 (12) 收藏夹小图标 (12) 为搜索引擎准备的内容 (12) 网页设计DIV+CSS——第6天:XHTML代码规范 (12) 1.所有的标记都必须要有一个相应的结束标记 (13) 2.所有标签的元素和属性的名字都必须使用小写 (13) 3.所有的XML标记都必须合理嵌套 (13) 4.所有的属性必须用引号""括起来 (13) 5.把所有<和&特殊符号用编码表示 (13) 6.给所有属性赋一个值 (13) 7.不要在注释内容中使“--” (13) 网页设计DIV+CSS——第7天:CSS入门 (14) 1.基本语法规范 (14) 2.颜色值 (14) 3.定义字体 (14)</p><p>5.派生选择器 (14) 6.id选择器 (14) 6.类别选择器 (15) 7.定义链接的样式 (15) 网页设计DIV+CSS——第8天:CSS布局入门 (15) 1.定义DIV (15) 2.CSS2盒模型 (16) 3.辅助图片一律用背景处理 (17) 网页设计DIV+CSS——第9天:第一个CSS布局实例 (17) 1.确定布局 (18) 2.定义body样式 (18) 3.定义主要的div (18) 4.100%自适应高度? (20) 网页设计DIV+CSS——第10天:自适应高度 (20) 网页设计DIV+CSS——第11天:不用表格的菜单 (21) 1.不用表格的菜单(纵向) (21) 2.不用表格的菜单(横向) (22) 网页设计DIV+CSS——第12天:校验及常见错误 (24) 1.XHTML校验 (24) 2.CSS2校验 (25) CSS的十八般技巧 (25) WEB打印实例教程 (30) Div+CSS布局入门教程 (37)</p><h2>html标签以及属性大全</h2><p><marquee>...</marquee>普通卷动 <marquee behavior=slide>...</marquee>滑动 <marquee behavior=scroll>...</marquee>预设卷动 <marquee behavior=alternate>...</marquee>来回卷动 <marquee direction=down>...</marquee>向下卷动 <marquee direction=up>...</marquee>向上卷动 <marquee direction=right></marquee>向右卷动 <marquee direction=’left’></marquee>向左卷动 <marquee loop=2>...</marquee>卷动次数 <marquee width=180>...</marquee>设定宽度 <marquee height=30>...</marquee>设定高度 <marquee bgcolor=FF0000>...</marquee>设定背景颜色 <marquee scrollamount=30>...</marquee>设定滚动速度 <marquee scrolldelay=300>...</marquee>设定卷动时间 <marquee onmouseover="this.stop()">...</marquee>鼠标经过上面时停止滚动<marquee onmouseover="this.start()">...</marquee>鼠标离开时开始滚动 <!>字体效果 <h1>...</h1>标题字(最大) <h6>...</h6>标题字(最小) <b>...</b>粗体字 <strong>...</strong>粗体字(强调) （同上效果略同） <i>...</i>斜体字 <em>...</em>斜体字(强调) <dfn>...</dfn>斜体字(表示定义) <u>...</u>底线 <ins>...</ins>底线(表示插入文字) <strike>...</strike>横线 <s>...</s>删除线 <del>...</del>删除线(表示删除) <kbd>...</kbd>键盘文字 <tt>...</tt> 打字体 <xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效) <plaintext>...</plaintext>固定宽度字体(不执行标记符号) <listing>...</listing> 固定宽度小字体 <font color=00ff00>...</font>字体颜色 <font size=1>...</font>最小字体 <font style =’font-size:100 px’>...</font>无限增大 区断标记 <hr>水平线 <hr size=’9’>水平线(设定大小) <hr width=’80%’>水平线(设定宽度) <hr color=’ff0000’>水平线(设定颜色) <br>(换行) <nobr>...</nobr>水域(不换行)</p>
<div>
<div>相关主题</div>
<div class="relatedtopic">
<div id="tabs-section" class="tabs">
<ul class="tab-head">
<li id="22823995"><a href="/topic/22823995/" target="_blank">html标签大全</a></li>
<li id="3391197"><a href="/topic/3391197/" target="_blank">html常用标签</a></li>
<li id="17101449"><a href="/topic/17101449/" target="_blank">html基本标签</a></li>
<li id="357439"><a href="/topic/357439/" target="_blank">divcss布局</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="category">
<h2 class="navname">相关文档</h2>
<ul class="lista">
<li><a href="/doc/643485711.html" target="_blank">(完整版)html标签大全</a></li>
<li><a href="/doc/9e18526012.html" target="_blank">HTML基础标签大全</a></li>
<li><a href="/doc/c64848161.html" target="_blank">HTML标签列表(字母排序)</a></li>
<li><a href="/doc/0714872744.html" target="_blank">html标签大全</a></li>
<li><a href="/doc/ea17911470.html" target="_blank">HTML5标签大全--整理版</a></li>
<li><a href="/doc/444951179.html" target="_blank">html标记语言常用标记大全</a></li>
<li><a href="/doc/7813921270.html" target="_blank">最新HTML标记一览表及用法说明</a></li>
<li><a href="/doc/af17449097.html" target="_blank">html标签属性大全</a></li>
<li><a href="/doc/db11996961.html" target="_blank">WEB_html标签属性大全</a></li>
<li><a href="/doc/1f10265075.html" target="_blank">HTML基本语法汇总大全</a></li>
<li><a href="/doc/f316377320.html" target="_blank">HTML5常用标签大全</a></li>
<li><a href="/doc/5318601493.html" target="_blank">html标签大全模板</a></li>
<li><a href="/doc/8117736800.html" target="_blank">HTML标签大全(常用)</a></li>
<li><a href="/doc/cb933962.html" target="_blank">html4标签大全</a></li>
<li><a href="/doc/0f13111631.html" target="_blank">HTML标签大全(史上最全的html标签文档)</a></li>
<li><a href="/doc/e911984644.html" target="_blank">html标签大全 html代码大全</a></li>
<li><a href="/doc/2b7585213.html" target="_blank">html标签以及属性大全</a></li>
<li><a href="/doc/7c7512674.html" target="_blank">HTML标签集合大全</a></li>
<li><a href="/doc/a417366427.html" target="_blank">html标签属性大全</a></li>
<li><a href="/doc/da3640991.html" target="_blank">html标签大全</a></li>
</ul>
<h2 class="navname">最新文档</h2>
<ul class="lista">
<li><a href="/doc/0919509601.html" target="_blank">幼儿园小班科学《小动物过冬》PPT课件教案</a></li>
<li><a href="/doc/0d19509602.html" target="_blank">2021年春新青岛版(五四制)科学四年级下册 20.《露和霜》教学课件</a></li>
<li><a href="/doc/9419184372.html" target="_blank">自然教育课件</a></li>
<li><a href="/doc/3c19258759.html" target="_blank">小学语文优质课火烧云教材分析及课件</a></li>
<li><a href="/doc/d619211938.html" target="_blank">(超详)高中语文知识点归纳汇总</a></li>
<li><a href="/doc/a219240639.html" target="_blank">高中语文基础知识点总结(5篇)</a></li>
<li><a href="/doc/9e19184371.html" target="_blank">高中语文基础知识点总结(最新)</a></li>
<li><a href="/doc/8f19195909.html" target="_blank">高中语文知识点整理总结</a></li>
<li><a href="/doc/8619195910.html" target="_blank">高中语文知识点归纳</a></li>
<li><a href="/doc/7819336998.html" target="_blank">高中语文基础知识点总结大全</a></li>
<li><a href="/doc/7b19336999.html" target="_blank">超详细的高中语文知识点归纳</a></li>
<li><a href="/doc/6a19035160.html" target="_blank">高考语文知识点总结高中</a></li>
<li><a href="/doc/6719035161.html" target="_blank">高中语文知识点总结归纳</a></li>
<li><a href="/doc/4b19232289.html" target="_blank">高中语文知识点整理总结</a></li>
<li><a href="/doc/3d19258758.html" target="_blank">高中语文知识点归纳</a></li>
<li><a href="/doc/2919396978.html" target="_blank">高中语文知识点归纳(大全)</a></li>
<li><a href="/doc/2819396979.html" target="_blank">高中语文知识点总结归纳(汇总8篇)</a></li>
<li><a href="/doc/1219338136.html" target="_blank">高中语文基础知识点整理</a></li>
<li><a href="/doc/e819066069.html" target="_blank">化工厂应急预案</a></li>
<li><a href="/doc/b819159069.html" target="_blank">化工消防应急预案(精选8篇)</a></li>
</ul>
</div>
</div>
<script>
var sdocid = "a26cd2bcf121dd36a32d824e";
</script>
<div class="footer">
<p>© 2013-2022 www.sodocs.net <a href="/sitemap.html">站点地图</a> | <a href="/tousu.html" target="_blank">侵权投诉</a></p>
<p><a href="https://beian.miit.gov.cn/">闽ICP备11023808号-8</a> 本站资源均为网友上传分享，本站仅负责收集和整理，有任何问题请在对应网页下方投诉通道反馈<script type="text/javascript">tj();</script></p>
</div>
</div>
</body>
</html>
]]></plaintext></div></div> 
