2020. 4. 11.

[HTML] 레이아웃 동영상 강의 정리


<BR> 줄바꾸기

- 종료 태그 없이 줄바꿈 기능만 한다.

<p> 단락 구분하기

- 한 줄이 끝났을 때 단락을 분리하기 위한 태그
- 단락의 시작과 끝 위치하고 단락을 구분하고 속성을 이용해 글꼴을 설정할 수 있다.
- 일반적으로 한 줄을 띄어야 할 경우 <p>만 사용하기도 한다.

口 〈수」 @) 단₩기트킈 자료₩전자| 과점₩html₩직접 하본거₩2₩htm102 Olhtml <3R>Eh그 이용하기 파일(F) 편집(E) 보기C년〕 클셔찾기(A) 도구(T] 도움랄대) 7=국석… 진달래 력 고 물장구 치고 다람쥐 쫓던 어련시절에 눈사람처럼 커지고 싶던 그 마음 내 마음 아름다운 시절은 꽃잎처 럼 흩어져 다시 올수없지만 잊을수는 없어라 꿈이었다고 기버였다고 안가속이라해도 워우워우 진달래 력 고 물장구 치고 다람쥐 쫓던 어련 시절에 눈사람 처럼 커지고 싶던 그 마음 내마음 진달래 력 고 물장구 치고 다람쥐 쫓던 어련 시절에 눈사람처럼 커지고 싶던 그마음 내마음 꿈을 짓던 시절은 눈물 겹게 사라져 어느샌기 별지만 찾아갈 수 있겠 지 비기 온다고 바람 문다고 밤이 온다고 해도 워우워우 진달래 력 고 물장구 치고 다람쥐 쫓던 어련시절에 눈사람 처 럼 커지고 싶던 내마음 htm102 01 html - Windows 쬐모장 파일(F) 편집(E) 서식(0) 보기C년〕 도을랄 <html> <head> <title><BR>EH그 이용하기</title> </head> <bodY> 진달래 먹고 물장구 지고 다람쥐 쫓던 어린시절에 는사람저럼 거지고 싶던 그 마음 나 마음 아름다운 시절은 꽃잎저럼 흩어서 다시 을수없지만 잊을수는 없어라 꿈이었다고 가벼렸다고 안가속이라해도 워우워우 진달래 먹고 물장구 지고 다람쥐 쫓던 어린 시절에 눈사람 저럼 거지고 싶던 그 마음 나마음 진달래 먹고 물장구 지고 다람쥐 쫓던 어린시절에 는사람저럼 거지고 싶던 그마음 나마음 꿈을 짓던 시절은 눈물 겹게 사라서 Ln 11, Col 29 100% Windows (CRLF) 口 ANSI

口 〈수」 @) 단₩기트킈 자료₩전자| 과점₩html₩직접 하본거₩2₩htm102 Olhtml <3R>Eh그 이용하기 <3R>Eh그 이용하기 파일(F) 편즽(E) 호기0.0 吉셔찾기(A) 도듣할대) 진달래 력 고 물장구 치고 다람쥐 쫓던 어련시절에 눈사람처럼 커지고 싶던 그 마음 내 마음 아름다운 시절은 꽃잎처럼 흩어져 다시 올수없지만 잊을수는 없어라 꿈이었다고 기버였다고 안가속이라해도 워우워우 진달래 력 고 물장구 치고 다람쥐 쫓던 어련 시절에 htm102 01.html - Windows 쬐모장 파일(F) 편집(E) 서식(0) 보기C년〕 도을랄 <html> 꿈 <head> <title><BR>EH그 이용하기</title> </head> <bodY> 진달래 먹고 물장구 지고 다람쥐 쫓던 어린시절에 <br> 눈사람저럼 거지고 싶던 그 마음 나 마음 <br> 아름다운 시절은 꽃잎저럼 흩어서 <br> 다시 을수없지만 잊을수는 없어라 <br> 꿈이었다고 가벼렸다고 안가속이라해도 워우워우 <br> 진달래 먹고 물장구 지고 다람쥐 쫓던 어린 시절에 <br> 눈사람 저럼 거지고 싶던 그 마음 나마음 <br> 진달래 먹고 물장구 지고 다람쥐 쫓던 어린시절에 <br> 눈사람저럼 거지고 싶던 그마음 나마음 <br> 꿈을 짓던 시절은 눈물 겹게 사라서 <br> Ln 19, Col 23 100% Windows (CRLF) 7=국석… 口 ANSI

<br> 태그를 이용하여 줄바꿈을 해줌

口 〈수」 @) 단₩기트킈 자료₩전자| 과점₩html₩직접 하본거₩2₩htm102 02html • (3 7=4석… <3R>Eh그 이용하기 <3R>Eh그 이용하기 <3R>Eh그 이용하기 파일(F) 편즽(E) 호기0.0 吉셔찾기(A) 도듣할대) 진달래 력 고 물장구 치고 다람쥐 쫓던 어련시절에 눈사람처럼 커지고 싶던 그 마음 내 마음 아름다운 시절은 꽃잎처럼 흩어져 다시 올수없지만 잊을수는 없어라 꿈이었다고 기버였다고 안가속이라해도 워우워우 진 달래 고 물장구 치 고 巳 라八 쭈口켜 리 人 저 눈사람 처 럼 커 지 고 싶던 htm102 0기-ltml - Windows 쬐모장 진달래 력 고 물장구 치고 파일(F) 편집(E) 서식(0) 보기C년〕 도을랄 눈사람처럼 커지고 싶던 기 <html> 口 을 짓던 시절은 눈물 겹게 어느샌기 별지만 찾아갈 비기 온다고 바람 문다고 진달래 력 고 물장구 치고 <head> <title><BR>EH그 이용하기</title> </head> <bodY> 눈사람 처럼 커지고 싶던 L <p>진달己H 먹고 물장구 지고 다람쥐 쫓던 어린시절에 <br> 눈사람저럼 거지고 싶던 그 마음 나 마음 <br> 아름다운 시절은 꽃잎저럼 흩어서 <br> 다시 올수없지만 잊을수는 없어라 </P> <p>꿈이었다고 가벼렸다고 안가속이라해도 워우워우 <br> 진달래 먹고 물장구 지고 다람쥐 쫓던 어린 시절에 <br> 눈사람 저럼 거지고 싶던 그 마음 나마음 <br> 진달래 먹고 물장구 지고 다람쥐 쫓던 어린시절에 <br> 눈사람저럼 거지고 싶던 그마음 나마음 </P> Ln 13 Col 28 100% Windows (CRLF) ANSI

<p></p>
단락을 구분한다

〈수」 @) 단₩기트킈 자료₩전자| 과점₩html₩직접 하본거₩2₩htm102 02html 7=국석… <3R>Eh그 이용하기 파일(F) 편즽(E) 호기0.0 吉셔찾기(A) 도듣할대) 진달래 력 고 물장구 치고 다람쥐 쫓던 어련시절에 눈사람처럼 커지고 싶던 그 마음 내 마음 아름다운 시절은 꽃잎처럼 흩어져 다시 올수없지만 잊을수는 없어라 꿈이었다고 기버였다고 안가속이라해도 워우워우 진달래 력 고 물장구 치고 다람쥐 쫓던 어련 시절에 눈사람 처럼 커지고 싶던 그 마음 내마음 진달래 력 고 물장구 치고 다람쥐 쫓던 어련시절에 눈사람처럼 커지고 싶던 그마음 내마음 꿈이었다고 기버였다고 안가속이라해도 워우워우 진달래 력 고 물장구 치고 다람쥐 쫓던 어련 시절에 눈사람 처럼 커지고 싶던 그 마음 내마음 진달래 력 고 물장구 치고 다람쥐 쫓던 어련시절에 눈사람처럼 커지고 싶던 그마음 내마음 을 짓던 시절은 눈물 겹게 사라져 어느샌기 별지만 찾아갈 수 있겠지 비기 온다고 바람 문다고 밤이 온다고 해도 워우워우 진달래 력 고 물장구 치고 다람쥐 쫓던 어련시절에 눈사람 처럼 커지고 싶던 내마음 口 口 htmlC2 0기ltml - Windows 쬐모장 파일(F) 편집(E) 서식(0) 보기C•.0 도을랄 다시 올수없지만 잊을수는 없어라 </P> <p>꿈이었다고 가벼렸다고 안가속이라해도 워우워우 <P> 진달래 먹고 물장구 지고 다람쥐 쫓던 어린 시절에 <P> 눈사람 저럼 거지고 싶던 그 마음 나마음 <P> 진달래 먹고 물장구 지고 다람쥐 쫓던 어린시절에 <P> 눈사람저럼 거지고 싶던 그마음 나마음 <P> <p>꿈이었다고 가벼렸다고 안가속이라해도 워우워우 <br 진달래 먹고 물장구 지고 다람쥐 쫓던 어린 시절에 <br> 눈사람 저럼 거지고 싶던 그 마음 나마음 <br> 진달래 먹고 물장구 지고 다람쥐 쫓던 어린시절에 <br> 눈사람저럼 거지고 싶던 그마음 나마음 <br> Ln 13, Col 27 100% Windows (CRLF) ANSI

<p> 와 <br> 차이구분


<align 속성> 문단의 정렬

- 태그에 일반적으로 적용되는 정렬속성
- 속성값 : left, center, right


<CENTER> 가운데 정렬
- 태그가 사용된 부분을 브라우저의 수평 가운데로 정렬
- 거의 정렬이 필요한 부분은 align 속성을 사용하기 때문에 전체문서나 일정부분을 정렬할 경우를 제외하고는 많이 사용하지 않는다.


〈수」 @) 단₩기트킈 자료₩전자| 과점₩html₩직접 하본거₩2₩htm102 03]ntml Ln 12 Col 42 7=국석… <3R>Eh그 이용하기 <3R>Eh그 이용하기 파일(F) 편즽(E) 호기0.0 吉셔찾기(A) 도듣할대) 진달래 력 고 물장구 치고 다람쥐 쫓던 어련시절에 눈사람처럼 커지고 싶던 그 마음 내 마음 아름다운 시절은 꽃잎처럼 흩어져 다시 올수없지만 잊을수는 없어라 진달래 력 고 물장구 치고 다람쥐 쫓던 어련시절에 눈사람처럼 커지고 싶던 그 마음 내 마음 으 꼬 이 - 러 호 htm102 03.html - Windows 쬐모장 파일(F) 편집(E) 서식(0) 보기C년〕 도을랄 口 口 卜구 치고 다람쥐 쫓던 어련시절에 처럼 커지고 싶던 그 마음 내 마음 아름다운 시절은 꽃잎처럼 흩어져 다시 올수없지만 잊을수는 없어라 <P align="left">진달ZH 먹고 물장구 지고 다람쥐 쫓던 어린시절에 <br> 눈사람저럼 거지고 싶던 그 마음 나 마음 <br> 아름다운 시절은 꽃잎저럼 흩어서 <br> 다시 올수없지만 잊을수는 없어라 </P> <P align="center">진달ZH 먹고 물장구 지고 다람쥐 쫓던 어린시절에 <br> 눈사람저럼 거지고 싶던 그 마음 나 마음 <br> 아름다운 시절은 꽃잎저럼 흩어서 <br> 다시 올수없지만 잊을수는 없어라 </P> <P align="right">진달ZH 먹고 물장구 지고 다람쥐 쫓던 어린시절에 <br> 눈사람저럼 거지고 싶던 그 마음 나 마음 <br> 아름다운 시절은 꽃잎저럼 므어저 <br> 다시 을수없지만 잊을수는 없어라 </P> 100% Windows (CRLF) ANSI

<p align="right">
글의 정렬 방향 설정

口 〈수」 @) 단₩기트킈 자료₩전자| 과점₩html₩직접 하본거₩2₩htm102 04html • (3 7=4석… <3R>다그 이용하기 <3R>다그 이용하기 <3R>Eh그 이용하기 파일(F) 편즽(E) 호기0.0 吉수찾기(A) 도듣할대) 진달래 력 고 물장구 치고 다람쥐 쫓던 어련시절에 눈사람처럼 커지고 싶던 그 마음 내 마음 아름다운 시절은 꽃잎처럼 흩어져 다시 올수없지만 잊을수는 없어라 진달래 력 고 물장구 치고 다람쥐 쫓던 어련시절에 눈사람처럼 커지고 싶던 그 마음 내 마음 아름다운 시절은 꽃잎처럼 흩어져 다시 올수없지만 잊을수는 없어라 htmlC2 CZhtml - Windows 쬐모장 파일(F) 편집(E) 서식(0) 보기C년〕 도을랄 <title><BR>EH그 이용하기</title> </head> <bodY> 口 <P align="center">진달ZH 먹고 물장구 지고 다람쥐 쫓던 어린시절에 <br> 눈사람저럼 거지고 싶던 그 마음 나 마음 <br> 아름다운 시절은 꽃잎저럼 흩어서 <br> 다시 올수없지만 잊을수는 없어라 </P> <center>진달ZH 먹고 물장구 지고 다람쥐 쫓던 어린시절에 <br> 눈사람저럼 거지고 싶던 그 마음 나 마음 <br> 아름다운 시절은 꽃잎저럼 므어저 <br> 다시 을수없지만 잊을수는 없어라 <cente > Ln 15 Col 26 100% Windows (CRLF) ANSI

<p align="right">
<center>
두개를 같게 쓸수 있음

〈수」 @) 단₩기트킈 자료₩전자| 과점₩html₩직접 하본거₩2₩htm102 05]ntml • (3 7=4석… 1 24, CO 10 <3R>Eh그 이용하기 <3R>Eh그 이용하기 <3R>다그 이용하기 口 <3R>Eh그 이용하기 파일(F) 편즽(E) 호기0.0 吉셔찾기(A) 도듣할대) 어련시절 // 이용목 진달래 력 고 물장구 치고 다람쥐 쫓던 어련시절에 눈사람처럼 커지고 싶던 그 마음 내 마음 아름다운 시절은 꽃잎처럼 흩어져 다시 올수없지만 잊을수는 없어라 꿈이었다고 기버였다고 안가속이라해도 워우워우 진달래 력 고 물장구 치고 다람쥐 쫓던 어련 시절에 누 라 大 러 기 시 기 口 으 L 口 htm102 05.html - Windows 쬐모장 파일(F) 편집(E) 서식(0) 보기C년〕 도을랄 <html> <head> <title><BR>EH그 이용하기</title> </head> <bodY> <P align="center"> 어린시절 // 이용복</p> 진달래 먹고 물장구 지고 다람쥐 쫓던 어린시절에 <br> 눈사람저럼 거지고 싶던 그 마음 나 마음 <br> 아름다운 시절은 꽃잎저럼 므어저 <br> 다시 을수없지만 잊을수는 없어라 <br> 100% Windows (CRLF) 口 ANSI

<center> 활용


<Hx> 제목태그
- 글의 제목을 나타낼 때 사용하는 태그
- <H1> : 가장 큰 글씨
- <H6> : 가장 작은 글씨
- 기본적으로 볼드체 적용 및 줄바꿈이 일어나며 상하 여백을 두고 나타난다.

수 (§) E ₩기 트리 자료₩전자| 과점₩htm • (3 검적… <3R>Eh그 이용… < R>다그 이용… < R>EH그 이용… 파일(F) 편즽(E) 호기0.0 吉셔찾기(A) 도듣할대) 어린시절 // 이용복 口 >EH그 이용… <3R>Eh그… X 진달래 력 고 물장구 치고 다람쥐 쫓던 어련시절에 눈사람처럼 커지고 싶던 그 마음 내 마음 아름다운 시절은 꽃잎처럼 흩어져 다시 올수없지만 잊을수는 없어라 꿈이었다고 기버였다고 안가속이라해도 워우워우 진달래 력 고 물장구 치고 다람쥐 쫓던 어련 시절에 htm102 06.html - Windows 쬐모장 파일(F) 편집(E) 서식(0) 보기C년〕 도을랄 <html> <head> <title><BR>EH그 이용하기</title> </head> <bodY> <h2> 어린시절 // 이용복</h2>l 진달래 먹고 물장구 지고 다람쥐 쫓던 어린시절에 <br> 눈사람저럼 거지고 싶던 그 마음 나 마음 <br> 아름다운 시절은 꽃잎저럼 흩어서 <br> 다시 올수없지만 잊을수는 없어라 <br> Ln 7 Col 22 100% Windows (CRLF) 口 ANSI

<h2> </h2>
제목 태그를 넣어 글씨크기를 조정함
숫자가 낮을수록 커짐


<BLOCKQUOTE> 인용문

- 문서에서 인용된 부분은 상하좌우 여백을 두고 나타나게 됩니다.
- 인용된 부분을 따로 처리해야 할 경우의 긴 문장의 인용문에 사용됩니다.
- 그 외 인용문 태그 :
*<EM> : 인용된 부분을 이텔릭체로 표현
*<Q> : 아무 변화 없이 소스를 통해서 볼 때 인용된 부분이란 것을 알려주는 역할

口 《§그 @) &₩기 트리 자료₩전자| 과점₩html* • (3 7=4석… < 이요문 파일(F) 편즽(E) 호기0.0 吉셔찾기(A) 도듣할대) 이번 시간에는 이용목의 어련시절을 배워보겠습니다l 진달래 력 고 물장구 치고 다람쥐 쫓던 어련시절에 눈사람처럼 커지고 싶던 그 마음 내 마음 아름다운 시절은 꽃잎처럼 흩어져 다시 올수없지만 잊을수는 없어라 꿈이었다고 기버였다고 안가속이라해도 워우워우 진달래 력 고 물장구 치고 다람쥐 쫓던 어련 시절에 눈사람 처럼 커지고 싶던 그 마음 내마음 htm102 07.html - Windows 쬐모장 파일(F) 편집(E) 서식(0) 보기C년〕 도을랄 <html> <head> <title> <BR> 인용문</title> </head> <bodY> 이번 시간에는 이용복의 어린시절을 배워보겠습니다. <P> <blockquote> 진달래 먹고 물장구 지고 다람쥐 쫓던 어린시절에 <br> 눈사람저럼 거지고 싶던 그 마음 나 마음 <br> 아름다운 시절은 꽃잎저럼 므어저 <br> 다시 을수없지만 잊을수는 없어라 <br> Ln 24, CO 3 口 100% Windows (CRLF) ANSI

<blockquote> </blockquote>
구간안에 여백이 생김
<blockquote cite="http:www.naver.com">
작성할때 알기 쉽게 인용사이트 적을때 쓰는것 - 표시되지 않음


<PRE> 입력한 그대로 브라우저에 나타내기

- HTML은 기본적으로 공백과 Enter 를 인식하지 않는다.
- <PRE> 공백과 [Enter]를 그대로 화면에 출력할 수 있는 태그


口 《§그 @) &₩기 트리 자료₩전자| 과점₩html* • (3 7=4석… <3R>인용문 파일(F) 편즽(E) 호기0.0 吉셔찾기(A) 도듣할대) 봄소풍 안내 모미는 참소 - 참-경국 먚 시간 htm102 08.html - Windows 쬐모장 파일(F) 편집(E) 서식(0) 보기C년〕 도을랄 1. 모이는 장소 창경궁 앞 2. 시간 - 오전 12:30분 . 工 - 돗자리. 생수. 도시락. 긴옷 Ln 7 Col 28 口 100% Windows (CRLF) ANSI

口 《§그 ㉧ E ₩기 트리 자료₩전자| 과점₩html* • (3 7=4석… Ln 10, Col 10 <3R>인용문 <3R>인용문 파일(F) 편즽(E) 호기0.0 吉셔찾기(A) 도듣할대) 봄소풍 안내 1. 모이는 장소 -장경궁 앞 2. 시간 - 오전 1가30문 3. 준비물 - 돗자리, 생수, 도시락, -긴 옷 -개나리 초퉁학교- htmlC2 CYhtml - Windows 쬐모장 파일(F) 편집(E) 서식(0) 보기C년〕 도을랄 <title> <BR> 인용문</title> </head> <bodY> <h2 align="center">S소풍 안내</h2> 1. 모이는 장쇠 창경궁 앞 2. 시간 100% Windows (CRLF) 口 ANSI

<pre>
입력시 사용한 엔터키와 스페이스키가 모두 입력됨.

시간:
라벨: ,

댓글 없음:

댓글 쓰기

피드 구독하기: 댓글 (Atom)