Intro ...
무엇이든지 처음 배울때 2가지 방법이 있다. 우선은 기초부터 많은 공부를 통해서 지식과 기술을 습득하는 것이고 두번째는 실전을 통해 하나 하나 배워가는 것이다.
코딩에 대해서 많은 분들이 "구글링을 잘 하는 방법"을 아는 것이 코딩을 잘하는 방법이라고도 한다. 즉 하루에도 개발자분들이 만드는 그 많은 문법을 모두 외워서 코딩을 할 수도 없고 공부해서 습득하는 속도보다 새로운 것이 생기는 속도가 더 빠르기 때문이다.
이에 내가 지금 구축하고 있는 웹사이트에 사용된 코드를 기준으로 html 페이지를 정리하고자 한다.
Web 구축을 위해서 기본적으로 알아야 할 언어는 html, CSS, JavaScript 이다.
우선, 본인이 사용하고 있는 에디터에서 ! 를 입력후 엔터 하면 아래와 같은 기본적인 html 문구가 나타난다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <!DOCTYPE html> <html lang="en"> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> </body> </html> | cs |
맨 첫줄에 <!DOCTYPE> 이 부분은 선언문으로서 이 문서의 종류는 html 이라는 뜻이다. <head> 안에 있는 <meta charset="UTF-8"> 은 한글이 깨지는 경우가 있는데 이를 방지하기 위한 명령문이다. <title>Document</title>은 웹페이지 탭에 나타나는 제목이다. 그 다음 <body> 태그가 있는데 아무런 내용을 입력하지 않았기에 이 html 파일을 브라우저에서 열어보면 백지만 나타난다. 그럼 <body> 태그안에
1 2 3 4 5 | <body> <h1>처음으로 웹페이지를 만들어 보았어요!</h1> </body> | cs |
이렇게 입력하고 브라우저에서 열어보면 입력한 문구가 나타난다. 이제 첫발을 내딛었다. 이제부터 하나 하나 알아가 보자.
Categories
Html
Wizzen2801
