◆ CSS 어떤 style로 요소(엘리먼트)가 표시되는지를 정하는 것이다. 공통되는 디자인을 갖는 문서가 여러개 존재할 경우 하나의 디자인이 변경되면 모든 파일을 수정해야 하는데, CSS는 이런 문제를 해결해준다. 웹페이지의 내용과 style을 분리해준다. ◆ CSS 적용법 HTML 태그에 style 속성을 주어 사용 (inline 방식) * ex ) 빨간색글자​ .css 파일로 분리하여 HTML 문서에 연결 (import/linked/external방식) * ex ) Import/Linked/External 방식으로 따로 CSS 파일을 만들때는 반드시 확장자가 .css 이어야 하고, CSS 파일 최상단에 @charset "UTF-8"; 을 기술하여 한글로 인코딩 시켜줘야 한다. ◆ 선택자 어떤 태그(요..

◆HTML 태그 사용법 내용 ◆HTML body 태그 안에 사용되는 태그 ●글씨 관련 태그 bold 약자로 글자를 굵게 만드는 태그이다. italic 약자로 글자를 기울게 만드는 태그이다. underline 약자로 글자에 밑줄을 만드는 태그이다. 취소선 태그로, 글자에 선을 긋는 태그이다. 강조 태그이다. 태그와 비슷하기만 브라우저에서 음성지원시 음성강조 효과가 있다. ●글자 관련 태그 ,,,, h의 숫자가 작아지면 글씨 크기가 커진다. 자동줄바뀜과 위아래가 조금 띄어져 있다. 한자를 표시해주는 태그이다. 한자의 음과 뜻을 설명해줄때 사용하는 태그이다. 태그의 위에 표시된다. 단락 태그이다. 자동 줄바뀜 된다. 밑과 조금 띄어져 있다. ●파일 관련 태그 이미지를 넣는 태그이다. 옵션 src="url주소 ..

◆HTML 기본 구조 ◆html 버전 선언 해당 문서가 html5 버전으로 작성되었음을 선언한다. ◆head 태그 태그는 문서의 머리를 나타내는 태그이다, 브라우저 화면에 직접적으로 보이지 않으며, 숨은 데이터를 정의하는 태그들이 선언된다. 주석은 처럼 작성한다. ◆head 태그 내부에 자주 사용되는 태그 제목 웹페이지의 제목을 지정하는 태그이다. 웹페이지 본문에는 보이지 않으며, 브라우저의 탭 등에서 확인 할 수 있다. 유저에게 문서의 제목을 알리는 용도 뿐만 아니라, 검색 엔진 등에서 가장 크게 보여지는 텍스트이므로 페이지의 특성을 드러내는 제목을 작성하는 것이 중요하다. 태그는 웹 페이지의 보이지 않는 정보를 제공하는데 쓰이는 태그이다. 페이지의 설명 요약, 핵심 키워드, 제작자, 크롤링 정책 등 ..