목차
이름은 거창하게 지어놓고 다른 포스팅도 올리느라 늦어졌네요.
오늘은 HTML로 자기소개서 만들기를 해보려고 합니다.
저번 HTML강좌에서 말씀했다시피
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
같은 형식은 항상 준비해놓으셔야합니다.
앞으로도 HTML을 배울때에 위와 같은 형식은 꼭 미리 코딩해 놓으셨으면 좋겠습니다.
저번에 하셨던 HTML코드를 복사하셔도 좋지만, 직접 입력해보는게 머릿속에 훨씬 더 오래 남습니다.
오늘은 자기소개서를 만들려고 하는데 타이틀 태그안에 뭐라고 써넣어야할까요?
써넣으셔도 안써넣으셔도 되지만, "자기소개서"라고 써넣으면 좋겠네요~
그럼 이제 BODY태그안에 내용을 써넣어야 겠지요?
<BODY>
자기소개서<BR>
이름: 홍길동<BR>
주민등록번호: 123456-1234567<BR>
</BODY>
이렇게 간단하게 써넣어 보았는데요.
여기서 자주 보이는 태그가 하나 있습니다.
바로 BR태그인데요.
설명을 보기 전에 HTML문서를 실행해보세요.
어떻게 나오나요?
네, 엔터를 친 것처럼 한줄 한줄이 띄어져있습니다.
HTML에서는 <BR>같은 태그를 사용하지않으면
코드에서 아무리 엔터를 쳐서 써보아도 한줄로 글이 써지게됩니다.
한번 <BR>태그를 지워보시면 무슨 말인지 알게 되실겁니다.
어! 그런데 왜 스페이스바는 적용이 되나요? 라고 의문을 품으실수도 있는데,
HTML 코드내에 스페이스바가 한번까지는 적용이 됩니다.
다만 2번이상부터는 한번 스페이스바를 한것과 똑같이 적용이 됩니다.
만약 코드에 짠 그대로 출력을 하고싶다! 하면
<PRE>
코드에서
짠 내용
</PRE>
이렇게 쓰시면 위의 코드가 HTML문서를 열었을때 그대로 적용이 되어 나타나게됩니다.
하지만 이 PRE태그는 허접해보이고 태그를 적용할 수가 없어 잘 쓰이지 않습니다.
오늘은 2개의 HTML태그를 배워보았는데요.
어려우신가요?
어려우시다면 1개의 태그를 설명하더라도 더 자세히 쉽게 설명해드리려 합니다.
댓글로 남겨주세요~
2016/10/10 - [HTML] - [HTML] 단락 P, PRE ::홈페이지, 스킨 제작하기
2016/10/10 - [HTML] - [HTML] 줄 바꿈 BR, NOBR, WBR ::홈페이지, 스킨 제작하기
2016/10/09 - [HTML] - [HTML] FONT COLOR, FACE 속성 ::홈페이지, 스킨 제작하기
'프로그램 개발' 카테고리의 다른 글
[HTML] 주석 처리하기 ::홈페이지, 스킨 제작하기 (0) | 2016.10.11 |
---|---|
[HTML] BODY태그 속성 ::홈페이지, 스킨 제작하기 (0) | 2016.10.11 |
[HTML] 단락 P, PRE ::홈페이지, 스킨 제작하기 (0) | 2016.10.10 |
[HTML] 줄 바꿈 BR, NOBR, WBR ::홈페이지, 스킨 제작하기 (0) | 2016.10.10 |
[HTML] FONT COLOR, FACE 속성 ::홈페이지, 스킨 제작하기 (0) | 2016.10.09 |