入门必学的基本的 HTML(页 1) - 综合部 - 网页代码 - 派對屋

party 发表于 2013-10-23 00:49

入门必学的基本的 HTML

<div class="thumb_device" style="background-color: rgb(0, 0, 0); margin: 0px; padding: 0px; -webkit-box-shadow: rgb(153, 153, 170) 0px 0px 0px; box-shadow: rgb(153, 153, 170) 0px 5px 10px; box-sizing: border-box; position: relative;"><div style="text-align: center;"> </div><div style="text-align: center;">入门必学的基本的 HTML</div> </div><div style="background-color: rgb(255, 255, 255); text-align: center;"></div><div style="background-color: rgb(255, 255, 255);"> </div><div><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;">1、贴图：<img src="图片地址"><img src="http://i.imgur.com/rj5uyjV.gif" style="font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px;"></pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;"> 2、加入连接：<a href="所要连接的相关地址">写上你想写的字</a><img src="http://i.imgur.com/rj5uyjV.gif" style="font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px;"></pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;"> 3、在新窗口打开连接：<a href="相关地址" target="_blank">写上要写的字</a><img src="http://i.imgur.com/rj5uyjV.gif" style="font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px;"></pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;"> 4、移动字体(走马灯)：<marquee>写上你想写的字</marquee><img src="http://i.imgur.com/rj5uyjV.gif" style="font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px;"></pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;"> 5、字体加粗：写上你想写的字</pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;"> 6、字体斜体：写上你想写的字</pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;"> 7、字体下划线: 写上你想写的字</pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;"> 8、字体删除线: <s>写上你想写的字</s></pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;"> 9、字体加大: <BIG>写上你想写的字</BIG></pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;"> 10、字体控制大小：<H1>写上你想写的字</H1> (其中字体大小可从H1-H5,H1最大，H5最小)</pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;"> 11、更改字体颜色：写上你想写的字(其中value值在000000与FFFFFF(16位进制)之间<img src="http://i.imgur.com/rj5uyjV.gif" style="font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px;"></pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;"> 12、消除连接的下划线：<a href="相关地址" style="text-decoration:none">写上你想写的字</a></pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;"> 13、贴音乐：<embed src="音乐地址" width="宽度" height="高度" autostart=false> </pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;"> 14、贴flash: <embed src="flash地址" width="宽度" height="高度"></pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;"> 15、贴影视文件：<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover> </pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;"> 16、换行： <img src="http://i.imgur.com/rj5uyjV.gif" style="font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px;"></pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;"> 17、段落：段落</pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;"> 18、原始文字样式：<pre>正文</pre></pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;"> 19、换帖子背景：<body background="背景图片地址"></pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;"> 20、固定帖子背景不随滚动条滚动：<body background="背景图片地址" body bgproperties=FIXED></pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;"> 21、定制帖子背景颜色：<body bgcolor="#value"></pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;"> 22、帖子背景音乐：<bgsound="背景音乐地址" loop=infinite></pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;"> 23、贴网页：<frameset src="相关地址" width="宽度" height="高度"></frameset> </pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;"> 24、字体上标：一个字写上你想写的字 </pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;"> 25、字体下标：一个字写上你想写的字</pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;"> 26、弹出字按钮：（若运用在论坛，发帖后请刷新几次页面才有效）</pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;"> <button onclick="alert('按钮弹出的字')" > 按钮显示的字写这边</button></pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;"> <button onclick="alert('怎样？有学到东西了吗？ 0w0')">按钮显示的字写这边</button>
</pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="margin-top: 0px; margin-bottom: 10px; padding: 0px;"><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;"> 按钮大小：</pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="margin-top: 0px; margin-bottom: 10px; padding: 0px;"> <button onclick="alert('按钮弹出的字'')" style="width: 200px; height: 60px">按钮显示的字写这边</button></pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;"> <button onclick="alert('怎样？有学到东西了吗？ 0w0')" style="width: 200px; height: 60px">按钮显示的字写这边</button></pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;"> 按钮颜色：</pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="margin-top: 0px; margin-bottom: 10px; padding: 0px;"> <button onclick="alert('按钮弹出的字')" style="background-color: rgb(255, 255, 255);">按钮显示的字写这边</button></pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;"> <button onclick="alert('怎样？有学到东西了吗？ 0w0')" style="background-color: rgb(100, 255, 255);">按钮显示的字写这边</button></pre></pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;"><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="margin-top: 0px; margin-bottom: 10px; padding: 0px;"> 按钮大小+颜色共用：</pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="margin-top: 0px; margin-bottom: 10px; padding: 0px;"> <button onclick="alert('按钮弹出的字')" style="background-color: rgb(100, 200, 255); width: 200px; height: 60px;">按钮显示的字写这边</button></pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="margin-top: 0px; margin-bottom: 10px; padding: 0px;"> <button onclick="alert('怎样？有学到东西了吗？ 0w0')" style="background-color: rgb(100, 200, 255); width: 200px; height: 60px;">按钮显示的字写这边</button></pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="text-align: center; margin-top: 0px; margin-bottom: 10px; padding: 0px;"> </pre></pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;"><hr class="solidline"> </pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;">另外，发几个颜色代码供大家参考使用</pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;">FF3366 99FF00 3399CC 666666 999900 000099 0000FF 9999FF </pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;">336633 FF00FF 339933 CC00CC FFCC00 9966FF 996600 CC6666 </pre><pre id="best-content-508007683" accuse="aContent" class="best-text mb-10" style="background-color: rgb(255, 255, 255); margin-top: 0px; margin-bottom: 10px; padding: 0px;">336666 FF9900 CC33FF FF3300 006633 0099FF 660033 333333 CC6633</pre></div>

sojh 发表于 2013-10-23 12:29

[b]看帖回帖那是一定要的：[/b][quote]好贴! 好贴! 0w0[/quote]

party 发表于 2013-10-23 12:41

[quote]看帖回帖那是一定要的：
[size=2][color=#999999]sojh 发表于 2013-10-23 12:29[/color] [url=http://party.joinbbs.net/redirect.php?goto=findpost&pid=2514&ptid=1244][img]http://party.joinbbs.net/images/common/back.gif[/img][/url][/size][/quote]

按钮正常按到吧？这可是任何浏览器都支持的按钮代码……

页: [1]

派對屋's Archiver

入门必学的基本的 HTML