HTML과 CSS-차이점
HTML과 CSS는 밀접한 관련이 있지만 차이점은 무엇입니까? 과거에는 홈페이지가 전적으로 HTML로 작성되었습니다. 오늘날 소위 "캐스 케이 딩 스타일 시트"는 "하이퍼 텍스트 마크 업 언어"(HTML)로 작성된 구조와 디자인을 분리합니다.
HTML-구조 및 내용 언어
홈페이지를 만들고 HTML을 통해 콘텐츠를 페이지로 가져옵니다. 표와 같은 텍스트, 이미지 및 구조는 HTML 파일을 사용하여 통합됩니다. HTML은 다양한 작업을 수행합니다.
- HTML 파일에서 먼저 문서 유형을 선언합니다. 사용중인 HTML 버전을 나타냅니다.
- 다음 헤드 영역 (head)에서 기술 된 세부 정보 (예 : 링크 된 CSS 파일)를 지정합니다. 여기에서 브라우저 탭에 표시되는 제목을 정의 할 수도 있습니다.
- HTML 본문은 웹 사이트의 내용으로 구성됩니다. 홈페이지에 추가 한 모든 텍스트와 이미지가 여기에 나타납니다. 텍스트를 다른 계층 구조의 단락과 제목으로 구성합니다.
- 예를 들어, 명령을 사용하여 우선 순위가 가장 높은 헤드 라이너를 포맷 할 수 있습니다
첫 번째 주문 제목으로. 다음 명령을 사용하여 추가 제목을 구성합니다
.
등.이 명령은 HTML 헤드에 정의 된 CSS 파일과 직접 관련됩니다.
CSS-홈페이지의 모양과 색상
HTML과 달리 CSS 파일은 동적 컨텐츠를 웹 사이트로 가져 오지 않습니다. 이를 사용하여 브라우저가 텍스트 및 이미지를 표시하는 방법을 결정합니다. 또한 CSS를 사용하여 홈페이지의 기본 구조를 디자인합니다.
- 여백, 배경 및 바닥 글 또는 머리글은 계단식 스타일 시트로 작성됩니다. 예를 들어 블로그의 경우 페이지를 두 개의 열로 나눕니다. 하나는 게시물이고 다른 하나는 링크, 위젯 또는 고정 정보입니다.
- 또한 CSS 파일을 사용하여 고정 텍스트 형식을 정의하십시오. HTML 파일에 헤드 라인이 있습니다
과
정의 된대로 처음에는 변경되지 않았습니다. 이제 이러한 명령을 CSS 형식으로 지정하십시오 (예 :
글꼴 크기 16 및
14 개 회사.
CSS 파일없이 홈페이지를 만들 수도 있습니다. 그러나 CSS의 장점은 한 번의 변경으로 전체 홈페이지의 디자인을 변경할 수 있다는 것입니다. 제목을 확대하려면 형식이 충분합니다