문서 작성에 사용되는 기본태그 HR, PRE, B, I, U, S.

Presentation on theme: "문서 작성에 사용되는 기본태그 HR, PRE, B, I, U, S."— Presentation transcript:

1 문서 작성에 사용되는 기본태그 HR, PRE, B, I, U, S

2 지난 시간에는 뭘 배웠지? IMG 태그 – SRC속성은 반드시!! WIDTH, HEIGHT, ALT, BORDER
경로를 표시하는 방법 2가지 절대경로 : 변하지 않는 ‘위치’ 상대경로 : ‘내’가 중심 WIDTH, HEIGHT, ALT, BORDER <IMG SRC=“image/flower.jpg” WIDTH=“50” HEIGHT=“100” ALT=“안녕하세요” BORDER=“2”> 지난시간 복습

3 이번 시간에는 뭘 배울까? 흥미유발을 위한 페이지

4 수평선을 그어주는 <HR> 화면을 가로지르는 수평선을 삽입 쌍을 이루지 않고 <HR>만 사용
COLOR : 색깔을 설정 SIZE : 두께를 설정 WIDTH : 가로 길이를 설정 ALIGN : 왼쪽, 가운데, 오른쪽 정렬

5 입력된 모습 그대로 보여주는 <PRE>
HTML 에서 입력한 2개 이상의 빈칸이나 엔터는 무시됨 <PRE>태그 사이에 위치한 공백과 엔터는 그대로 출력 [비교해보기] 안 녕하 세요 <PRE>안 녕하 세요</PRE>

6 글자를 진하게 해주는 <B> 입력한 글자를 진하게 보여주는 태그 [비교해보기] 안녕하세요
<B>안녕하세요</B>

7 글자를 기울여 주는 <I> 입력한 글자를 기울여서 보여주는 태그 [비교해보기] 안녕하세요
<I>안녕하세요</I>

8 글자에 밑줄을 그어주는 <U> 입력한 글자에 밑줄을 그어주는 태그 [비교해보기] 안녕하세요
<U>안녕하세요</U>

9 글자에 가운데 줄을 그어주는 <S>
입력한 글자의 가운데 줄을 그어주는 태그 [비교해보기] 안녕하세요 <S>안녕하세요</S>

10 오늘은 뭘 배웠지? <HR> <PRE> <B> <I> <U>
수평선을 그어주는? 입력된 모습 그대로 보여주는? 글자를 진하게 해주는? 글자를 기울여 주는? 글자에 밑줄을 그어주는? 글자에 가운데 줄을 그어주는? <HR> <PRE> <B> <I> <U> <S>

11 알아맞혀 봅시다!! 안녕하세요 <B>안녕하세요</B> <I>안녕하세요</I>
<U>안녕하세요</U> <B><U>안녕하세요</U></B>

12 다음시간에는… 누르면 나온다!! 링 크 ! !