HTML 뜻과 태그의 기본구조


안녕하세요!


HTML을 배운지는 오래전이고.. 티스토리 블로그를 운영을 하면서


한번쯤은 글쓰기로 해도 괜츈하겠다해서.. 준비를 하고? 글을 작성을 하게 되었습니다.

(다시 오래된 프린터물을 보고 공부했음)웹개발을 처음 배울실때 아주 기본으로 배우게 되는 언어중 하나입니다.




HTML만으로 홈페이지를 모두 꾸밀순 없고 다른언어와 혼합을해서 그럴싸한 홈페이지를 만들 수 있죠.


HTML 기본 구조 편부터 시작을해서.. 다양한 태그 등을 앞으로 정리를 할 계획입니다.


그이후에는 CSS정도 같이 올려볼까도 생각중입니다.


기존에 사용했던 편집기를 못구해서 간단하게


메모장으로 진행을 하면서 설명을 할 예정입니다.


HTML의 뜻



HTML은 Hyper Text Markup language 의 약자입니다.


기본적으로 모든 웹페이지에서 우클릭후 소스를 보면


모두 <html>부터 </html>로 끝나는걸 확인 할 수 있습니다.


간략한 구조 확인하기



제가 대학에서 배웠던 기억을 끄집어보면..


처음에 기본 구조를 배우고 시작을 했습니다.


제가 작성한 메모장의 사진을 보고 먼저 확인을 해보겠습니다.





기본구조로 태그를 입력시 <head>로 시작을하면 </head> 이렇게 마무리를 해주어야 합니다.


나중에 코딩을 하실 때 배우시겠지만.


앞에 태그를 사용을 하고 그 몸통안에 들어가는 태그는 탭을 눌러서 한칸씩 띄워줍니다.


이렇게 꼭 하지 않아도 상관은 없지만 저는 이 습관이 좋은 습관이라고 봅니다.


나중에 오류를 찾을때 편리함.


작성한 메모장을 보면 간단하게 head는 머리 body는 몸통 보여지는 부분을 말합니다.


title은 제목이라고 생각을 하시면 되고 상단에 위치


body의 몸통부분은 그하단에 출력이 된다고 보시면 됩니다. 중앙부분


h3 태그는 html 글짜 크기로 보시면 됨.


대략적으로 이렇게 작성을 한 후 저장을 html형식으로 해주면


웹페이지처럼 출력이 가능합니다.


그리고 태그를 입력할때 대소문자는 어떤걸 써도 상관은 없습니다.









다른이름으로 저장을 누른 후 파일 형식을 모든 파일로 파일 이름은 끝에 확장자는


.html로 저장을 해주시면 됩니다. 저는 테스트점.html로 저장을 했습니다.



출력물 결과



제가 메모장에 친 태그들의 결과값입니다.


title에 입력한 바스코의 html 기본구조가 머리쪽에


또 h3뒤에 입력한 '안녕하세요 티스토리 바스코입니다' 출력된것을 확인 할 수 있습니다.


일주일에 한개씩정도 유용할만한 것들로 준비를 해서 오겠습니다.


감사합니다.



이 글을 공유하기

댓글

Designed by JB FACTORY