본문 바로가기

전체 글26

[HTML] 배경넣기 background color/image HTML 배경(Background) ​ HTML 문서의 기본 배경(background)은 흰색입니다. 또한, HTML 요소들도 각자 자신만의 배경을 가지고 있습니다. HTML에서는 이러한 배경을 다음과 같이 변경할 수 있습니다. 1. 배경을 다른 색으로 변경 2. 배경을 다른 이미지로 변경 ​ ​ 배경색을 다른 색으로 변경 ​ HTML5 이전까지는 bgcolor 속성을 이용하여 HTML 요소의 배경색을 다른 색으로 변경할 수 있었습니다. 하지만 HTML5부터는 bgcolor 속성을 더 이상 지원하지 않으며, CSS를 이용하여 배경색을 변경하도록 하고 있습니다. 다음 예제는 CSS 스타일을 이용하여 배경색을 다른 색으로 변경하는 예제입니다. 123 CSS의 background 속성을 이용하면, 더욱 다양한.. 2022. 1. 30.
[HTML] web에서 색 표현하기 HTML 색(Color) 표현 HTML에서 색을 표현하는 방법은 다음과 같이 세 가지 방법이 있습니다. 1. 색상 이름으로 표현 2. RGB 색상값으로 표현 3. 16진수 색상값으로 표현 색상 이름으로 표현 W3C에서 정의한 16개의 HTML4 표준 색상 이름은 다음과 같습니다. ​ Tip. HTML에서 색상 이름은 대소문자를 구분하지 않습니다. 색상 이름으로 표현된 파란색 색상 이름으로 표현된 녹색 색상 이름으로 표현된 은색 색상 이름으로 표현된 청록색 색상 이름으로 표현된 빨간색 현재는 주요 브라우저가 140개의 색상 이름을 모두 지원하고 있습니다. RGB 색상값으로 표현 ​ 모니터나 스크린은 빨간색(Red), 녹색(Green), 파란색(Blue)을 혼합하여 색을 표현합니다. HTML에서도 위와 같이.. 2022. 1. 29.
[HTML] 스타일 적용하기 <style> - 태그 스타일 꾸미기 HTML 스타일(Style) ​ HTML 요소의 style 속성(attribute)을 이용하면 CSS 스타일을 HTML 요소에 직접 설정할 수 있습니다. 태그를 바타으로 이 속성을 어떻게 만들어주느냐에 따라 홈페이지마다 각각 다른 레이아웃과 특징을 갖게 되는데 태그가 우리 각자의 방이라면 은 방에 어떤 인테리어를 어떻게 입혀주는가에 대한 기능이라고 생각하면 훨씬 이해하기 쉬울 것 같습니다 :) ​ 하지만 이러한 style 속성을 이용한 방법은 오직 단 하나의 HTML 요소에만 스타일을 적용할 수 있는데, 여기에서는 가볍게 맛보기만 하고 자세한 것은 html 공부가 완료된 후 카테고리 CSS에서 공부할 수 있도록 합시다 (물론 html과 css 둘다 함께 시작해도 무방합니다.) ​ ◆ 어떻게 사용할까? ​.. 2022. 1. 28.
<table> 코딩 - 복잡하게하지말고 쉽게하자 ♥ 코딩 쉽게 하기 셀병합이 없는 단순한 표는 사실 코딩하는데 있어서 별 문제가 없지만, 셀병합이 많아지는 복잡한 표는 코딩하는데 엄청 헷갈리기 마련이지요. 그런데 이를 해결할 수 있는 무료 사이트가 있어요! https://www.tablesgenerator.com/html_tables 2022. 1. 27.
[HTML] 엔티티(Entity) - 예약어 (공백과 특수기호 사용하는 방법) HTML에는 미리 예약된 몇몇 문자가 있으며, 이러한 문자를 HTML 예약어(reserved characters)라고 부릅니다. 이러한 HTML 예약어를 HTML 코드에서 사용하면, 웹 브라우저는 그것을 평소와는 다른 의미로 해석합니다. 따라서 HTML 예약어를 기존에 사용하던 의미 그대로 사용하기 위해 별도로 만든 문자셋을 엔티티(entity)라고 합니다. ​ ​ 엔티티의 형태는 다음과 같습니다. &엔티티이름; or &#엔티티숫자; 다음 예제는 HTML 코드 내에서 꺾쇠괄호()를 사용하면 웹 브라우저가 그것을 어떻게 해석하는지 보여줍니다. HTML 엔티티 태그는 단락을 나타내는 태그입니다. 태그는 단락을 나타내는 태그입니다. 위의 예제처럼 HTML 코드에서 사용된 꺾쇠괄호()는 HTML 태그의 시.. 2022. 1. 26.
[청년지기] 활동지원 사업 - 청년삼삼 포스터 디자인 2021. 05. 울산 울주군 청년지기에서 청년들의 활동 지원 사업에 대한 포스터를 제작하게 되었습니다. 포스터에 들어갈 문구와 사업에 대한 부가설명을 전달받아 산타모니카에서 전체적인 디자인과 방향을 기획하고 제작하였습니다. 청년들의 모임을 지원하는 사업이기에 활동적인 블루톤을 메인 컬러로 부가적으로 활동적인 컬러들(노랑/보라)을 이용하여 전반적인 느낌으로 활발한 청년들의 모임을 연상시킬 수 있도록 디자인하였습니다. - 울산 청년들의 모임과 활동을 응원합니다. 2022. 1. 25.