웹 사이트 서식 지정 방법

효과적인 웹 사이트는 매력적인 형식을 통해 독자에게 콘텐츠를 전달해야합니다. 형식이 잘못되면 웹 사이트가 매력적이지 않거나 읽지 못할 수도 있습니다. HTML (Hypertext Markup Language)을 사용하면 원하는대로 정확하게 표시되도록 웹 사이트의 서식을 제어 할 수 있습니다. 또한 Cascading Style Sheets (CSS)를 사용하면 외부 스타일 시트를 사용하여 웹 사이트를 포맷 할 수 있습니다. 이 기법은 사이트의 여러 페이지에 동일한 스타일을 적용하려는 경우 유용합니다.

HTML 서식

1.

웹 페이지의 다양한 요소를 배치하기 위해 테이블을 만듭니다. 사용

태그를 사용하여 테이블 자체를 시작하십시오. 사용 태그를 사용하여 테이블 행을 시작하고

태그를 사용하여 행 내의 표 데이터 셀을 작성하십시오. 테이블 데이터 셀은 대개 테이블의 열로 생각할 수 있습니다. 요소를 적절하게 배치하려면 개별 행과 데이터 셀의 높이, 너비, 채우기 및 간격 매개 변수를 실험하십시오.

2.

텍스트가 포함 된 요소의 태그 안에 텍스트 효과 및 글꼴 스타일을 추가하십시오. 예를 들어, 단락 요소 내에서 텍스트 서식을 지정하려는 경우 :

이렇게하면 단락의 내용이 Comic Sans 글꼴로 렌더링됩니다.

삼.

bgcolor 속성을 사용하여 태그의 전체 웹 사이트에 배경을 추가하십시오. 예 :

이 옵션은 전체 페이지의 배경을 장미 색으로 렌더링합니다.

CSS 및 외부 스타일 시트

1.

메모장에서 새 텍스트 문서를 엽니 다.

2.

새 문서의 각 요소를 서식을 지정하십시오. 해당 요소의 스타일을 소개하려면 요소 태그와 그 뒤에 열린 대괄호를 사용하십시오. 예 :

p {

font-family : "만화 sans ms";

background-color :: # CC3366;

}

HTML 문서의 모든 단락에는 Comic Sans 글꼴이 있고 배경색은 장미색입니다.

삼.

여러 유형의 요소 또는 개별적인 경우에 사용할 스타일을 도입하려면 ID 또는 클래스를 사용하십시오. ID는 한 번만 사용할 수 있으며 "#"기호로 소개됩니다. 클래스는 여러 번 사용할 수 있으며 "."로 표시됩니다. 상징. 예 :

.comicrose {

font-family : "만화 sans ms";

background-color :: # CC3366;

}

이 클래스를 사용하면 클래스를 호출 할 때마다 Comic Sans 및 장미 배경 요소를 스타일 할 수 있습니다. 예를 들어, 귀하의 페이지에 대한 HTML 코드에서,

설명 된 단락에 스타일을 지정합니다.

4.

HTML 코드의 섹션에서 외부 스타일 시트에 링크하십시오. 예 :

.

pagestyles.css라는 외부 스타일 시트에 연결됩니다.

필요한 것

텍스트 에디터

인기 게시물

2024: 에디터의 선택