크게 head와 body로 구성, 일반적으로 태그들은 head와 body안에 들어가는데,
head : 페이지의 속성 정보
대표적인 요소들 : meta, script, link, title 등
페이지의 속성을 정의하거나, 필요한 스크립트들을 부른다
body : 페이지의 내용
위와 같은 내용을 주로 담는다. 그렇다면 기본적인 태그는 어떤 것들이 있을까.
<head> : 브라우저가 이해할 수 있게 구조에 대한 '정보'를 전달하는 것이 목적
<body> : '구조'를 전달하는 것이 목적
<a> : 앵커, 웹 페이지나 외부 사이트 연결
<ul> : 순서가 없는 리스트 항목을 묶음
<meta> : 문자 인코딩 및 문서 키워드 요약 정보
<span> : inline level element라서 span을 여러 개 붙여도 줄바꿈이 되지 않는다.
<ol> : 순서가 있는 리스트 항목을 묶음
<br> : 줄바꿈
<input> : 사용자가 정보를 입력할 때 쓰인다.
<form> : get, post 방식으로 내용을 전송할 수 있다.
<iframe> : 외부 페이지를 삽입할 때 쓰인다.
<style> : 링크를 통해서 외부의 css파일을 가져오지않고 html 내부에서 스타일을 지정해줄 때
<script> : 외부에서 자바스크립트 파일을 가져오거나, 혹은 html 내부에서 자바스크립트 코드를 쓸 때 모두 사용 가능
<meta> : name 속성은 정보의 종류, content 속성은 실제 값// viewport는 '모바일'에서 값이 출력되는 영역을 의미
위의 태그들을 잘 활용해서 만족스런 웹 페이지를 만들도록 하자.
앞으로 계속해서 태그들을 추가하도록 하겠다.
'프론트엔드 > html' 카테고리의 다른 글
| html 기본 문법 (0) | 2021.12.17 |
|---|---|
| Tips (0) | 2021.12.17 |
| Emmet (0) | 2021.12.17 |
| 절대 경로, 상대 경로 (0) | 2021.12.17 |
| HTML이란?? (0) | 2021.12.17 |
