HTML은 HyperText Markup Language의 줄임말로 표준화된 마크업 언어를 의미하며 구글과 네이버와 같은 웹 페이지의 기본 내용 및 구조를 생성하는 언어입니다. 주로 HTML은 CSS와 JavaScript와 함께 사용되지만 HTML만을 사용해서 웹 페이지를 구성할 수 있습니다. 다만 가독성과 화려한 디자인은 기대하기는 힘들겁니다...
간단하게 HTML/CSS/JAVASCRIPT를 예시로 설명하면 춤을 추고 있는 알록달록한 조그만 인형을 떠올리면 되는데요!!
인형을 HTML, 알록달록하고 조그만의 스타일을 CSS, 춤을 추고 있는 동작을 JavaScript가 담당하고 있다고 생각하면 됩니다.
앞으로 웹페이지를 만들기 위해 HTML을 사용하여 작성하면 해당 코드를 크롬과 사파리와 같은 웹브라우저가 해석(파싱)하고 랜더링하는 과정을 거쳐서 우리가 원하는 웹페이지를 볼 수 있게 됩니다!
웹 프로그래밍 관련 콘텐츠는 W3S, MDN, UDEMY 강의, 대학 수업에서 참고하며 작성하는 것임을 알립니다!
우선 간단하게 HTML에서의 Hello word에 해당하는 코드를 보고 끝내겠습니다!
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
해당 코드를 작성하여 index.html로 저장한 후 열어보면 브라우저에서 확인 할 수 있습니다!
참고로 메모장과 같은 텍스트편집기를 사용해도 되지만 VSC와 같은 IDE를 추천드립니다.
'Web Programming' 카테고리의 다른 글
| [HTML] HTML Attributes (0) | 2023.02.09 |
|---|---|
| [HTML] HTML Element & Tag (0) | 2023.02.09 |
| [WEB] 웹서비스 세대 (0) | 2023.02.09 |
| [CSS] CSS Box Model (0) | 2023.02.04 |
| [CSS] 선택자(Selector) (0) | 2023.02.03 |