개발 걸음마 중

HTML / CSS로 텍스트 꾸미기 * 텍스트 색상 color: - 키워드(red,blue,...) / HEX(#16진수표기법,색상코드) / rgb(), rgba(), hsl(), hsla() 등 다양한 방법으로 표기할 수 있다. - 보통 헥스(HEX)를 많이 사용하며, 투명값은 rgba()에서 설정 가능하다. (투명도는 0~1) - transparent는 투명한 색을 의미한다. p { color: red; } /* font-color: red; 는 잘못된 코드! 글자 색을 변경할 때는 'font-'가 붙지않는다. */ ※ rgb : Red, Green, Blue 값을 10진수 형식으로 표기한 것으로 색상 범위는 0~255이며 쉼표로 구분한다. hsl : Hue(색조)는 색상환의 각도로, Saturati..

HTML 텍스트 관련 태그 * 제목 태그 h1, h2, h3, h4, h5, h6 Heading : 제목 전체 내용을 예상할 수 있는 목차와 같은 역할을 한다. HTML 논리 구조에서 매우 중요한 태그이다! h1 태그는 한 페이지에 한 번만 사용하는 것을 권장한다. 스타일의 목적으로 h 태그를 사용하지 말자. h1~h6의 순서대로 작성해야 한다. 검색 엔진 사이트, 스크린리더, 사용자에게 중요한 정보가 된다. 검색 엔진은 h 태그에 기반하여 결과물을 보여준다. ✏ 제목 태그를 잘 설정하는 것도 SEO(검색 엔진 최적화)에 도움을 준다. 검색어를 고려하고 어떻게 그룹핑하면 좋을지 고민하면서 작성하는 것이 좋다. ※ SEO(Search Engine Optimization) : 웹사이트가 검색 결과에 더 잘 ..

CSS의 기초 * CSS(Cascading Style Sheets)란? - Cascading : 연속화 / Cascade : 폭포 => CSS에서는 스타일이 적용될 때 우선순위를 가진다. 적용 과정이 마치 폭포처럼 위에서 아래로 떨어지는 모양이 된다. - HTML 문서의 스타일, 레이아웃 등을 꾸민다. - CSS를 한 번 작성하여 여러 HTML에 적용할 수 있어 반복 작업을 줄여준다. - 음성까지도 꾸밀 수 있다. - (선택자) 요소에 { 스타일 적용을 시작한다. - (속성)에 : (속성값)을 지정한다. - ; 해당 속성에 대한 선언을 끝낸다. - 해당 요소에 대한 스타일 적용을 마친다. } * CSS 텍스트 색상 변경 색 바꾸기 색 바꾸기 색 바꾸기 1. 개별로 인라인(inline) 스타일 적용하기 색..

HTML의 구성 요소(Elements) * 태그(Tag) - HTML을 구성하는 기본 단위로서 웹 문서에 정보를 정의해 주는 형식이다. - 시작 태그(여는 태그)와 종료태그(닫는 태그)의 쌍으로 구성되어 있다. - 요소 안에 다른 요소가 들어갈 수 있다. 요소 안에 다른 요소가 들어갈 수 있다. 요소 안에 다른 요소가 이렇게 들어가면 안된다. ✏ 먼저 열린 태그를 큰 가방, 늦게 열린 태그를 작은 가방이라고 생각하자. 작은 가방(요소)을 큰 가방(요소) 안에 넣었다. 두 개의 가방 모두 닫아야 하는데 큰 가방을 먼저 닫아버리면 작은 가방은 닫을 수 없다. 해당 예시에서는 가 큰 가방, 이 작은 가방이다. 아래의 잘못된 예에서는 큰 가방인 의 문을 먼저 닫았기 때문에 잘못 작성된 것이다. ✏ HTML에서는..

웹(Web)이란? * Word Wide Web - 인터넷을 통해 접근할 수 있는 공용 웹 페이지의 상호 연결 시스템으로 사용자들이 서로의 정보를 공유할 수 있다. - 줄여서 WWW, W3이라고도 불린다. - 인터넷상에서 그림, 소리, 영상과 같은 멀티미디어 정보를 하이퍼텍스트(hypertext) 방식으로 연결하여 제공한다. Web !== Internet - 웹(Web)은 인터넷과 다르다. 웹은 인터넷을 기반으로 하는 서비스 중 하나일 뿐! HTML이란? * HyperText Markup Language - 하이퍼텍스트(HyperText)란 정해진 순서 없이 '참조'를 통해 한 문서에서 다른 문서로 연결되는 텍스트이다. - 마크업 언어(Markup Language)란 태그 등을 이용하여 문서가 화면에 표시..