HTML_무작정 코딩공부하기/1번째

안녕하세요,  덥제입니다.

 

오랜만에 HTML 기초공부를 해볼 까 합니다.

 

거두절미하고 바로 시작하겠습니다.

 

---

 

HTML 이란 ?

 

HTML은 Hyper Text MarkUp Language의 약어로, 

 

웹에서 사용되는 문서들을 작성하는 언어입니다.

 

기본적으로 큰 구조는 머리(head), 몸(body), 다리(footer)로 구성되어 있습니다.

 

거기에 구조와 형식을 정의하는 Tag가 있습니다.

 

이를 사용하여, 텍스트, 이미지, 오디오, 비디오 등 다른 미디어 요소를 웹페이지에 삽입, 

 

또는 하이퍼링크(연결페이지)를 만들어 다른 웹페이지로 이동할 수 있습니다.

 

간단히 말하면, 이 티스토리도 HTML을 사용하여, 문서를 작성하고 있다고 보면 됩니다 ^-^

 

그럼, 몸이 있으면 옷도 입어야겠죠? 신발도 신고, 모자도 쓰고,

 

스타일을 담당해 주는 친구가 CSS라고 합니다.

 

HTML과 CSS는 각각 별도로 작성하기 때문에 관리도 쉽고 유지보수가 용이합니다.

 

그럼 간단한 이론은 여기까지, 자세한 내용은 실제 사용 시에 곁들이도록 하겠습니다.

 

 

---

시작해 보겠습니다.

 

 

 

일단, 

 

먼저 메모장을 하나 생성하고, index이름에 확장자는 html로 만들어줍니다.

 

 

 

---

 

 

만든 메모장을 Notepad로 열어서 편집을 해봅니다.

 

---

 

<h1> Welcome Myworld </h1>라고 적어보고 저장을 해봅니다.

 

---

 

저장 후 파일을 크롬으로 실행하기!

 

 

 

 

---

짜잔 ~ 

 

네, 웹페이지가 완성되었습니다.

 

몸 형태에 이름을 붙여준 격이군요. 

 

다음 글에서는 스타일을 꾸며보겠습니다.