HTML 기초 문법
간단한 홈페이지 코드를 가져왔다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>어서와</title>
</head>
<body>
<div>
<p>내 velog 보고 갈래?</p>
<a href="http://velog.io/@r_louis/posts"> 보러갈래 </a>
</div>
</body>
</html><!DOCTYPE html> - 해당 문건이 HTML 문서라는 것을 알려주기 위해 쓰지만, 최근에는 신경쓰지 않는다고 한다.
<html></html> - 홈페이지를 구성하기 위한 루트요소, 처음과 끝을 의미한다.
<head></head> - TITLE이나 CSS, JS 등과 같이 일반인이 보는 것이 아닌 개발적인 요소들을 담기위한 컨테이너 역할을 한다.
<meta charset="UTF-8"> - 해당 요소는 문자 인코딩 방식을 지정하며, 대부분의 한글을 표현할 수 있는 UTF-8을 지정한다.
<meta name="viewport" content="width=device-width, initial-scale=1.0"> - 모바일 브라우저가 뷰포트보다 넓은 페이지를 렌더링하여 축소하는 것을 방지하기 위하여 넣는다.
* 뷰포트란, 현재 창에서 문서를 볼 수 있는 부분을 뜻한다.
<title></title> - 웹페이지의 제목을 설정한다. 웹브라우저 상의 탭 이름이라고 보면 된다.
<body></body> - 내 웹사이트를 방문해주는 사람들에게 보여주고 싶은 컨텐츠들을 담는 곳이다.
일반적으로 사이트 접속하여 보이는 것들이 다 여기에 적힌다.
<div></div> - HTML 문서 내 특정영역이나 구획을 정의할 때 사용된다.
박스를 콘테이너에 적재하듯이 사용된다.
<p></p> - 문단을 적기 위한 태그이다.
<a></a> - 하이퍼링크를 정의할 때 쓰는 태그이다. 위의 예시의 경우 href 특성을 통해 벨로그 주소를 링크하였다.
하루 최소 1시간이라도 공부하자..