HTML

HTML Tag 형식

HTML 태그는 태그 이름을 꺾쇠 괄호 < > 로 감싸서 표현한다. 태그는 대소문자를 구별하지는 않지만 소문자로 사용.

종료 태그 없이 시작 태그만을 가지는 태그를 빈 태그(empty tag)라고 한다.

 

 

<태그이름> // 시작 태그 (start tag, opening tag) 

</태그이름> // 종료 태그 (end tag, closing tag)

1. 제목 태그 (Heading) : 글의 제목을 나타낼때 쓰는 태그.

<H1>~<H6>까지 있으며 1이 가장 큰 크기이다. 사실 제목을 쓰지 않고 그냥 글의 크기만 키우면 제목처럼 쓸수 있겠지만 여러 검색엔진들은 h태그를 이용해 키워드를 찾기 때문에 정보와 검색에서 매우 중요한 태그

2. 단락 태그 (Paragraph)

텍스트를 표시할때 앞뒤에 줄바뀜이 있는 '단락'을 만든다.  문단 구분 시 <p>태그를, 줄 바꿈시 <br>태그를 이용.

HTML에서 텍스트 사이 스페이스로 간격을 많이 뛰워도 한칸으로 인식하고 줄바꿈은 무시된다.

 

<div>태그 : 콘텐츠의 영역이나 그룹화를 할 때 사용. 스타일등의 속성을 추가해서 원하는 문단이나 구역만큼 속성을 수정.

<span>태그 : 다른 텍스트와 구별하기 위해 속성으로 스타일을 사용. 배경색은 글자가 있는 곳만 적용

<hr>태그  : 수평줄 넣기 , 주제 바뀜을 나타냄

<strong> 태그 : 텍스트를 굵게 표시. 외관은 같음

<mark> 태그 : 형광펜 효과

 

목록 아이템 : <li></li>

 

 

3.HTML 이미지 태그

<img src="이미지경로" alt="이미지가 없을시 대체텍스트" width="" height="">

종료 태그가 없는 단독 태그로 경로의 경우 저장된 사진 이외에 웹이미지주소도 가능하다. 가로 세로는 픽셀, %도 가능하다.

경로의 경우 html파일의 위치를 기준으로 경로를 정한다.