티스토리 뷰

HTML 시작하기

사용자 dvmoomoodv 2018.04.25 01:16

HTML은 웹개발하는데 기본이 되는 언어로써 많은 분들이 관심을 가져주는 언어입니다. 

개인 홈페이지는 물론이고 소개페이지, 온라인 이력서, 기업용 쇼핑몰, 최근은 앱개발을 할때도 HTML언어는 기본이 되는 언어중 하나가 되었습니다. 

HTML은 다른 프로그래밍 언어와는 다르게 태그의 열고 닫힘과 상하위구조에 대한 이해를 어려워 하시는분이 많이계십니다. HTML은 읽는 방법이 중요합니다.

그래서, 다양한 분야의 분들이 관심을 가져주는 프로그래밍 언어로써 컴퓨터를 자주 사용하시는 3가지 역할을 정하여 이해방법에 대해서 작성해보려고 합니다.




1. 전산학과 대학생 

1학년은 교양및 기초 전공과목을 들음으로 인해 4년제 대학교 기준 2,3,4학년 대상 글입니다. 핵심은 트리라는 자료구조입니다. 

트리란 노드와 링크로 구성이되며 여러 노드가 한 노드를 가르킬수없는 자료구조를 트리라고 합니다. <html></html> 태그가 열고 닫힘을 노드의 생성으로 이해하고 

하위 태그는 깊이에 따라 노드간 링크로 이해하시면 됩니다. 


루트 노드 -> 하위 노드 

1. html태그 생성 -> 루트노드 생성

2. 하위 태그들 생성 -> 위에서부터 아래로 하위 노드 생성



2. 사무,행정

사무직분들이 HTML을 접근하실떄는 파워포인트로 이해해주시면 됩니다. 파워포인트는 슬라이드 위에 여러 개체들을 겹쳐서 순서를 지정하여 화면을 표현하는 프레젠테이션 프로그램중 하나입니다. 이떄 슬라이드는 맨 위에 작성하는  <html></html> 태그로 이해하시고, 하위 개체를 추가하여 화면을 꾸미는 작업을 body태그, table태그 등등 작성하여 화면을 꾸미는것과 연결지어 이해하시면 됩니다. 


슬라이드 -> 맨 아래 개체 -> 그 위 개체 -> ~~~

1. html태그 생성 -> 슬라이드 생성

2. 하위 태그들 생성 -> 밑에서 위 순서로 개체를 추가작성 




3. 디자이너

위 내용을 보시면 태그라는것들의 연결관계와 깊이가 핵심입니다. 이 내용과 연관되는 디자이너들이 많이 사용하는 프로그램은 포토샵이 있겠지요. 

메인 레이어와 그룹을 지정하여 레이어를 구성하는 과정과 HTML 태그를 작성하는것을 연결지어 이해하시면 됩니다. 메인 레이어는 html 태그이고, 그 위에 작성하는 사진 그룹들이 지정되어 있는 레이어의 집합은 img태그, 게시판이 디자인되어있는 그룹이 지정되어 있는 레이어는 table, tr, td태그들로 꾸미시는걸로 이해하시면 됩니다. 


메인 레이어 -> 아래에서 위순서로 나열된 그룹, 레이어 

1. html태그 생성 -> 메인 레이어 작성

2. 하위 태그들 작성 -> 아래에서 위순서로 그룹 또는 레이어 작성



HTML과 비슷한 언어들 제가 위에서 언급한 파워포인트, 포토샵같은 경우 비슷한것이 하나 있습니다. 그것은 바로 큰 화면위에 작은 블록들을 쌓아 완성하는 구조입니다. 

이 큰틀을 벗어나는 화면 제작 방법이 작성자가 파악하기로는 없습니다. 

HTML 이외에 다른 화면 작성 언어 및 프로그램을 접하셔도 이 규칙을 이해하신다면 큰 문제없이 이해하시고 적응하실꺼라 생각합니다. 


이 글을 읽어주셔서 감사합니다. 

'' 카테고리의 다른 글

HTML 시작하기  (2) 2018.04.25
HTML 정리 목표  (0) 2018.04.23
댓글
  • 프로필사진 사라이 노드가 뭔가요 >< 2018.04.25 11:36
  • 프로필사진 무무 노드라는것은 나무나 관절마디의 교점을 부릅니다. 마디의 교점은 기본적으로 방향과 마디마다의 연결정보를 담고있고, 나무의 옹이 또한 노드라고 뜻하는데 옹이는 보통 나무의 나이정보를 담고있다고 얘기하죠.
    일반용어와 전산용어를 연결지어서 다시 정리하면 전산용어에서 링크의 연결마디를 노드라부르고 노드에는 1개이상의 정보와 노드간의 상대적인 깊이정보도 가지고있죠.
    2018.04.25 12:19
댓글쓰기 폼
공지사항
Total
4,927
Today
0
Yesterday
1
링크
«   2019/08   »
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31