HTML이란?
웹페이지를 구성하는 기본 중에 기본 우리 눈에 보이는 것들이 HTML로 구현되어있습니다.
HTML 기초
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> //글자에 대한 코드
<meta name="viewport" content="width=device=width"> //화면 크기가 디바이스크기에 맞추어있다.
<title> title </title> //열었으면 /로 닫아줍니다.
</head>
<body>
//이곳에 우리 눈에 보이는 곳 입니다.
<h1>글자크기대로 출력<h2>
<button>버튼</button>
</body>
</html>html에 있는 여러 태그는 https://developer.mozilla.org/ko/사이트에서 확인가능하다. 여러가지 정보도 있다.
https://developer.mozilla.org/ko/docs/Web/HTML/Element에서 여러 태그 확인가능 참고
html을 연습할 땐 https://jsbin.com/?html,output 에서 하면 된다. 여기서 되는 것이 웹에 적용했을 때 안될 수 있어
자신의 코드를 구현해보고 싶다면 https://validator.w3.org/ 로 가면 된다. 오류도 볼 수 있다.
https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure여기도 참고하면 후에 프로젝트를 만들 때 도움이 될 듯하다.
태그
tag 안에는 attribute가 들어갈 수 있습니다. class를 통해서 이용할 수 있습니다.
태그는 mdn 사이트에서 속성값을 찾아보면서 하면 좋답니다.
'프론트엔드' 카테고리의 다른 글
| (CSS) % vs em vs rem (0) | 2023.02.06 |
|---|---|
| CSS 정리 (0) | 2020.07.22 |
댓글