[HTML/CSS] 자주쓰이는 HTML 태그 몇가지.
- 프로그래밍 정보
- 2010. 6. 24.
반응형
개발할 때 가장 자주 쓰인다고 판단한
태그 몇가지만 올려볼까 합니다.
어려운 태그는 하나도 없으며 가장 가장 기본적인 태그들 입니다만
이정도는 알아야 HTML 코딩할 수 있을것이라 생각하네요 ㅎ
읽기전에 손가락 한번 클릭~ >_<
고마워요 ~ Chu ~ ♥
HTML 의 목적은?
HTML 태그를 적기전에 우선 HTML 을 써야하는 이유를 알아야 할 것인데요,
HTML 의 주된 목적은 문서에 태그를 달아 화면에 출력하는 것입니다.
즉, 인터넷 브라우저상에 표시되는 모든것은 실제 HTML 로 표시됩니다.
그것이 무엇이던 간에요.
대신 HTML 로 하기힘든 여러 작업들을 다른 언어가 대체하는 것이지요.
하지만 결국엔 HTML 로 표시된다는점!
많이 쓰이는 HTML 태그
HTML 의 주석 태그
<!-- 주석내용 -->
HTML 줄바꿈 태그
<br>
HTML 의 새로운 문단 시작 태그
<p> ... </p>
HTML 의 하이퍼링크 태그
<a>
HTML 의 문서 시작태그
<html> ... </html> : HTML 문서의 시작과 끝
<head> ... </head> : HTML 문서의 머리말 시작과 끝
<body> ... </body> : HTML 문서의 본문 시작과 끝
<head> ... </head> : HTML 문서의 머리말 시작과 끝
<body> ... </body> : HTML 문서의 본문 시작과 끝
HTML 의 제목 태그
<h1> .. </h1> : 최상위 제목
<h2> .. </h2> : 두번째 제목
<h3> .. </h3> : 세번째 제목
..
..
<h6> .. </h6> : 여섯번째 제목
※ 최상위 태그로 부터 폰트 크기가 점점 작아집니다.
<h2> .. </h2> : 두번째 제목
<h3> .. </h3> : 세번째 제목
..
..
<h6> .. </h6> : 여섯번째 제목
※ 최상위 태그로 부터 폰트 크기가 점점 작아집니다.
HTML 의 폼 정의 태그
<form> .. </form> : 입력 필드를 제공합니다.
이 외에도 수많은 태그들이 존재하고 있으며,
HTML 5 에 들어서는 몇가지 태그가 더 추가되었습니다.
따라서 좀 더 디테일한 태그는 검색을 권유 드립니다 ^^;
여기에 적은 몇가지 태그들은 단순히 어디에서나 볼 수 있는 태그들만 모아본 것이니까요.
테스트 코드
소스의 <form action = "Test1" > 이 부분은 서블릿으로 보낼 요청의 내용을 표시하는 것인데요,
아직 서블릿이 뭔지 잘 모르니깐 그런가보다 하고 넘어가자구요 ^^;
또한 form 태그는 입력폼에 값을 받은 뒤 서버에 전달하는데요,
name = "param1" , name="param2" 이 부분이 그 처리를 담당합니다.
어쨋든 그럼 바로 결과를 한번 볼까요?
잘 나오죠?ㅋㅋ
코드상에서 1번에 해당하는 '주석' 은 말 그대로 '주석' 이므로 어디에도 표시되지 않습니다.
( 하지만 마우스오른쪽 -> 소스보기 상에는 나타납니다. )
천천히 한번 비교해 보세요 ^^ 금방 어디가 어떤 태그를 쓰는지 알 수 있을것입니다.
주의하세요.
이미지를 넣을 폴더는 프로젝트명 - WebContent - 이미지파일 구조입니다.
즉, 이미지의 경로를 루트 ("/") 를 포함하게 하여 절대경로로 바꿔버리면
http://URL주소/a.jpg 처럼 되어버리므로 절대경로 사용시에는
img src = "프로젝트명/a.jpg" 로 해주어야만 합니다.
이미지를 넣을 폴더는 프로젝트명 - WebContent - 이미지파일 구조입니다.
즉, 이미지의 경로를 루트 ("/") 를 포함하게 하여 절대경로로 바꿔버리면
http://URL주소/a.jpg 처럼 되어버리므로 절대경로 사용시에는
img src = "프로젝트명/a.jpg" 로 해주어야만 합니다.
간단하죠?
그럼 뿅~~~~!
반응형