반응형
HTML(HyperText Markup Language)은 일반화된 마크업 언어로 웹 페이지, 웹 앱을 생성하는데 사용하는 언어다. web을 알기 위해 가장 먼저 배워야 할 기본적인 언어라고 보면 된다. 이 글에는 별다른 말, 설명 없이 간단한 개념만 정리했다.
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>위 코드는 가장 기본으로, 아무것도 없는 흰 웹페이지를 만들어준다. <>로 묶인 것들을 tag라고 부른다.
Tag 간단 정리
<h1></h1> : 가장 큰 제목(h6까지 있으며 숫자가 커질수록 작아진다)
<strong></strong> : 강조
<u></u> : 밑줄
<br> : 줄바꿈
<p></p> : 줄바꿈
<ol></ol> : 리스트 & 정렬번호 부착
<ul></ul> : 리스트
<li></li> : 목차
<title></title> : 웹페이지 탭 명 지정
<body></body> : 본문
<head></head> : 본문 설명
<html></html> : body, head 태그를 감싸는 태그
<!doctype html> : 웹페이지가 HTML로 작성됨을 알림
유용한 단축키(atom)
ctrl + m : 해당 태그의 종료태그로 이동
tab : 들여쓰기
shift + tab : tab 반대방향 들여쓰기
<>없이 태그 입력 후 tab : 태그 자동완성
(이 글이 도움이 됐다면 광고 한번씩만 클릭 해주시면 감사드립니다, 더 좋은 정보글 작성하도록 노력하겠습니다 :) )
반응형
'간단 지식 > web' 카테고리의 다른 글
| 05. Intelij에서 Spring framework 사용하기 - OracleDB (0) | 2021.04.01 |
|---|---|
| 04. Mybatis란? (2) | 2021.04.01 |
| 03. Intelij에서 Spring framework 사용하기 - maven 기반 (0) | 2021.03.29 |
| 02. JSP, Spring , Servlet, Servlet container 정리 (0) | 2021.03.28 |