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