HTML ch 02 - text

 

ex01

p 태그 안에서는 띄어쓰기 / 엔터 무조건 <br> 사용할 것.

 

ex02

	<h4>h4태그 입니다.</h4>
	<b>h4태그 입니다.</b>
	<font size="3"><b>h4태그 입니다.</b></font>

같은 결과를 보여 준다.

 

ex03 

<p align = "justify>

 

ex04 

 

	
	<p><i>I</i> LOVE YOU</p>
	
	
	<p>I <sup>LOVE</sup> YOU</p>
	<p>I <sub>LOVE</sub> YOU</p>
	
	<p>I <ins>LOVE</ins> YOU</p>
	
	<p>I <del>LOVE</del> YOU</p>
	
	<p>I <code>LOVE</code> YOU</p>
	<p>I <samp>LOVE</samp> YOU</p>
	
	<p>I <cite>LOVE</cite> YOU</p>
	
	<p>I <var>LOVE</var> YOU</p>
	
	<p>I LOVE <dfn>YOU</dfn></p>
	
	<p>I LOVE <b>YOU</b></p>
	
	<p>I <strong>LOVE</strong> YOU</p>
	
	<p>I <em>LOVE</em> YOU</p>
	
	<p>I <q>LOVE</q> YOU</p>
	
	노트북(2004)
	<blockquote>
	최고의 사랑은 영혼을 일깨우고, 더 많이 소망하게 하고, 가슴엔 열정을, 
	마음엔 평화를 주지.
	난 네게서 그걸 얻었고 너에게 영원히 주고 싶어.
	</blockquote>
	
	<p><strong><abbr title="Hyper Text Markup Language 5">
		HTML5</abbr></strong>는
	W3C에서 만들고 있는 웹 문서를 제작하기 위한 차세대 웹 표준규격입니다.</p>
	
	<p>codedragon.tistory.com - the world's largest IT info site.</p>
	<p><small>Copyright 2019 by CODEDRAGON Data</small></p>

• html의 텍스트에 줄 수 있는 꾸밈 속성들.

 

ex05

• <font color="purple"></font>
• <font color="#ff0000"></font>

 

ex06

• 텍스트의 크기 : font size=""
• 텍스트의 폰트 : font face=""
• <font size="5" color="pink" face="돋움">

 

ex07

• span vs div 

 

ex08

• < 
• > 
•   
• © 
• ™

 

 

ex09 

 

	<pre>
	한줄에 여러번                               띄어쓰기를 하고
	
	줄을 나누기
	위해
	여러번
	줄나누기를
	하고 있습니다.
	</pre>
	
	<pre>
	한줄에 여러번                               띄어쓰기를 하고
	
	줄을 나누기<br>
	위해<br>
	여러번<br>
	줄나누기를<br>
	하고 있습니다.<br>
	</pre>
	
	<xmp>
	한줄에 여러번                               띄어쓰기를 하고
	
	줄을 나누기<br>
	위해<br>
	여러번<br>
	줄나누기를<br>
	하고 있습니다.<br>
	</xmp>

 

• <pre> vs <xmp>
  • pre : p랑 다르게 안에 띄어쓰기 / 엔터 다 먹힘 / 태그도 적용
  • xmp : p랑 다르게 안에 띄어쓰기 / 줄 나누기 다 먹힘 / 태그를 태그가 아닌 텍스트로 인식