색상 CSS 에서 색상을 표현하는 방법을 알아보자! color color name RGB color rgba color hex color hls color h1{ color: blue; } h2{ color: brown; } 앞선 수업에서 h1, h2 의 색상은 color 속성으로 설정하였다. h1{ color: blue; } h2{ color: brown; } h3{ color: #abcdef; } h3 는 hex 값으로 색상을 설정한다. hex 는 16진수 값으로 색상을 표현한다. 맨 앞에 샵(#)을 붙이고 6자리 값을 설정한다. 각 자리에는 0~f 까지의 16개의 값 중 하나이다. 두자리씩 끊어서 RGB 색상값을 나타낸다. 즉, 위 코드에서 ab 는 R(Red) cd 는 G(Green) ef 는 B..

큼직큼직한 구분은 시맨틱 태그를 사용하면 되므로 지금부터는 내부에 들어가는 컨텐츠에 사용되는 세부적인 태그들을 알아보자! 제목 (heading) heading 1 heading 2 heading 3 heading 4 heading 5 heading 6 웹페이지에서 가장 중요하다고 생각되는 제목은 h1 태그로 작성한다. 그 다음으로 중요하다고 생각되는 제목은 h2 태그로 작성하고, 중요도에 따라 h1~h6 태그를 선택해서 사용하면 된다. 주의할 점은 제목의 크기에 따라 중요도가 결정되는 것이 아니라 태그에 따라 중요도를 선택해야 한다. 제목의 크기는 CSS 스타일에 따라 h3 가 h1보다 더 큰 경우가 있을수 있기 때문이다. 개발자 도구에서 제목(h1~h6) 태그의 스타일을 확인해보면 기본적으로 상하 여백..

내용강조 텍스트 정의 요소들 문단중 일부를 강조하고자 할 때 사용하는 태그들 b 태그는 볼드체(굵은 글씨체)로 꾸며주고 i 태그는 이탤릭체로 보이게 해준다. 하지만 강조의 의미는 없다. 텍스트 정의 요소들 문단중 일부를 강조하고자 할 때 사용하는 태그들 문단중 일부를 강조하고자 할 때 사용하는 태그들 strong, em 태그도 b, i 태그와 화면에서는 동일하게 보이지만 실제로 강조의 의미를 전달하는 태그이다. 강조의 의미가 있다는 것은 해당 페이지가 검색엔진에 검색될 확률이 높다는 것이다. 검색엔진에 노출이 잘 되는 웹사이트를 만드려면 태그의 쓰임새에 맞도록 작성하는 것이 좋다. 약어 텍스트 정의 요소들 문단중 일부를 강조하고자 할 때 사용하는 태그들 문단중 일부를 강조하고자 할 때 사용하는 태그들 H..