HTML coding 코딩 실습 - 글자크기, 폰트, 특수문자,sup,sub.. (#4)

웹 페이지를 작성할때 글자의 크기를 변경하거나 강조하고 싶을때,

또는 취소선을 글자위에 표현해야 하는 경우도 있고

위첨자나 아래첨자로 표현해야 할때를 위하여 

자주사용하는 태그들을  모아봤습니다.

실습버튼을 눌러 확인하면서 더 쉽게 html 태그를 공부하세요 !

 

 

 

HTML 핵심 태그로 블로그를 고급지게... 나도 웹 퍼블리셔가 된다!

1. HTML 문서 구조 head와 body 
2. 문단관련 태그 body, br, p div ..
3. 목록관련 태그 list, ul, ol, li ..
4. 글자관련 태그 h1, h2, h3.. font, sup, sub, strike, cite, code, small, s ..
5. 멀티미디어 삽입관련 태그 a, embed, object, img, map, area, applet ..
6. 표관련 태그 table, tr, td, th..
7. 프레임관련 태그 iframe
8. 문서양식 태그 form, input, select textarea ..

 

 

글자  HTML 태그 h1, h2, ..h6 font, sup, sub, strike, cite, code , 특수문자

 

 

태그	역할	실습 하기
<hn></hn>	제목 글자를 표현, n값은 1~6까지이며 작을 수록 큰 글자로 나타냄	실습 클릭
<font></font>	글자의 크기와 모양을 지정	font 실습 클릭
<!-- --!>	주석문 처리 <!--여기는 주석문입니다.--!>
<i></i>	글자를 이탤릭체로 처리	i 실습 클릭
<b></b>	글자를 굵은 글씨체로 처리	b 실습 클릭
<u></u>	글자에 밑줄을 나타냄	u 실습 클릭
<sup></sup>	글자를 위첨자로 나타냄	sup 실습 클릭
<sub></sub>	글자를 아래첨자로 나타냄	sub 실습 클릭
<del></del>	글자에 취소선을 나타냄	del실습 클릭
<cite></cite>	글자를 인용문으로 표현	cite 실습 클릭
<code></code>	프로그램 소스 코드를 나타낼 때 사용	code 실습 클릭
<small></small>	글자를 작게 표시	small 실습 클릭
<s></s>	취소선	s 실습 클릭

 

html을 작성하다보면 태그로 쓰이는 문자를 본문에 사용해야 하는 경우가 있습니다.

Html의 태그 기호와 중복되고 자주 사용하는 특수문자 기호 6가지를 정리했습니다.

특수 문자	용도	html 기호
"	큰따옴표	"
<	꺽쇠	&lt;
>	꺽쇠</t	&gt;
스페이스 ,  ' '	공백	&nbsp;
&	앰퍼센드	&amp;
!	느낌표	&#33;

 

 

 

 

초등, 중학 html 코딩교육 시작 프젝트