https://www.youtube.com/watch?v=i0FN-OwJ7QI&list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y&index=5
HTML (Hypertext Markup Language)
웹 상에서 보여지도록 디자인 된 Markup 언어 (구조화 된 언어) 표준화 된 언어를 사용하고 있다.
웹 상에서 HTML을 개발할 수 있는 사이트
https://jsbin.com/?html,output
JS Bin
Sample of the bin:
jsbin.com
기본 구조
<!DOCTYPE html> <!-- 도큐먼트 타입은 HTML이다. -->
<html>
<head> <!-- 구글에서 검색할 때, 나오는 메타데이터만 정의되어 있음. -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body> <!-- 사용자에게 보여지는 내용. -->
</body>
</html>
W3C라는 단체에서 HTML에 관련된 내용을 정의함. 관련 HTML 태그들은
https://developer.mozilla.org/ko/
MDN Web Docs
The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.
developer.mozilla.org
에서 확인할 수가 있다.
HTML은 쓰면 안되는 Tag들이 존재한다. 이를 확인하고 싶으면
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
에서 확인이 가능하다.
웹사이트를 보는 방법
웹사이트는 모든 박스들이 모여서 만들어져 있다.
'Front-End > 프론트엔드 강의 - 프론트엔드 개발자 되기 입문편⭐️ (개념+클론코딩)' 카테고리의 다른 글
| 반응형 웹, 웹개발 할때 꼭 알아야 하는 Responsive Web (0) | 2022.01.31 |
|---|---|
| CSS Flexbox 완전 정리 (0) | 2022.01.31 |
| CSS 레이아웃 정리 display, position 완성 (0) | 2022.01.31 |
| CSS 셀렉터, 기초 이론 정리. (0) | 2022.01.31 |
| HTML 태그 완성 (0) | 2022.01.31 |