본문 바로가기

HTML5

HTML 기초강좌, 테이블 만들기 [테이블 여백지정, 병합태그, 배경지정] HTML 기초강좌, 테이블 만들기 [테이블 여백지정, 병합태그, 배경지정] 쿠쿠리의 HTML 기초강좌! 오늘은 예고를 해드린대로 테이블 태그에 대해서 알아보도록 하겠습니다. 테이블 태그는 홈페이지를 제작할 때 기본으로 사용되는 태그라고도 할 수 있습니다. 테이블을 통해서 구획을 나누고 구획별로 컨텐츠를 넣게 되는거죠. 지금은 간단한 테이블 만들기를 하겠지만 나중에 홈페이지 제작 강좌를 쓸 때에는 그 활용도가 굉장히 높아질 태그라고 할 수 있겠습니다. 자 그럼 가장 기초적으로 테이블을 만드는 방법을 알아보겠습니다. 테이블을 만들때 가장 기초가 되는 태그가 바로 태그입니다. 태그는 테이블을 생성하는데 사용되며 가장 처음과 끝에 위치하게 됩니다. 행 열기 태그라고 보시면 됩니다. 사이에 들어가는 내용이 한 행.. 2014. 4. 11.
HTML 기초강좌 4강, 태그로 목록을 만들어보자 [목록태그 사용법] HTML 기초강좌 4강, 태그로 목록을 만들어보자 [목록태그 사용법] HTML 기초강좌 4번째 주제는 목록태그 사용법입니다. 앞선 포스팅에서는 기초적인 HTML 용어들과 컨텐츠를 구성할 때 흔히 사용하는 태그들을 중점적으로 살펴보았습니다. 이번 강좌에서는 태그를 활용하여 목록을 구성하는 방법에 대해서 살펴보겠습니다. 우리는 워드프로그램이나 제가 지금 쓰고 있는 이 블로그 에디터에서도 메뉴를 통해 아주 쉽게 목록을 만들 수 있습니다. body, head, title br, i, u, b ins, del, strong 위의 목록은 티스토리 블로그 에디터 중 목록 만들기 기능을 활용해서 만들었습니다. 아주 간단하게 목록을 만들 수 있죠. 하지만! HTML 소스를 만들 수 있는 메모장이나 에디터 프로그램에는 워.. 2014. 3. 12.
HTML 기초강좌, 기초용어정리 3탄 [강조태그,공백태그,ins태그,인용태그] HTML 기초강좌, 기초용어정리 3탄 [강조태그,공백태그,ins태그,address태그] HTML 기초강좌 세번째! 이번 포스팅에서는 컨텐츠를 구성할 때 사용 할 수 있는 강조태그, 공백태그, address태그 등을 집중적으로 살펴보려고 합니다. 사실 HTML 태그를 설명하기엔 너무 광범위하잖아요. 많이 사용하는 태그들과 기초적인 태그들을 위주로 찬찬히 알아나가 보겠습니다. 자 우선 오늘의 태그를 소스파일을 불러와볼까요? 오늘 설명해드릴 태그들이 모두 포함된 소스파일입니다. 이렇게 봐서는 뭐가 뭔지 모르겠죠? 자 그럼 이 소스파일을 적용시킨 웹화면을 볼까요? 위의 소스파일을 익스플로러에서 열면 이렇게 표시됩니다. 이렇게만 봐서도 어떤 부분에 어떤 효과가 쓰였는지 잘 모르겠죠? 그렇다면 좀 더 보기 쉽게 태.. 2014. 3. 11.
HTML 기초강좌, 기초용어정리 2탄 [제목태그,굵기태그,윗첨자태그,가로줄태그] HTML 기초강좌, 기초용어정리 2탄 [제목태그,굵기태그,윗첨자태그,가로줄태그] HTML 기초용어정리 2탄이 돌아왔습니다! 이번 포스팅에서는 제목태그, 굵기태그, 윗첨자와 아랫첨자태그, 가로줄태그, 줄바꿈태그, 단락태그 등 컨텐츠를 입력할 때 쓰이는 태그들에 대해서 알아보고 적용시킨 예시들을 살펴보도록 하겠습니다. 둥둥이는 태그와 컨텐츠를 구분하기 쉽게 드림위버 프로그램을 사용하고 있구요. 포스팅을 보면서 따라하시는 분들은 그냥 메모장에다가 하셔도 무방합니다. 자! 그럼 시작해볼까요? 자 오늘 소개해드릴 태그들을 적용해서 HTML 파일을 만들어보았습니다. 이렇게 소스파일로 보니까 뭐가뭔지 잘 구분이 안가죠? 이 파일을 저장해서 인터넷화면에서 불러와 보겠습니다. 자, 인터넷화면에서 소스파일을 가져오면 이렇.. 2014. 3. 9.
HTML 기초강좌, 기초용어정리 1탄 [body, head, title] HTML 기초 용어정리 1탄 [body, head, title] 쿠쿠리의 HTML 기초 용어정리 1탄! 그 첫번째 시작은 HTML의 기초중의 기초라고도 할 수 있는 body와 head 그리고 title 태그의 기능과 사용방법에 대해서 알아보도록 하겠습니다. 사실 쿠쿠리도 HTML 전문가가 아니라 제가 공부를 했던 내용들을 포스팅 하므로써 한번 더 복습도 하고! 제 블로그를 찾아주시는 분들과 정보도 공유하고! 일석이조의 효과를 볼 수 있을것이라고 생각합니다. 제 지식이 늘어나면 늘어날 수록 이웃님들과 나눌 수 있는 정보들도 늘어나겠죠? 자 그러면 지금부터! HTML 기초용어정리 1탄을 시작해보도록 하겠습니다. 태그를 직접 쓰면서 살펴보도록 하겠습니다. 제가 예시로 , , 을 사용해서 html 파일을 하나 .. 2014. 3. 8.