B 태그와 STRONG태그 > 이십년전오늘

이십년전오늘

20년전의 흑역사를 꺼내보자 ㅋ

B 태그와 STRONG태그 정보

궁금 B 태그와 STRONG태그

본문

글을 굵게하는 태그로 b와 strong  쓰죠?
보통 b (bold) 태그를 더 많이쓰는듯 싶은데
strong과 차이가 뭐죠?
지식kin 찾아봐도 둘 다 똑같다는것 이외에 자세히 설명하는이가 없더군요.
개인적으로 strong 을 보면 볼수록 듬직하고 무게 있어보여서-_-; 자주 쓰는데 정확한 차이가 궁굼하네요.
그리고 글을 굵게 하는것에 대해 굳이 표준을 정하자면 어떻게 쓰는게 더 맞는 문법인지도 궁굼하구요.


ps. 최근 며칠사이의 자게 글 허리가 잘린듯 하네요. 많이 없어졌습니다
  • 복사

댓글 전체

설명은 틀리지만 브라우져가 기능은 같이 해석하는 테그로 알고 있습니다.
B BIG STRONG...
쓸만한 폰트 변환은 여기서 뽑아쓰고 있습니다.
==참고==
<html>
<head>
<title>HTML for Chat</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<BODY bgcolor="#000000">
<div align="center">
  <p><font color="#ffffff" size="3">This iz just a page with some HTML basics I
    have put together for my fellow freakz(chatterz *g*). A combination/explanation
    of your simple font and color changes, along with some of the filters and
    marquee's, as well as a few other things. There are numerous links on my links
    page for anyone interested in learning a little more then will be found here.
    This page is a copy and paste/cheat sheet for those ppl who want to use HTML
    in their chat, as most of us know how very hard it is to explain this stuff
    in the chat room.</font></p>
</div>
  <p><font color="#D2202E" size="5">Basic Font colors, Bold and Italics</font>
  </p>
  <p><font color="#FFFFFF">~~This will give you plain colored text..<br><br>
  &lt;font color="#CC99FF"&gt;Text goes here&lt;/font&gt;</font></p>
  <font color="CC99FF">Your Text will look like this.</font><p>
<FORM NAME="aceButton"><INPUT TYPE="BUTTON" VALUE="HTML Color Chart 1" onClick="self.location.href=('http://www.htmlref.com/reference/AppE/colorchart.htm')"><FORM NAME="aceButton"><INPUT TYPE="BUTTON" VALUE="HTML Color Chart 2" onClick="self.location.href=('http://www.khngai.com/html_resources/html_colors.php')"></FORM>
<p><font color="#FFFFFF">~~This is the same code adding bold..<br>
<br>
  &lt;font color="#CC99FF"&gt;&lt;b&gt;Text goes here&lt;/b&gt;&lt;/font&gt;</font></p>
<p><font color="#CC99FF"><b>Your Text will look like this</b></font></p>
<p><font color="#FFFFFF">~~This is the same code adding italic..<br>
<br>
&lt;font color="#CC99FF"&gt;&lt;i&gt;Text goes here&lt;/i&gt;&lt;/font&gt;</font></p>
<p><font color="#CC99FF"><i>Your Text will look like this</i></font></p>
<p><font color="#FFFFFF">~~This is the same code adding a font face and changing the text size..(1 being the smallest and 5 being the largest)<br>
<br>
&lt;font face="Roman" color="#CC99FF" size=5&gt;Text here&lt;/font&gt;</font></p>
<p><font face="Roman" color="#CC99FF" size=5>Your text will look like this</font></p>

<p><font color="#FFFFFF">~~This is the same code with both bold, italic, an underline and centered..<br>
<br>
  &lt;center&gt;&lt;font face="Roman" color="#CC99FF" size=5&gt;&lt;b&gt;&lt;i&gt;&lt;u&gt;Text
  here&lt;/u&gt;&lt;/i&gt;&lt;/b&gt;&lt;/font&gt;&lt;/center&gt;</font></p>
<p><center><font face="Roman" color="#CC99FF" size=5><b><i><u>Your text will look like this</u></i></b></font></center></p>
<p><center><font color="#FFFFFF">You can change the color, size and face of the font easily to suit yourself. Everything beyond this point will be simply cut and paste with very little explanation. Just remember that numbers and colors can always be Altered and most of all have fun with it.</font></center>
  <p><font color="#D2202E" size="5">A few Marquee's</font>
  </p>
  <p><font color="#FFFFFF">Basic marquee<br><br>
  &lt;marquee&gt;Scrolling&lt;/marquee&gt;
  <marquee><font color="#CC99FF">Scrolling</marquee><p>
  &lt;marquee direction="right"&gt;Scrolling to the right&lt;/marquee&gt;
  <marquee direction="right"><font color="#CC99FF">Scrolling to the right</marquee><p>
  You can change the direction from right to left or up and down the choice is yours.<p>
  &lt;marquee direction="right" behavior="alternate"&gt;Bouncing from right to left&lt;/marquee&gt;
  <marquee direction="right" behavior="alternate"><font color="#CC99FF">Bouncing from right to left</marquee><p>
  &lt;marquee scrollamount="250"&gt;Fast Scroll&lt;/marquee&gt;
  <marquee scrollamount="250"><font color="#CC99FF">Fast Scroll</marquee>
<p>500 being the highest number for Scrollamount, to reduce the number is to reduce
  the speed. At 500 Scrollamount appears as blinking though less controlled then
  the following.
<p>
  &lt;marquee scrollamount="500" scrolldelay="250"&gt;Blinking Marquee&lt;/marquee&gt;
  <marquee scrollamount="500" scrolldelay="250"><font color="#CC99FF">Blinking Marquee</marquee><p>Scrolldelay is the opposite of Scrollamount, reducing the number will give you a faster blink where increasing it will slow it down.</font>
 
<p><font color="#D2202E" size="5">Some Fun Stuff<font size="3">(All of the following
  Filters are IE specific and are not supported by many other web Browsers if
  any. So if you are not using IE 5 or 6 the following Filters likely will not
  show up for you.)</font></font>
<p><font color="#FFFFFF">The ever Famous Glow Font and Some Stuff I put together
myself, This section of the page is one that will likely change as I put new stuff
together or come across anything I think should be posted here<br>
<br>
&lt;font face="Times New Roman" size=3 color=#000000 style="font-size:25px;filter: Progid:DXImageTransform.Microsoft.Glow(Color=#CC99FF,Strength=6);width:100%"&gt;Glowing Text&lt;/font&gt;
<font face="Times New Roman" size=3 color=#000000 style="font-size:25px;filter: Progid:DXImageTransform.Microsoft.Glow(Color=#CC99FF,Strength=6);width:100%">Glowing Text</font><p>
&lt;font face="Times New Roman" color=#6495ED style="font-size:25px;filter: Progid:DXImageTransform.Microsoft.Glow(Color=#6495ED,Strength=15);width:100%"&gt;&lt;font color=#000000 style="font-size:25px;filter: Progid:DXImageTransform.Microsoft.Glow(Color=#E6E6FA,Strength=15);width:100%"&gt;My Double Glow Text&lt;/font&gt;&lt;/font&gt;
<font face="Times New Roman" color=#6495ED style="font-size:25px;filter: Progid:DXImageTransform.Microsoft.Glow(Color=#6495ED,Strength=15);width:100%"><font color=#000000 style="font-size:25px;filter: Progid:DXImageTransform.Microsoft.Glow(Color=#E6E6FA,Strength=15);width:100%">My Double Glow Text</font></font><p>
&lt;font style="font-size:25px;filter: Progid:DXImageTransform.Microsoft.Glow(Color=#CD0032,Strength=10);width:100%"&gt;&lt;font style="width: 100%; filter: wave(add=false, lightstrength=50, phase=2, strength=1, freq=2,);"&gt;&lt;font face="times new roman" color="#ffffff"&gt;&lt;b&gt;My Shine Glow Text&lt;/b&gt;&lt;/font&gt;&lt;/font&gt;&lt;/font&gt;
<font style="font-size:25px;filter: Progid:DXImageTransform.Microsoft.Glow(Color=#CD0032,Strength=10);width:100%"><font style="width: 100%; filter: wave(add=false, lightstrength=50, phase=2, strength=1, freq=2,);"><font face="times new roman" color="#ffffff"><b>My Shine Glow Text</b></font></font></font><p>
&lt;font style="font-size:50px;filter: Progid:DXImageTransform.Microsoft.Glow(Color=#FF6A6A ,Strength=15);width:100%"&gt;&lt;font style="font-size:25px;filter: Progid:DXImageTransform.Microsoft.Glow(Color=#9B0030,Strength=15);width:100%"&gt;&lt;font style="width: 100%; filter: wave(add=false, lightstrength=50, phase=1, strength=2, freq=2,);"&gt;&lt;font face="times new roman" color="#FFF5EE"&gt;&lt;b&gt;My Double Glow with a slight wave&lt;/b&gt;&lt;/font&gt;&lt;/font&gt;&lt;/font&gt;&lt;/font&gt;
<font style="font-size:50px;filter: Progid:DXImageTransform.Microsoft.Glow(Color=#FF6A6A ,Strength=15);width:100%"><font style="font-size:25px;filter: Progid:DXImageTransform.Microsoft.Glow(Color=#9B0030,Strength=15);width:100%"><font style="width: 100%; filter: wave(add=false, lightstrength=50, phase=1, strength=2, freq=2,);"><font face="times new roman"  color="#FFF5EE"><b>My Double Glow with a slight wave</b></font></font></font></font><p>
&lt;font style="font-size:30px;filter: Progid:DXImageTransform.Microsoft.Glow(Color=#ffffff,Strength=8);width:100%"&gt;&lt;font style="width: 100%; filter: wave(add=false, lightstrength=25, phase=2, strength=2, freq=8,);"&gt;&lt;font face="times new roman"  color="#21275D"&gt;&lt;b&gt;&lt;i&gt;My Wave and Glow Text&lt;/b&gt;&lt;/i&gt;&lt;/font&gt;&lt;/font&gt;&lt;/font&gt;
<font style="font-size:30px;filter: Progid:DXImageTransform.Microsoft.Glow(Color=#ffffff,Strength=8);width:100%"><font style="width: 100%; filter: wave(add=false, lightstrength=25, phase=2, strength=2, freq=8,);"><font face="times new roman"  color="#21275D"><b><i>My Wave and Glow Text</b></i></font></font></font><p>
&lt;marquee width="250" height="20" style="Filter: progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#4876AE, endColorstr=#6C083C);"&gt;&lt;font face="Times New Roman" color=#ffffff size=3&gt;&lt;b&gt;&lt;i&gt;My Marquee Gradient&lt;/i&gt;&lt;/b&gt;&lt;/marquee&gt;<br>
<marquee width="250" height="20" style="Filter: progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#4876AE, endColorstr=#6C083C);"><font face="Times New Roman" color=#ffffff size=3><b><i>My Marquee Gradient</marquee><p>
&lt;FONT id=mydiv style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#4876AE,endColorStr=#6C083C); FONT:Times New Roman; WIDTH: 250px; COLOR: white; HEIGHT: 20px; BACKGROUND-COLOR: black" face=div&gt;&lt;center&gt;&lt;font size=3&gt;&lt;b&gt;&lt;i&gt;My Still Text Gradient&lt;/i&gt;&lt;/b&gt;&lt;/font&gt;&lt;/center&gt;&lt;/font&gt;<br>
<FONT id=mydiv style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#4876AE,endColorStr=#6C083C); FONT:Times New Roman; WIDTH: 250px; COLOR: white; HEIGHT: 20px; BACKGROUND-COLOR: black" face=div><center><font size=3><b><i>My Still Text Gradient</i></b></font></center></font><p>
&lt;font id=mydiv style="font-size:25px;filter: progid:DXImageTransform.Microsoft.Blur(strength=100, direction=45)"&lt;font style="width: 100%; filter: Progid:DXImageTransform.Microsoft.Glow(Color=#000000,Strength=10);width:100%"&lt;font face="Times New Roman" color="#BBA5CF"&gt;&lt;b&gt;Blur Text&lt;/b&gt;&lt;/font&gt;
<font id=mydiv style="font-size:25px;filter: progid:DXImageTransform.Microsoft.Blur(strength=100, direction=45)"<font style="width: 100%; filter: Progid:DXImageTransform.Microsoft.Glow(Color=#000000,Strength=10);width:100%"<font face="Times New Roman" color="#BBA5CF"><b>Blur Text</b></font><p>
&lt;FONT STYLE="font-size:20pt;filter: progid:DXImageTransform.Microsoft.Shadow(color=#d2d1e1,direction=45);width:100%;color: #7C95BA"&gt;&lt;b&gt;Shadow Text&lt;/b&gt;&lt;/font&gt;
<FONT STYLE="font-size:20pt;filter: progid:DXImageTransform.Microsoft.Shadow(color=#E4E4E4,direction=45);width:100%;color: #9B0030"><b>Shadow Text</b></font><p>
&lt;FONT STYLE="font-size:20pt;filter: dropshadow(color=#E4E4E4,offX=2,offy=2,positive=1);width:100%;color:#9B0030"&gt;&lt;font face="times new roman"&gt;&lt;b&gt;Drop Shadow Text&lt;/b&gt;&lt;/font&gt;&lt;/font&gt;
<FONT STYLE="font-size:20pt;filter: dropshadow(color=#E4E4E4,offX=2,offy=2,positive=1);width:100%;color:#9B0030"><font face="times new roman"><b>Drop Shadow Text</b></font></font><p>
&lt;font face="times new roman" color="#9B0030" style="font-size:22px;filter: Progid:DXImageTransform.Microsoft.Glow(Color=#66B3FF,Strength=15);width:100%"&gt;&lt;font style="width:100%;filter:alpha(opacity=25)"&gt;&lt;b&gt;Fade Glow Text&lt;/b&gt;&lt;/font&gt;&lt;/font&gt;
<font face="times new roman" color="#9B0030" style="font-size:22px;filter: Progid:DXImageTransform.Microsoft.Glow(Color=#66B3FF,Strength=15);width:100%"><font style="width:100%;filter:alpha(opacity=25)"><b>Fade Glow Text</b></font></font><p></font>
<font color="#D2202E" size="5">Post an Image</font><p><font color="#FFFFFF">
&lt;font style="position:center"&gt;&lt;img src="http://www.mayhemmanor.com/chat/qgfx/kick2.gif"&gt;<br>
<font style="position:center"><img src="http://www.mayhemmanor.com/chat/qgfx/kick2.gif"><p>
<center>As I come across anything new and interesting that works in the chat room this page will be updated, if you have any idea's or know of something that's not posted here feel free to use the contact link on the main page and let me know, I'd be happy to add anything you might have or hear any of your suggestions.</font></center>
<div align="center"><FORM NAME="aceButton"><INPUT TYPE="BUTTON" VALUE="Back" onClick="self.location.href=('http://dreamy.guestwho.com/home.html')"></FORM></div>
</body>
</html>
© SIRSOFT
현재 페이지 제일 처음으로