[HTML/CSS] 자주쓰이는 HTML 태그 몇가지.

반응형




개발할 때 가장 자주 쓰인다고 판단한
태그 몇가지만 올려볼까 합니다.

어려운 태그는 하나도 없으며 가장 가장 기본적인 태그들 입니다만
이정도는 알아야 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 문서의 본문 시작과 끝

HTML 의 제목 태그
<h1> .. </h1>  :  최상위 제목
<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" 로 해주어야만 합니다.




간단하죠?

그럼 뿅~~~~!





반응형

댓글

Designed by JB FACTORY