전체 글 썸네일형 리스트형 [Html] 배경(background) 과 테이블(table)에 대해서 배경이미지(background)와 배경색(bgcolor) 배경을 지정하기 위한 속성으로는 background(배경이미지)와 bgcolor(배경색)가 있습니다. 배경을 지정할 수 있는 태그는 태그와 태그, 태그 등이 대표적입니다. 태그에 배경을 지정하면 문서 전체에 배경이 적용됩니다. background 속성은 배경이미지를 지정합니다. 위와 같이 지정하면 문서 전체에 bg01.gif 이라는 배경이미지가 적용됩니다. bgcolor 속성은 배경색을 지정합니다. 위와 같이 지정하면 문서의 배경색이 회색으로 적용됩니다. 태그에도 background, bgcolor 속성을 지정할 수 있습니다. 회색배경을 가진 테이블 회색배경을 가진 테이블 배경이미지(background) 속성을 사용할때는 배경이미지가 패턴으로 깔리.. 더보기 [Html] 색(color) 과 HTML 색상표 모음 홈페이지에 사용하는 색(color)을 표현하는 방법 홈페이지 제작시 다양한 태그에서 색을 지정하는 속성이 필요합니다. 태그에서 bgcolor의 속성값을 지정할 수 있습니다. 위와 같이 코딩하면 문서의 전체 배경색이 회색으로 지정됩니다. 태그에서 글자색을 지정할때는 color라는 속성을 사용합니다. 회색글자 이러면 아래와 같이 글자색이 회색으로 지정됩니다. 회색글자 회색이라는 색을 표현하기 위해서 gray라는 값을 사용했습니다. 홈페이지에서 색을 표시하는 방법은 gray와 같이 색상명을 사용하는 방법이 있습니다. 그러나 보다 일반적인 방법으로는 hex code를 사용합니다. gray에 대응되는 hex code는 #808080 입니다. 즉 아래와 같이 gray 대신에 #808080값을 사용해도 회색으로 표시.. 더보기 [Html] 이미지(image) 를 어떻게 하는가. HTML문서에 이미지를 삽입하는 방법 HTML문서에 이미지를 삽입하기 위해서는 태그를 사용합니다. 태그의 가장 기본적인 속성은 이미지 경로를 지정하는 src 속성입니다. 만일 이미지 파일과 HTML 파일이 같은 폴더내에 있다면 그냥 이미지 파일명만 입력해 주면 됩니다. 이미지의 너비와 높이를 지정하기 위해서는 width 속성과 height 속성을 사용합니다. 이 속성을 지정해주지 않으면 기본적으로 이미지 자체의 너비와 높이로 삽입됩니다. 이미지에 링크를 거는 경우 링크가 걸린 이미지라는 것을 표시해주기 위해서 기본적으로 이미지의 경계선이 1픽셀로 표시됩니다. 그래서 이 경계선을 없앨려면 border 속성을 0으로 지정해 줍니다. 위의 예제에서 border 속성을 지우고 테스트 해보면 쉽게 이해할 수 있습.. 더보기 [Html] 텍스트 관련 태그 와 링크(Link) 에 대해서 텍스트 관련 태그 텍스트와 관련된 태그는 물리적(Physical) 태그와 논리적(Logical) 태그로 구분됩니다. 1. 물리적(Physical) 태그 텍스트가 화면에 출력되는 형식을 지정하는 태그입니다. 소스 설명 화면출력 텍스트 기울임 글꼴(Italics) 텍스트 텍스트 굵은 글꼴(Bold) 텍스트 텍스트 타자기 글꼴(Teletype) 텍스트 텍스트 밑줄친 글꼴(Underline) 텍스트 텍스트 취소선(Strikethrough) 텍스트 텍스트 취소선(Strikethrough) 텍스트 텍스트 아래첨자(Subscript) 텍스트 텍스트 위첨자(Superscript) 텍스트 텍스트 크게, Bigger font (one size bigger) 텍스트 텍스트 작게, Smaller font (one size s.. 더보기 [Html] 줄,표제에 대해서 줄바꾸는 기능을 하는 태그와 태그 HTML은 공백(스페이스)과 엔터를 여러번 입력하더라도 하나의 공백으로만 인식합니다. 그래서 홈짱닷컴의 홈페이지 제작강좌는 아주 쉽습니다. 이처럼 엔터와 공백을 여러번 입력하더라도 아래와 같이 한줄로 출력됩니다. 홈짱닷컴의 홈페이지 제작강좌는 아주 쉽습니다. 줄바꾸기 기능을 하는 가장 일반적인 태그는 와 태그입니다. 하나의 문단을 의미하는 태그 p는 paragraph의 약자로 문단을 의미합니다. 태그와 태그 사이에 위치하는 내용이 하나의 문단을 구성합니다. 첫번째 문단(paragraph) 두번째 문단(paragraph) 위와 같이 코딩하면 아래와 같이 첫번째 문단과 두번째 문단 사이에 공백라인이 들어갑니다. 첫번째 문단(paragraph) 두번째 문단(paragraph).. 더보기 [HTML] 구성요소 HTML의 구성요소 태그(Tag), 요소(element), 속성(attribute), 변수(Arguments) HTML을 공부하면서 아래와 같은 다소 생소한 용어가 몇개 등장합니다. HTML을 정확하게 이해하기 위해서는 아주 중요한 개념이므로 이 부분은 반드시 이해해야 합니다. 요소(Elements) HTML에서 시작 태그와 종료태그로 이루어진 모든 명령어들을 의미합니다. 태그(Tag) 요소(Elements)의 일부로 시작 태그와 종료 태그 두 종류가 있습니다. 시작 태그는 요소를 시작하며, 종료태그는 요소를 끝내는 기능을 가지고 있습니다. 일부 태그 중에는 종료 태그가 없는 것도 있습니다. 요소와 태그의 개념이 뚜렷이 구별되지 않고 혼용되는 경우가 많은데 HTML을 배우는데는 굳이 요소라는 말을 쓰지 .. 더보기 이전 1 2 3 4 5 다음
