Div语法HTML语法⼤全
<! - - ... - -> 批注
<!> 跑马灯
<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>设定卷动时间
<!>字体效果
<h1>...</h1>标题字(最⼤)
<h6>...</h6>标题字(最⼩)
<b>...</b>粗体字
<strong>...</strong>粗体字(强调)
<i>...</i>斜体字
<em>...</em>斜体字(强调)
<dfn>...</dfn>斜体字(表⽰定义)
<u>...</u>底线
html frame<ins>...</ins>底线(表⽰插⼊⽂字)
<strike>...</strike>横线
<s>...</s>删除线
<del>...</del>删除线(表⽰删除)
<kbd>...</kbd>键盘⽂字
<tt>...</tt> 打字体
<xmp>...</xmp>固定宽度字体(在⽂件中空⽩、换⾏、定位功能有效) <plaintext>...</plaintext>固定宽度字体(不执⾏标记符号)
<listing>...</listing> 固定宽度⼩字体
...字体颜⾊
...最⼩字体
<font style =font-size:100 px>...⽆限增⼤
<!>区断标记
<hr>⽔平线
<hr size=9>⽔平线(设定⼤⼩)
<hr width=80%>⽔平线(设定宽度)
<hr color=ff0000>⽔平线(设定颜⾊)
<br>(换⾏)
<nobr>...</nobr>⽔域(不换⾏)
<p>...</p>⽔域(段落)
<center>...</center>置中
<!>连结格式
<base href=地址>(预设好连结路径)
<a href=地址>外部连结
<a href=地址 target=_blank>外部连结(另开新窗⼝)
<a href=地址 target=_top>外部连结(全窗⼝连结)
<a href=地址 target=页框名>外部连结(在指定页框连结)
<!>贴图/⾳乐
<img src=图⽚地址>贴图
<img src=图⽚地址 width=180>设定图⽚宽度
<img src=图⽚地址 height=30>设定图⽚⾼度
<img src=图⽚地址 alt=提⽰⽂字>设定图⽚提⽰⽂字
<img src=图⽚地址 border=1>设定图⽚边框
<bgsound src=MID⾳乐⽂件地址>背景⾳乐设定
<!>表格语法
<table aling=left>...</table>表格位置,置左
<table aling=center>...</table>表格位置,置中
<table background=图⽚路径>...</table>背景图⽚的URL=就是路径⽹址
<table border=边框⼤⼩>...</table>设定表格边框⼤⼩(使⽤数字)
<table bgcolor=颜⾊码>...</table>设定表格的背景颜⾊
<table borderclor=颜⾊码>...</table>设定表格边框的颜⾊
<table borderclordark=颜⾊码>...</table>设定表格暗边框的颜⾊
<table borderclorlight=颜⾊码>...</table>设定表格亮边框的颜⾊
<table cellpadding=参数>...</table>指定内容与⽹格线之间的间距(使⽤数字)
<table cellspacing=参数>...</table>指定⽹格线与⽹格线之间的距离(使⽤数字)
<table cols=参数>...</table>指定表格的栏数
<table frame=参数>...</table>设定表格外框线的显⽰⽅式
<table width=宽度>...</table>指定表格的宽度⼤⼩(使⽤数字)
<table height=⾼度>...</table>指定表格的⾼度⼤⼩(使⽤数字)
<td colspan=参数>...</td>指定储存格合并栏的栏数(使⽤数字)
<td rowspan=参数>...</td>指定储存格合并列的列数(使⽤数字)
<!>分割窗⼝
<frameset cols="20%,*">左右分割,将左边框架分割⼤⼩为20%右边框架的⼤⼩浏览器会⾃动调整 <frameset rows="20%,*">上下分割,将上⾯框架分割⼤⼩为20%下⾯框架的⼤⼩浏览器会⾃动调整 <frameset cols="20%,*">分割左右两个框架
<frameset cols="20%,*,20%">分割左中右三个框架
<;分割上下两个框架
<frameset rows="20%,*,20%">分割上中下三个框架
<! - - ... - -> 批注
<A HREF TARGET> 指定超级链接的分割窗⼝
<A HREF=#锚的名称> 指定锚名称的超级链接
<A HREF> 指定超级链接
<A NAME=锚的名称> 被连结点的名称
<ADDRESS>....</ADDRESS> ⽤来显⽰电⼦邮箱地址
<B> 粗体字
<BASE TARGET> 指定超级链接的分割窗⼝
<BASEFONT SIZE> 更改预设字形⼤⼩
<BGSOUND SRC> 加⼊背景⾳乐
<BIG> 显⽰⼤字体
<BLINK> 闪烁的⽂字
<BODY TEXT LINK VLINK> 设定⽂字颜⾊
<BODY> 显⽰本⽂
<BR> 换⾏
<CAPTION ALIGN> 设定表格标题位置
<CAPTION>...</CAPTION> 为表格加上标题
<CENTER> 向中对齐
<CITE>...<CITE> ⽤于引经据典的⽂字
<CODE>...</CODE> ⽤于列出⼀段程序代码
<COMMENT>...</COMMENT> 加上批注
<DD> 设定定义列表的项⽬解说
<DFN>...</DFN> 显⽰"定义"⽂字
<DIR>...</DIR> 列表⽂字卷标
<DL>...</DL> 设定定义列表的卷标
<DT> 设定定义列表的项⽬
<EM> 强调之⽤
<FONT FACE> 任意指定所⽤的字形
<FONT SIZE> 设定字体⼤⼩
<FORM ACTION> 设定户动式窗体的处理⽅式
<FORM METHOD> 设定户动式窗体之资料传送⽅式
<FRAME MARGINHEIGHT> 设定窗⼝的上下边界
<FRAME MARGINWIDTH> 设定窗⼝的左右边界
<FRAME NAME> 为分割窗⼝命名
<FRAME NORESIZE> 锁住分割窗⼝的⼤⼩
<FRAME SCROLLING> 设定分割窗⼝的滚动条
<FRAME SRC> 将HTML⽂件加⼊窗⼝
<FRAMESET COLS> 将窗⼝分割成左右的⼦窗⼝
<FRAMESET ROWS> 将窗⼝分割成上下的⼦窗⼝
<FRAMESET>...</FRAMESET> 划分分割窗⼝
<H1>~<H6> 设定⽂字⼤⼩
<HEAD> 标⽰⽂件信息
<HR> 加上分⽹格线
<HTML> ⽂件的开始与结束
<I> 斜体字
<IMG ALIGN> 调整图形影像的位置
<IMG ALT> 为你的图形影像加注
<IMG DYNSRC LOOP> 加⼊影⽚
<IMG HEIGHT WIDTH> 插⼊图⽚并预设图形⼤⼩
SPAN 和 DIV 的区别在于,DIV(division)是⼀个块级元素,可以包含段落、标题、表格,乃⾄诸如章
节、摘要和备注等。⽽SPAN 是⾏内元素,SPAN 的前后是不会换⾏的,它没有结构的意义,纯粹是应⽤样式,当其他⾏内元素都不合适时,可以使⽤SPAN。
<span>SPAN标记有⼀个重要⽽实⽤的特性,即它什么事也不会做,</span><span>它的唯⼀⽬的就是围绕你的HTML 代码中的其它元素,这样你就可以为它们指定样式了。在此例中,</span><span>标识符允许你将⼀个段落分成不同的部分。</span>
<div>还有⼀个标识符具有类似的功能,DIV也被⽤来在HTML⽂件中建⽴逻辑部分。</div><div>但与SPAN不同,⼯作于⽂本块⼀级,</div><div>它在它所包含的HTML元素的前⾯及后⾯都引⼊了⾏分隔。</div>
------------------------------------------------------------
CLASS和ID的区别
在样式表定义⼀个样式的时候,可以定义id也可以定义class。
1、在CSS⽂件⾥书写时,ID加前缀“#”;CLASS⽤“.”
2、id⼀个页⾯只可以使⽤⼀次;
class可以多次引⽤。
3、ID是⼀个标签,⽤于区分不同的结构和内容,就象名字,如果⼀个屋⼦有2个⼈同名,就会出现混淆;
CLASS是⼀个样式,可以套在任何结构和内容上,就象⼀件⾐服;
4、从概念上说就是不⼀样的:
id是先到结构/内容,再给它定义样式;
class是先定义好⼀种样式,再套给多个结构/内容。
⽬前的浏览器还都允许⽤多个相同ID,⼀般情况下也能正常显⽰,不过当你需要⽤JavaScript通过id来控制div时就会出现错误。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论