01.HTML 초보 완전기초
안녕하세요! 리듬입니다.
글을 정말 오랜만에 쓰는것 같네요.
이번에 쓸 글은요! 웹프로그래밍의 기초단계인
HTML에 대해 알아보려고 합니다.
HTML을 배우면서 CSS도 배울거구요! 그러면서 자연스럽게
자바스크립트도 갈 수 있지 않을까 생각해보고 있습니다.
가장 먼저 HTML이 뭔지 알아보고 갑시다.
HTML은 그냥 쉽게 말해서 웹페이지를 만들 수 있는 언어에요.
굳이 영어를 보면 Hyper Text Markup Language의 약자에요.
Hyper Text는 단순한 문자가 아닌 다양한 표현이 가능한 문서구요.
Markup Language는 표시하는 언어라고 할 수 있겠습니다!
네이버 같은것들이 웹페이지로 이루어진 사이트구요!
HTML문서는 약속된 HTML태그로 이루어져 있습니다.
태그가 뭐냐하면요! <h1> Heading </h1>
위에 <h1>과 </h1> 처럼 꺾쇠기호로 이루어진 애들을 태그라고 합니다.
시작태그는 <h1>이구요~ 끝태그는 </h1>이구요!
HTML의 기본 구조를 보면
1 2 3 4 5 6 7 8 9 10 11 | <!DOCTYPE html> <html> <head> <title>Title</title> </head> <body> <h1>Heading</h1> <p>paragraph</p> </body> </html> | cs |
위처럼 쓸 수 있는데요!
머리와 몸통이 있죠? 머리와 몸통이 html 안에 있구요. 기본 구조입니다.
먼저 맨위에 <!DOCTYPE html> 는요. 독타입 선언이라고 합니다.
HTML문서의 종류가 여러가지가 있는데요!
HTML 2.0 , HTML 4.01 , XHTML 1.1 , HTML5 대충보면
이런식으로 종류가 있습니다.
HTML5가 가장 최신 버전이구요.
HTML5의 경우가 위처럼 <!DOCTYPE html> 이런식으로 작성합니다.
다음으로 와서 <html>은 html문서의 시작이죠!
그 다음은 <head>입니다. 말 그대로 html문서의 머리부분이에요.
<title>부분은
위 부분이 됩니다.
그리고 <body>는 html문서의 몸체부분이 되겠죠?
위처럼 되구요!
<h1>은 보통 제목에 쓰입니다. 신문같은걸 보면 가장 크게 적혀있는 제목이 있죠?
그런거라고 생각하시면 됩니다. <h1>부터 <h6>까지 있는데요.
뒤로 갈 수록 글자크기는 작아집니다.
그리고 <p>태그는 단락을 적을때 사용합니다.
자동으로 줄바꿈이 돼요. <p>태그를 안쓰고 줄바꿈을 하려면 <br>태그를 사용하면 돼요!
그리고 중요한거는! 시작태그가 있으면 끝태그가 꼭 있어야한다는거에요.
<html>로 시작해서 </html>로 끝내야하구요!
물논 맨위 독타입선언처럼 안쓰는것도 있습니다..
몇개 없어서 나올때 보시면 잘 기억하실 수 있을겁니당!
아! 그리고 처음하시는분들은 메모장에 쓰시면 됩니다.
다음글에서 HTML 에디터 알려드리겠습니다.
메모장에 위처럼 쓰시고 저장하실때 파일명.html 혹은 파일명.htm 이렇게 저장해주시면 됩니다!
보통 .html 이런식으로 많이 쓰는것 같더라구요!
일단 완전 기초글은 여기서 끝내도록 하겠습니다.
다음글도 아마 완전 기초글이 될 것 같네요.
계속 완전 기초글일지도..?
네?
다음글에서 뵙겠습니다!
:)
'HTML&CSS' 카테고리의 다른 글
| 03.HTML 완전기초 태그 (0) | 2017.07.28 |
|---|---|
| 02.HTML 에디터 설치와 완전기초 feat.서브라임텍스트3 (0) | 2017.07.27 |
