HTML문서에서는 , , 등 여러 요소가 공존한다. 그렇다면 같은 내가 바꾸고 싶은 요소만 색을 바꾸려면 어떻게 해야할까? id로 이름붙여서 스타일 적용하기 요소는 하나의 태그이기 때문에 다음과 같이 태그를 선택해 색상을 변경할 수 있다. h2 { color: yellow; } 어때요. 정말 쉽~죠?! 그러나 만약 다음과 같이 h2의 영역이 중복적으로 활용되는 코드에서 특정 영역만 색상을 변경하기 위해서는 id를 설정하여 해결할 수 있다. id는 하나의 문서에서 한 요소에만 사용이 가능하며 그 내용을 다음과 같다. special #special { color: blue; } 결과는 다음과 같다. class로 스타일을 분류하여 적용하기 id와 유사하게 특정 요소에 class를 지정하는 방법도 있다. 만약 ..
HTML과 CSS가 서로 연동되야 내가 작성한 내용과 스타일을 화면에서 확인 할 수 있다. 그렇다면 어떻게 두 언어를 연동할 수 있을까? HTML과 CSS의 링크 우선 HTML의 파일명과 확장자가 index.html, CSS의 파일명과 확장자가 index.css라고 가정 할 때 index.html에 다음과 같은 코드를 입력한다. 태그는 HTML 파일과 다른 파일을 연결하는 목적으로 사용한다. 태그의 rel은 연결하고자 하는 파일의 역할이나 특징을 나타낸다. href에는 파일의 위치를 작성한다. (작성한 두 파일은 하나의 폴더에 함께 놓아야 한다.) 다른 경로에 있는 경우 경로를 입력하여 파일을 찾아야 한다. HTML에 CSS스타일을 적용하는 3가지 방법. 인라인 스타일 : 같은 줄에서 스타일을 적용 내부..
웹개발의 영역은 기능과 역할에 따라 '보여지는 부분을 담당하는 프론트엔드'와 '보여지지 않는 부분을 담당하는 백엔드'로 나뉘어져 있다, 따라서 해당 분야에 전문성을 갖고 있는 전문가를 '프론트엔드 개발자'와 '백엔드 개발자'라고 부른다. 그렇다면 프론트엔드 개발에 있어서 필요한 지식은 어떻게 될까?! HTML, CSS, JS 프론트 웹 개발에 있어 가장 기본이되는 기술은 HTML, CSS, JS이다. HTML은 뼈대, CSS는 스타일, JS는 기능을 담당하고있다. HTML HTML은 HyperText Markup Language의 약자로 웹 페이지를 구성하는 마크업 언어다. 즉, HTML은 화면상에 보여지는 전체적인 구조를 표현하는 언어다. 또한 HTML은 tag들의 집합으로 구성되어있다. tag는 부등..
