HTML 태이블 태그로 표를 만들기는 이전 시간에 배워보았습니다. 가볍게 복습하고 셀 합병에 대해서 알아보겠습니다. HTML의 기초는 이미지 삽입, 순서 목록 만들기, 셀 합병하기 등 간단한 태그로만 되어 있어서 어렵지 않습니다. 그래도 그 중에서 표 만들기가 조금 까다롭습니다. 이것을 잘 공부하면 다음 공부도 쉽게 할 수 있습니다. 테이블 태그에서 가장 중요한 것은 테이블 태그 안에 행 태그를 만들고 행 태그 안에 열 태그를 만들어 주어야 한다는 것입니다. 말로 설명하니 상당히 복잡해 보이네요. 이전의 글을 보면 쉽게 알 수 있습니다. 합병도 마찬가지로 생각할게 많은데요. 익숙해 지도록 계속해서 반복 학습이 중요합니다. 표 만들기 보다 셀 합병이 더 복잡합니다. 눈썹있는 모나리사 : 무엇이든 알아가는 ..
HTML기초 이미지에 링크 거는 방법에 대해서 알아보려고 합니다. 이미지에 링크를 거는 방법은 일반 글자에 링크를 만드는 방법과 비슷한데요. 우리가 네이버나, 다음 등 메인페이지로 이동 할 때 이미지를 클릭하면 메인페이지로 가는 원리와 같은 것입니다. 태그 내에서 글자라고 생각하고 링크 태그로 묶어주면 되는데요. 이미지에 링크를 만드는 방법과 텍스트에 링크를 만드는 방법 두가지에 대해서 살펴보겠습니다. 이미지에 링크를 거는 태그의 기본은 입니다. 만 빼고 텍스트를 넣으면 텍스트 하이퍼링크가 되는 것입니다. 어때요 간단하지 않나요? 부가적으로 이미지의 위치에 따라서 링크를 다르게 설정할 수 있는데 좌표도 알아야하고 조금 더 복잡하기 때문에 추후에 포스팅 하도록 하겠습니다. 아래의 이미지를 보고 공부해 보겠..
HTML기초로 순서와 목록을 만드는 태그에 대해서 배워보도록 하겠습니다. 문서를 작성 할 때 보통 순서를 나타내거나 메뉴 목록을 나타낼 때에 1. 2. 3. ●,●,● 과 같은 기호로 나타냅니다. 웹 상에서는 이 부분을 하나의 묶음으로 생각하고 만들어줍니다. 여기서 ● 처럼 순서가 필요없이 목록만 나열할 경우에는 태그를 사용하고 순서가 필요한 것은 태그를 사용합니다. 순서와 목록을 만드는 방법은 태그를 사용합니다. 그리고 태그를 이용해서 각 순서를 만듭니다. 태그는 order list의 약자로 순서가 있어서 a,b,c 또는 1,2,3, 속성값에 따라서 달리 할 수 있습니다. 태그는 unorder list의 약자로 순서가 없어서 ● 처럼 표시 됩니다. 자세한 사용법은 아래의 이미지를 보고 알려드리겠습니다...
HTML 문법 배우기 HTML은 사람과 컴퓨터 웹과 소통하는 언어로써 외국어 처럼 문법을 하나하나 익혀 나가야 합니다. 저번 포스팅에 이어서 오늘은 제목 태그와 강조 태그를 배우도록 하겠습니다. 태그 하나하나 모두다 영어로 그 뜻을 표현하니까 외우기 쉽습니다. 그냥 살짝 공부하고 지나쳐도 외워지는 아주 간단한 용어들이니 암기하시면 도움이 많이 됩니다. 간단하게 설명할 태니 따라 하시면 금방 익히실 거에요. 먼저 저번 시간에 빠진 기초태그 몇개를 더 설명해 드릴게요. - HTML : 인터넷 상에서 여러분들이 보고 계신 웹페이지를 만들어 주는 언어입니다. - TAG : 로 끝납니다. 그러므로 / (슬러쉬)가 반드시 붙어서 마무리를 지어주어야 웹사이트에서 알아들을 수 있는 것입니다. - : 속성값으로 겉으로 ..
HTML 기초 지식 티스토리 블로그를 시작하면서 어릴 때 배웠던 HTML 웹 언어에 대하여 다시 접하게 되었는데요. 어린 시절 배웠던 기억을 떠올리면 이것을 왜 배우는지 뭐 때문에 웹언어를 배워야하는지도 모르고 주입식 교육을 받았지요. 블로그를 시작하게 되면서 제대로 된 HTML 웹언어에 대해서 공부해 보고 더 나아가 다른 컴퓨터 언어까지 공부해 볼 예정입니다. HTML이란 Hyper Text Markup Language의 약자로 하이퍼텍스트를 특징으로 마크업이라는 형식을 가진 컴퓨터 프로그래밍 언어입니다. 프로그래밍 언어로써 영어 불어 등등과 같이 하나의 외국어, 컴퓨터와 나와 소통하는 언어입니다. 모든 웹페이지가 만들어지는 과정이 웹언어(HTML등)을 사용하여 컴퓨터에 명령하면 컴퓨터가 그것을 보여주..