노드 공부를 하다가 html, css를 완전 기본부터 다시 공부해야 할 것 같아서,,,,드림코딩 보면서 쓰는 글,,,,
HTML
The HyperText Markup Language, or HTML is the standard markup language for documents designed to be displayed in a web browser. (출처: 위키피디아)
브라우저에서 실행가능한 가장 기본적인 파일
Markup language
A markup language is a set of rules governing what markup information may be included in a document and how it is combined with the content of the document in a way to facilitate use by humans and computer programs. (출처: 위키피디아)
https://jsbin.com/?html,output
JS Bin
Sample of the bin:
jsbin.com
jsbin으로 프로그램 설치 없이 웹 상에서 실습 가능!!
html 기본 구조은 아래와 같다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
</body>
</html>- head 태그: 상세 정보
- body 태그: 사용자에게 보여지는 태그들로 구성
https://developer.mozilla.org/en-US/docs/Web/HTML
HTML: HyperText Markup Language | MDN
HTML (HyperText Markup Language) is the most basic building block of the Web. It defines the meaning and structure of web content. Other technologies besides HTML are generally used to describe a web page's appearance/presentation (CSS) or functionality/be
developer.mozilla.org
https://developer.mozilla.org/en-US/docs/Web/HTML/Element
HTML elements reference - HTML: HyperText Markup Language | MDN
This page lists all the HTML elements, which are created using tags.
developer.mozilla.org
태그 관련 내용들 위 페이지에서 확인 가능, 브라우저 호환 가능성도 확인하면서 태그 사용하자!
https://validator.w3.org/#validate-by-input
The W3C Markup Validation Service
Validate by File Upload Note: file upload may not work with Internet Explorer on some versions of Windows XP Service Pack 2, see our information page on the W3C QA Website.
validator.w3.org
html 태그 관련 검증은 여기서!
Document and website structure - Learn web development | MDN
At this point you should have a better idea about how to structure a web page/site. In the last article of this module, we'll study how to debug HTML.
developer.mozilla.org
!!웹사이트는 커다란 박스로 구성되고, 이는 작은 단위의 박스로 나누어질 수 있음!!
이러한 구조에 대한 이해는 css 구현에도 도움이 된다고 한다.
