IT공부

[CSS] background 색상 넣기 (그라데이션)

CSS의 background 색상 넣기 - 그라데이션 background-color 사용하기 background 그라데이션 효과 그라데이션 반복하기 background-color 사용하기 HTML에서 지정한 영역 예시를 든다면 div태그로 지정된 영역에 배경을 설정할 때 background-color를 이용하여 색을 지정할 수 있습니다. style의 값으로 background-color: blue처럼 지정된 색은 직접 색의 이름으로 입력하여도 되고 RGB 값을 16진수로 표현하여 #FFFFFF처럼 줄 수도 있습니다. See the Pen Untitled by rainbowbear (@rainbow96bear) on CodePen. background 그라데이션 효과 선형 그라데이션 배경에 그라데이션 효과..

[HTML] HTML의 이미지 태그와 맵 태그

태그와 태그 알아보기 태그란? 태그란? 예시 태그란? 이미지를 화면에 띄우고 싶은 경우 태그를 이용하여 이미지를 올릴 수 있습니다. 1. src속성 태그에는 다양한 속성이 있는데 src 속성을 통하여 이미지를 불러옵니다. 예시는 이와 같습니다. src의 값으로 url주소를 주면 주소를 찾아 소괄호 안의 주소 값이 가지는 이미지를 불러와서 띄워줍니다. 2. alt속성 alt속성은 이미지를 불러올 수 없을 때 대체 텍스트로 사용되며 화면 낭독 기를 사용하는 경우 이미지를 읽을 때 낭독해줄 내용이 됩니다. 3. usemap속성 usemap속성은 map태그에서 저장한 정보를 불러와 이미지에 적용해주기 위하여 사용합니다. map태그에는 어떠한 정보가 들어가는지는 다음 " 태그란?"에서 설명하겠습니다. 태그란? 이..

[HTML] HTML의 링크를 만드는 태그

링크를 만드는 태그 태그란 무엇인가? 태그에서 사용할 수 있는 속성 예시 태그란 무엇인가? 흔히 하이퍼링크, 링크 연결 등 특정한 곳을 눌렀을 때 지정된 주소로 연결시켜주는 기능을 를 이용하여 주소를 연결합니다. 예시로는 네이버로 가기 이처럼 작성한다면 네이버로 가는 링크를 만듭니다. 태그만 사용한다고 되는 것이 아니라 href 속성을 이용해주어야 완벽히 주소를 연결할 수 있지만 속성에 대해서는 아래에서 설명드리겠습니다. 태그에서 사용할 수 있는 속성 태그는 href, target, download, rel 등이 있습니다. href는 태그에서 어떠한 주소로 이동을 할 것인지 값을 주는 속성입니다. 네이버로 이동 로 작성을 한다면 "네이버로 이동"..

[HTML] HTML의 태그의 종류(리스트와 테이블)

HTML의 태그의 종류 목록을 만들 때 유용한 태그 표를 만들 때 유용한 태그 목록을 만들 때 유용한 태그 목록을 만들 때 유용한 태그가 있습니다. 큰 틀을 잡는 데 사용되는 과 이 있습니다. ul은 unorder list의 줄임말로 순서가 없는 목록을 의미합니다. ol은 order list의 줄임말로 ul과 반대로 순서가 있는 목록을 만들 때 사용됩니다. 아래의 왼쪽 예시가 ul 오른쪽이 ol입니다. See the Pen Untitled by rainbowbear (@rainbow96bear) on CodePen. See the Pen ol by rainbowbear (@rainbow96bear) on CodePen. ol은 순서가 있기 때문에 ol 태그 안에 속성을 넣어줄 수 있습니다. 속성으로는 t..