CSS CSS(Cascading Style Sheets)는 HTML과 함께 웹 표준의 기본 개념입니다. HTML이 문서의 골격을 이룬다면 CSS는 그 골격에 맞는 디자인 작업 언어라고 생각하면 됩니다. CSS 선택자 CSS선택자를 통해 요소를 선택하고 속성을 줄 수 있습니다. 기본 선택자 종류 예시 설명 태그 선택자 p {color: #fff} p태그를 선택해서 글씨 색을 하얀색으로 설정합니다. 클래스 선택자 .class {color: #fff} class 클래스를 선택하여 글씨 색을 하얀색으로 설정합니다. 아이디 선택자 #id {color: #fff} id 아이디를 선택하여 글씨 색을 하얀색으로 설정합니다. 그룹 선택자 p,#id {color: #fff} p태그와 아이디를 선택하여 글씨 색을 하얀색으로..
HTML 문서구조 및 속성 HTML 문서구조 문서 구조 HTML 구조는 html 요소 안에 head와 body로 이루어져 있습니다. HTML 구조는 독타입 선언을 해주어야 하나의 웹 문서가 완성됩니다. HTML 문서는 상하 관계가 존재하는 계층적인 구조로 되어 있습니다. 상위에 있는 요소와 하위에 있는 요소는 부모 자식 관계로 표현하며, 이러한 구조를 DOM구조라고 합니다. head 요소에는 제목, 사이트 정보, 스크립트, 스타일 시트, 메타 정보 등을 제공합니다. body 요소에는 문서 본문에 해당하는 콘텐츠 영역입니다. HTML 요소 구조 HTML 요소(element)는 여러 속성을 가질 수 있으며, 이러한 속성(attribute)은 해당 요소에 대한 추가적인 정보를 제공합니다. 또한, HTML 요소..
태그(Tag) 태그는 HTML에서 정보를 전달하는 방식을 의미합니다. HTML 언어를 사용하여 문서를 만드는데 있어 어디가 이미지고 어디가 텍스트인지 표시하는 것을 마크업이라고 하는데 마크업할 때 사용하는 약속된 표기법을 '태그(Tag)라고 합니다. 태그는 웹 문서에 표시하려는 내용을 전달하는 언이이기 때문에 정확히 사용해야 합니다. 1. 태그는 열린 태그와 닫는 태그가 있습니다. 2. 닫는 태그에는 " / " 가 있어야 합니다. 3. 닫는 태그가 필요 없는 경우도 있습니다.(ex: , 등) 4. HTML5에서는 " / " 가 생략이 가능합니다. 5. 태그는 소문자로 씁니다. 6. 적당히 들여씁니다. 7. 태그는 속성과 함께 사용할 수 있습니다. 8. 포함 관계를 명확히 합니다. TAG의 종류 태그 설명..
HTML이란 컴퓨터에서 사용하는 모든 파일에는 각각 고유의 형식이 있습니다. 예를 들어 엑셀 프로그램으로 문서를 작성했다면 확장자가 .xlsx인 파일로 저장되죠. 한글의 확장자는 .hwp이구요. 웹의 경우도 마찬가지입니다. 웹 사이트에서 사용할 문서는 웹에 맞는 형식인 .html 확장자를 붙여 다른 문서와 구분하고 이 파일을 더블 클릭하면 웹 브라우저가 실행되면서 그 안의 내용이 표시됩니다. 하지만 일반 문서와 웹 문서는 큰 차이가 있습니다. 엑셀 문서를 비롯한 일반 문서는 내용을 입력하는 프로그램과 나중에 그 내용을 확인하는 프로그램이 같지만 웹 문서는 문서를 작성하는 프로그램과 그 내용을 보는 프로그램이 서로 다릅니다. 웹 문서를 작성하는 프로그램을 웹 편집기(Web Editor)라고 하고 웹 문서를..