[HTML]

김동현·2020년 12월 24일
0

HTML

목록 보기
1/2

HTML

HyperTextMarkup Language의 약자
웹 페이지의 틀을 만드는 마크업 언어
HTML은 tag들의 집합
구조를 표현한 단어

HTML Tag

부등호(<>)로 묶인 HTML의 기본 구성 요소
HTML파일의 구조

				// <> ==> 시작 태그(opening tag)
				// </> ==> 종료 태그(closing tag)	
<!DOCTYPE html>			==> 이 문서가 html 문서임을 명시(html 파일이면 제일 상단에 위치해야하는 선언문)
   <html>			==> html 시작 태그로, 문서 전체의 틀을 구성
      <head>			==> head 태그는 문서의 메타데이터를 선언
         <title>...</title>	==> 문서의 제목, 브라우저의 탭에 보여짐
      </head>			
      <body>			==> body 태그는 문서의 내용을 담는 곳
         <h1>...</h1>		==> heading을 의미하며, 크기에 따라 h1 ~ h6까지 있음
         <div>...		
            <span>...</span>	
         </div>
      </body>
   </html>

Div tag

content division을 의미하며, 줄바꿈이 됨
div 태그는 한 줄을 차지한다

Span tag

span 태그는 컨텐츠 크기만큼 공간을 차지한다
줄바꿈이 없는 content 컨테이너

img tag

이미지 삽입하는 태그

<img src="https://i.imgur.com/JVAj4t0.jpg"/>

self-closing tag이며 바로 닫을 수 있다

a tag

링크 삽입하는 태그

<a href="thhps://google.com" target="_blank">구글</a>

img와 마찬가지로 self-closing tag 이다
_blank 는 새창으로 열기 기능

ul,li tag

리스트 기능의 태그

<ul>
   <li>Item 1</li>
   <li>Item 2</li>
   <;i>Item 3 has nesred list
      <ul>
         <li>Item 3-1</li>
      </ul>
   </li>
</ul>
profile
개발자로서의 첫걸음

0개의 댓글