HTML 문서는 어떤 부분으로 구성되어 있나요? HTML 언어 규칙. 나의 새로운 CSS 디자인

HTML은 웹사이트 마크업 언어입니다. 많은 사람들이 이를 프로그래밍이라고 생각하지만 그렇지 않습니다. HTML에는 프로그래밍 언어에서 발견되는 변수, 계산, 배열 및 기타 요소가 포함되어 있지 않습니다.

HTML을 사용하여 개발자는 다음 작업만 수행할 수 있습니다. 모습대지. 마크업 없이는 웹사이트가 존재하지 않는다는 점을 이해하는 것이 중요합니다. HTML은 웹 페이지를 만드는 기초입니다. 다른 모든 기능이 추가되었습니다. 다른 언어들프로그램 작성.

HTML 문서 만들기

어떤 편집기에서든 간단한 웹사이트 페이지를 만들 수 있습니다. 메모장이라도 가능합니다. 초보 개발자의 경우 자동 대체 기능과 기타 팁이 있는 다른 편집기를 사용하는 것이 좋습니다. 덕분에 다음을 만들 수 있습니다. 준비된 테이블, 링크, 이미지 및 기타 요소. 하지만 메모장에서는 각 문자를 수동으로 작성해야 합니다.

일반적으로 메모장은 다른 도구가 없는 경우에만 사용됩니다. 먼저 생성됩니다 텍스트 문서, 다음 위치에 저장됩니다. HTML 형식. 모든 사이트 페이지에는 html 확장자가 있어야 합니다.

HTML 언어는 계층적입니다. 즉, HTML 문서에는 특별한 구조가 있습니다. 그것은 무엇입니까? 명확성을 위해 아래에서 살펴보겠습니다.

HTML 구조-문서. 예

구조는 항상 똑같습니다. 무언가를 변경하고 싶다면 브라우저가 이를 처리할 수 없습니다. 결과적으로는 원하는 것을 얻지 못할 것입니다.

위 그림은 HTML 파일의 구조를 보여줍니다. 첫 번째 항목은 파일 형식을 나타냅니다. 이 태그는 한 번만 지정됩니다. 당신이 사용하는 경우 특별 편집자을 선택하면 전체 구조가 자동으로 생성됩니다. 기본값을 조정해야 합니다.

HTML 문서 구조 - 기본 태그:

전체 사이트의 프레임워크는 이 세 가지 태그로 구성됩니다. 그림에 주목하세요. 이러한 태그에는 모두 "/" 기호가 있는 닫는 태그가 있습니다. 손으로 쓰는 경우 두 태그(열기 및 닫기)를 한 번에 입력하는 데 익숙해지십시오.

위에서 웹사이트 페이지의 확장자는 .html이라고 말했습니다. 즉, 텍스트 문서를 생성하고 올바른 코드를 작성하면 브라우저는 여전히 텍스트만 표시합니다. 코드 변환은 없습니다.

머리 부분

포인트 3 아래 그림은 헤드 섹션을 보여줍니다. 이 섹션에는 서비스 정보가 포함되어 있습니다. 예를 들어 인코딩(항목 4)과 페이지 제목(항목 5)을 지정할 수 있습니다.

항상 제목이 있어야 합니다. 이것이 없으면 어떤 검색 엔진도 웹 페이지의 콘텐츠(텍스트) 이름을 확인할 수 없습니다. 그리고 이는 웹사이트 홍보에 좋지 않습니다. 또한 브라우저 상단에는 페이지 제목이 표시되지 않습니다. 이는 사용자에게 불편한 사항입니다.

html 문서의 구조는 head 부분에만 표시되는 구조입니다. 태그가 body 섹션이나 그 뒤에 지정되면 핸들러는 이에 주의를 기울이지 않습니다.

또한 헤드 섹션에는 스크립트 연결에 대한 정보, 스타일 파일, 지침이 포함되어 있습니다. 검색 엔진또는 사용자에게 표시되어서는 안 되지만 브라우저나 프로그래머에게는 중요한 기타 데이터입니다.

연결 스타일

HTML 문서의 구조를 통해 스타일을 포함할 수 있습니다. 다른 방법들. 또한 각 요소마다 개별적으로 작성할 수 있습니다. 하지만 이 방법코드가 너무 크고 불편하기 때문에 권장하지 않습니다.

파일은 다음과 같이 연결됩니다.

href 속성은 파일 경로를 지정합니다. 경로에 오류가 있으면 스타일이 로드되지 않습니다. type 속성도 필수입니다. CSS 파일.

또 다른 옵션은 헤드 섹션에서 직접 스타일을 정의하는 것입니다.

하지만 이 옵션 역시 그다지 권장되지 않습니다. 이러한 방법은 CSS 파일이 전체 사이트에 대해 하나일 수 있고 모든 변경 사항이 즉시 모든 페이지에 적용된다는 점에서 매우 다릅니다. 그리고 위 그림에 표시된 방법을 사용하면 모든 항목을 변경해야 합니다. 기존 페이지대지.

만약에 생성된 클래스한 페이지에만 사용되는 경우 이 옵션이 적합합니다.

스크립트 연결

스크립트는 다음과 같이 연결됩니다.

여기에는 type과 src라는 두 가지 속성이 필요합니다. 처음에 우리는 그것이임을 나타냅니다. 자바스크립트 파일, 두 번째는 파일이 있는 위치입니다. 오타가 나면 아무것도 작동하지 않습니다.

본문 부분

html 문서의 구조는 사용자에게만 표시되는 내용을 본문 섹션에 배치해야 하는 구조입니다. 태그의 이름은 그 자체로 말합니다.

페이지의 전체 기본 코드가 여기에 표시되며 여기에는 요소 수에 제한이 없을 수 있습니다. 그러나 코드가 길수록 처리하는 데 시간이 더 오래 걸립니다.

신체 부위에 사용할 수 있는 가장 기본적인 태그를 살펴보겠습니다. 주요 내용은 많지 않습니다. 당신의 지식과 실천이 성장함에 따라 다른 모든 것을 배우게 될 것입니다.

주요 태그

HTML 문서의 구조에는 필수 요소 작성 순서가 필요합니다. 태그는 항상 가장자리에서 괄호로 묶어야 합니다. 이것이 없으면 브라우저는 이것이 태그라는 것을 이해하지 못할 것입니다. 여는 괄호 뒤에는 항상 요소(태그)의 이름이 옵니다. 사이에 공간을 허용한다면< и именем, то браузер посчитает это текстом.

이미지 태그의 예를 살펴보겠습니다. 이 태그는 링크, 단락 및 기타 여러 태그와 달리 닫는 태그가 아닙니다.

속성의 순서는 중요하지 않습니다. 하지만 그들의 글쓰기(디자인)는 매우 중요합니다. 항상 먼저 이름이 간다속성, 등호, 속성 값이 따옴표로 묶여 표시됩니다. 값은 디지털 또는 텍스트와 다를 수 있습니다.

모든 태그의 src 속성은 로드해야 하는 파일의 경로를 나타냅니다. 대체 속성모든 요소에 나타남 간단한 설명. 안에 이 경우사진bird.jpg에는 설명(새 사진)이 로드됩니다.

또한 치수, 너비 또는 높이만, 제목, 정렬, 스타일 클래스 또는 테두리를 지정할 수 있습니다.

body 섹션에 지정된 다른 기본 태그를 살펴보겠습니다.

	목적
	이미지
	텍스트를 새 줄로 바꿈
…	썸네일
	지워진 텍스트
	밑줄 친 텍스트

이 모든 것을 어떻게 머리 속으로 상상할 수 있습니까?

초보 개발자는 이 모든 것을 추측적으로 즉시 상상할 수는 없습니다. 웹페이지 구조의 몇 가지 예를 살펴보면 확실히 이해하게 될 것입니다.

모두에게 좋은 하루 되세요! 오늘 우리는 첫 번째 HTML 페이지에 대한 와이어프레임을 만드는 방법을 배울 것입니다. 아니면 HTML 페이지의 기본 구조를 살펴보고 그것이 무엇으로 구성되어 있는지 알아봅시다. 하지만 먼저 태그에 대해 조금 이야기해 보겠습니다.

HTML의 태그란 무엇입니까?

이것을 태그하세요 기본 요소 HTML 언어. 즉, HTML은 정확하게는 태그로 구성되어 있는데, HTML을 배우기 위해서는 가장 많이 사용되는 기본 태그만 공부하면 충분합니다. 의 예와 비교하면 실생활, HTML의 태그는 집의 벽돌과 같습니다. 벽돌은 집을 짓는 데 사용되는 주요 요소입니다. HTML에서도 마찬가지입니다. 태그는 기본 요소입니다. HTML 만들기페이지. 태그를 사용하여 HTML 페이지의 콘텐츠를 올바르게 표시하는 방법을 브라우저에 알려줍니다.

태그에는 쌍 태그와 단일 태그라는 두 가지 유형이 있습니다.

• 쌍 태그는 여는 태그와 닫는 태그로 구성된 태그입니다. 즉, 이는 닫는 태그가 있는 태그입니다. 예: 및 ; 그리고 ; 그리고 ; 그리고 ; ;
• 단일 태그는 닫는 태그가 없는 태그입니다. 단일 태그의 예:
  .

HTML 페이지에는 기본 구조. 사이트의 모든 페이지의 기본 구조는 동일해 보입니다. 사이트마다 기본 페이지 구조가 다를 수 있는 유일한 것은 DOCTYPE 요소입니다. DOCTYPE이 무엇인지, 어떤 유형이 존재하는지 알아보려면 이 기사를 읽어보세요. 이 요소를 지정하지 않으면 브라우저가 페이지를 잘못 표시합니다.

기본 HTML 페이지 프레임워크는 다음과 같습니다.

홈페이지

이제 열어보면 이 페이지브라우저에서는 비어 있을 것입니다. 이제 body 태그 안에 몇 줄의 코드를 추가하고 브라우저에서 이 페이지를 다시 열어 보겠습니다.

내 첫 번째 HTML 페이지

코드를 변경한 후 브라우저에 페이지가 표시되는 모습은 다음과 같습니다.

이 예를 분석해보자

페이지 시작 부분, html 태그 앞에는 항상 DOCTYPE, 즉 문서 유형을 표시합니다.

모든 HTML 페이지는 태그로 시작됩니다.< html>태그로 끝나며 헤더로 구성됩니다.< head>그리고 시체< body> .

서비스 요소는 헤더 내부에 작성되며 브라우저의 페이지에는 표시되지 않습니다. 주로:

• 메타 태그. 주요 태그는 페이지 인코딩(), 검색 엔진용 메타 태그를 나타내는 인코딩 메타 태그입니다. 이는 페이지 설명(설명)과 페이지에 대한 키워드(키워드)가 포함된 메타 태그입니다.
• 태그 내부에 표시되는 페이지 제목< title>. 이 제목은 브라우저 탭에 표시됩니다.
• 내부 스타일로 차단합니다.< style type=” text/ css”>내부 스타일.
• 단일 태그< link />, 이를 통해 외부 파일을 연결합니다.
• 그리고 블록도요< script src =" library.js " type =" text/javascript " >그 중 다양한 자바스크립트 스크립트.

태그 내부< body>페이지 내용이 기록됩니다. 콘텐츠에는 브라우저의 페이지에 표시되는 텍스트, 이미지, 표, 목록, 링크 및 기타 요소가 포함될 수 있습니다.

태그 이름은 어떤 경우에도 쓸 수 있습니다.< BODY>, < bOdY>,< Body>또는< body>, 결과는 동일하지만 항상 소문자로 작성하는 것이 좋습니다.< body> .

그게 다인 것 같아요. 이 작지만 매우 중요한 기사를 통해 HTML 페이지의 기본 구조가 어떤 것인지 배웠습니다.

HTML 문서 구조

기본 HTML 개념

HTML (하이퍼텍스트 마크업 언어)- 하이퍼텍스트 마크업 언어 - 웹 페이지 생성용으로 설계되었습니다.

아래에 하이퍼텍스트이 경우 포인터 링크를 통해 다른 텍스트에 연결된 텍스트를 이해합니다.

HTML은 문서의 구조를 설명하는 매우 간단한 코드 세트입니다. HTML을 사용하면 텍스트의 개별 논리적 부분(제목, 단락, 목록 등)을 강조 표시하고, 준비된 사진이나 그림을 웹 페이지에 배치하고, 다른 문서와의 통신을 위해 페이지에 링크를 구성할 수 있습니다.

HTML은 구체적이고 정확한 문서 형식 속성을 지정하지 않습니다. 특정 유형의 문서는 궁극적으로 다음에 의해서만 결정됩니다. 브라우저인터넷 사용자의 컴퓨터에서.

HTML은 프로그래밍 언어도 아니지만 웹 페이지에는 내장 프로그램(언어의 스크립트)이 포함될 수 있습니다. 자바스크립트그리고 비주얼 베이직스크립트및 프로그램 - 언어로 된 애플릿 자바.

HTML 문서는 브라우저 창에 표시되어야 하는 실제 텍스트와 마크업 명령(브라우저 창에서 해석될 때 문서의 모양을 결정하는 HTML 태그)이 포함된 ASCII 텍스트 파일입니다.

HTML의 주요 구성요소는 다음과 같습니다.

HTML 코드 - 독특한 서열덕분에 웹페이지는 독특한 모습을 갖게 됩니다. 웹페이지의 코드는 사람의 DNA와 같습니다.

모든 웹페이지의 코드는 세 가지 방법으로 볼 수 있습니다.

1) 전화 상황에 맞는 메뉴브라우저에서 소스 코드를 보는 옵션을 선택하세요.

2) Ctrl+U 키 조합을 누릅니다.

3) 메모장을 사용하여 페이지를 엽니다.

두 번째 방법은 작동하지 않습니다 인터넷 익스플로러. ㅏ 마지막 방법페이지가 컴퓨터에 저장된 경우에만 사용할 수 있습니다.

요소

요소는 HTML 기본, 분할할 수 없는 단위인 코드를 구성하기 위한 링크입니다. 웹 페이지를 만들기 위해 작성하는 모든 코드는 요소로 구성됩니다.

HTML 요소는 문자 또는 문자의 조합입니다.

요소의 예: p, br, h1, img, Meta, table, Strong, address, basefont

HTML에 사용되는 요소 집합은 엄격하게 제한됩니다. 코드에서만 사용할 수 있습니다.

태그는 꺾쇠괄호로 묶인 요소입니다. 페이지 코드에 기록되는 것은 요소 자체가 아니라 태그입니다. 태그 작성 시 문자의 대소문자는 중요하지 않습니다. 저것들. 기록은 완전히 동일합니다.

HTML 태그는 꺾쇠괄호(< >) 이름으로 구성되며 그 뒤에 속성 목록이 올 수 있습니다(대부분의 태그에서는 선택 사항). 이름과 속성은 영어 단어와 약어이며 거의 항상 의미가 명확합니다. 태그는 대문자, 소문자 등 어떤 경우에도 작성할 수 있습니다.

태그는 두 개의 큰 그룹으로 나눌 수 있습니다.

컨테이너라고 불리는 동일한 그룹의 태그는 컨테이너 사이에 포함된 문서 부분에 영향을 미칩니다. 여기에는 시작(초기)과 종료(최종)라는 두 가지 구성 요소가 있습니다. 닫는 태그는 여는 태그와 이름이 동일하지만 앞에 슬래시(/)가 옵니다. 여는 태그와 닫는 태그 사이에 텍스트나 기타 태그를 배치할 수 있습니다.

독립형(단일) 태그에는 후행 구성요소가 없습니다. 일회성 작업이 발생하거나 해석 시 개체가 표시된 문서에 삽입됩니다. 예를 들어 태그 HTML 문서 자체와 동일한 폴더에 있는 pict.gif 파일의 그림이 삽입됩니다.

태그에는 명확한 매개변수(속성)가 있을 수 있습니다. 속성을 사용하면 태그로 추가된 정보가 표시되는 방식을 제어할 수 있습니다. 속성은 독립형 태그 내부에 기록되고 컨테이너의 시작 부분에만 기록됩니다. 목록에서 속성은 공백으로 서로 구분됩니다. 속성의 순서는 중요하지 않습니다. 속성 값은 따옴표 안에 등호 뒤에 지정됩니다.

속성이 포함된 태그의 예:

– 문서에 밝은 파란색 배경을 설정합니다.

text – 쌍을 이루는 태그로, "컨테이너"에 포함된 텍스트를 "컨테이너"에 비해 증가된 문자로 표시하도록 브라우저에 지시합니다. 기본 크기(SIZE="+2") 및 빨간색(COLOR="RED").

HTML 문서 구조

HTML 문서는 항상 태그로 시작하고 닫는 태그로 끝납니다.

문서 내부에는 제목 섹션과 문서 본문의 두 가지 주요 섹션이 있으며 서로 이어집니다.

헤더 섹션에서는 문서를 표시할 때 사용되지만 브라우저 창에 직접 표시되지는 않는 옵션을 설명합니다.

각 HTML 문서에는 제목이 있어야 하며 제목은 별도로 표시되며 주로 문서를 식별하는 데 사용됩니다(예: 검색 중). 문서 헤드 태그는 태그 바로 뒤에 사용해야 하며 문서 본문의 다른 곳에서는 사용할 수 없습니다. 이 태그나타냅니다 일반적인 설명문서. 제목은 문서의 목적을 설명해야 하며 5~6단어를 넘지 않아야 합니다. 거의 모든 브라우저에서 문서 제목은 화면(창) 상단에 표시됩니다.

웹 페이지 창의 제목은 컨테이너 내부에 설정됩니다.

태그는 브라우저의 데이터 작업을 돕는 다른 요소를 저장하도록 설계되었습니다. 또한 컨테이너 내부에는 브라우저 및 검색 엔진용 정보를 저장하는 데 사용되는 메타 태그가 있습니다. 예를 들어, 검색 엔진 엔진은 사이트에 대한 설명을 얻기 위해 메타 태그에 액세스합니다. 키워드및 기타 데이터.

웹 페이지 창의 제목을 설정하는 태그를 제외하고 태그의 내용은 웹 페이지에 직접 표시되지 않습니다.

표제

다음 요소는 컨테이너 내부에 배치될 수 있습니다: , , , , , , , .

통사론:

문서의 본문 섹션에는 브라우저에서 표시할 텍스트와 텍스트 형식을 나타내는 태그가 포함되어 있습니다. 그래픽 디자인문서, 하이퍼링크 매개변수 지정 등

요소는 브라우저 창에 표시되는 웹 페이지의 콘텐츠(콘텐츠)를 저장하도록 설계되었습니다. 문서에 표시되어야 하는 정보는 컨테이너 내부에 위치해야 합니다. 이 정보에는 텍스트, 이미지, 태그, JavaScript 등이 포함됩니다.

태그는 웹 페이지의 링크 및 텍스트 색상을 정의하는 데에도 사용됩니다.

종종 태그는 문서 로드가 완료된 후 실행되는 onload와 같은 이벤트 핸들러를 배치하는 데 사용됩니다. 현재 창또는 프레임.

여는 태그와 닫는 태그는 웹 페이지에서 선택 사항이지만 HTML 문서의 시작과 끝을 정의하는 데 사용하는 것은 좋은 스타일입니다.

가장 간단한 문서구조를 정의하는 모든 태그가 포함된 HTML은 다음과 같습니다.

메타 태그

... 요소 외에도 제목에는 메타 태그가 포함될 수 있습니다 ....

메타 태그는 다양한 서비스 정보를 담고 있는 HTML 언어 태그입니다. - 태그는 페이지 제목 내에서 사용되며 다음을 포함하도록 의도되었습니다. 유용한 정보, 다른 사람이 정의하지 않음 HTML 태그. 이러한 정보는 식별, 색인화 및 페이지 디렉토리 생성에 사용하기 위해 서버/클라이언트에서 검색할 수 있습니다. 메타 태그는 페이지 제목(와 태그 사이)에 배치되며 형식은 다음과 같습니다.

일반적으로 메타 태그는 세 그룹으로 나눌 수 있습니다.

여는 태그에는 작성자, 키워드 목록 등과 같은 문서 속성을 설명하는 이름 = 값 쌍이 포함됩니다. 이 데이터도 사용됩니다 검색 서버문서를 색인화할 때.

문서 유형 및 인코딩: META HTTP-EQUIV = "CONTENT-TYPE"

- 윈도우 인코딩.

이 태그의 주요 목적은 브라우저에 사용된 인코딩을 알려주는 것입니다. 약간의 차이를 고려하여 콘텐츠 유형 메타 태그를 사용해야 합니다.

텍스트의 문자 인코딩은 태그에 지정된 인코딩과 일치해야 합니다.

서버는 브라우저 요청을 처리할 때 텍스트 인코딩을 변경해서는 안 됩니다.

서버가 텍스트 인코딩을 변경하는 경우 콘텐츠 유형 메타 태그를 조정하거나 제거해야 합니다.

이러한 요구 사항을 준수하지 않으면 다음과 같은 결과가 발생할 수 있습니다. 웹 서버는 클라이언트 요청의 인코딩을 자동으로 감지하고 기록된 브라우저에 페이지를 반환합니다. 그러면 브라우저는 콘텐츠 유형 메타 태그에 따라 문서를 읽습니다. 그리고 인코딩이 일치하지 않으면 일련의 복잡한 조작을 거쳐야 문서를 읽을 수 있습니다.

일부 가능한 유형인코딩:

· 대부분의 서유럽 언어에 대한 ISO-8859-1-Latin-1;

· Windows-1251-키릴 문자(Windows);

· KOI8-r- 키릴 문자(KOI8-R);

· cp866- 키릴 문자(DOS);

Windows-1252- 서유럽(윈도우);

· Windows-1250-중부 유럽(Windows).

태그 HTML 문서의 구조를 표시하는 데 중요한 요소입니다. 브라우저가 이를 구별할 수 있도록 일반 텍스트, 꺾쇠괄호로 묶입니다. 태그는 일부 매핑 명령의 시작을 나타냅니다. 이 명령문이 전체 문서에 적용되면 이 태그에는 닫는 쌍이 없습니다. 그러나 대부분의 태그에는 여전히 첫 번째 태그의 효과를 종료하는 쌍이 있습니다. 예를 들어 모든 웹페이지는 태그로 시작해야 합니다. , 닫는 쌍둥이로 끝납니다. . 닫는 태그는 첫 번째 꺾쇠 괄호 뒤에 슬래시가 있다는 점만 여는 태그와 다릅니다.

또한 일부 태그에는 콘텐츠 표시 규칙을 지정하는 매개변수가 있습니다. 잠시 후에 이러한 매개변수가 어떻게 사용되는지에 대한 예를 살펴보겠지만 지금은 이러한 매개변수를 여는 태그에만 지정할 수 있다는 점만 알아두겠습니다.

태그 이름과 해당 매개변수는 대문자와 소문자 모두 어떤 경우에도 쓸 수 있습니다. 모든 브라우저에 내장된 HTML 파서는 HTML 문서의 모든 서비스 구성을 작성하는 데 사용되는 문자의 대소문자에 주의를 기울이지 않습니다.

당연히 어느 경우와 마찬가지로 컴퓨터 언어, 주석 없이는 할 수 없으며 그 내용은 브라우저에서 처리되지 않고 표시되지 않습니다. 개발자의 편의를 위해서만 문서 구조의 내부 문서화를 위해 제공됩니다. 주석은 조각 사이에 포함됩니다. 다음은 댓글 작성의 예입니다.

모든 웹 페이지는 구조적으로 헤더와 본문의 두 부분으로 나뉩니다. 헤더는 전체 웹 페이지에 대한 서비스 정보를 나타내며, 웹 페이지 본문에는 이미 해당 내용과 표시 규칙이 설명되어 있습니다. 이 경우 웹페이지의 제목은 태그로 제한됩니다. 그리고 , 문서 본문은 태그로 표시됩니다. 그리고 . 그러나 좋은 프로그래밍 스타일의 규칙에 따르면 사용된 식별자도 헤더 앞에 배치됩니다. HTML 표준. 따라서 모든 웹 페이지의 구조는 다음과 같습니다.

문서 제목


문서 본문

첫 번째 태그 모든 매개변수가 포함되어 있으며 브라우저에 어느 매개변수가 무엇인지 알려주는 바로 그 식별자입니다. HTML 버전이 웹 페이지를 만드는 데 사용되었습니다. 이 다소 번거롭고 이해하기 어려운 구성은 실제로 더 많은 언어에서 벗어난 것입니다. 높은 레벨 XML. 미래에는 브라우저가 XML 및 HTML 문서로 작성된 일반 웹 페이지와 동시에 작동할 수 있을 것으로 이해됩니다. 따라서 이러한 밝은 미래를 염두에 두고 이 식별자 태그가 사용됩니다. 정확한 날짜이 밝은 미래의 시작은 평소와 같이 알 수 없으므로 이 식별자는 아무런 결과도 없이 무시되는 경우가 많습니다. 그러나 우리가 알고 있듯이 사전 생각이 사후 판단보다 낫기 때문에 식별자를 계속 사용하는 것이 좋습니다.

이제 제목을 살펴보겠습니다. 여기에는 이 웹 페이지의 이름을 표시하는 태그, 웹 페이지의 스타일을 정의하는 태그, 실행 중인 스크립트에 대한 태그 및 소위 메타데이터가 포함될 수 있습니다. 웹 페이지의 스타일 지정은 두 번째 장에서 설명하고, 실행될 스크립트는 세 번째 장에서 설명하겠지만, 이제 웹 페이지 이름을 사용하는 방법을 알아보겠습니다.

웹 페이지를 로드할 때 다운로드되는 문서의 짧은 이름이 브라우저 맨 윗줄에 나타나는 것을 눈치챘을 것입니다. 이러한 헤더를 생성하려면 적절한 닫는 쌍이 있는 태그가 사용됩니다. 이러한 제목이 있는 웹 페이지의 초기 블록은 다음과 같습니다.

웹페이지 제목

웹 페이지의 제목은 웹 사이트 방문자가 가장 먼저 보게 되는 것이므로 결코 무시해서는 안 됩니다. 페이지 콘텐츠가 로드되기 전에 헤더가 표시됩니다. 그러므로 신중하게 선택해야 합니다.

우리는 웹 페이지 구조의 첫 번째 부분을 다루었습니다. 이제 HTML 문서의 주요 부분인 본문으로 넘어갈 수 있습니다. 우리가 이미 알고 있듯이 웹페이지의 콘텐츠는 태그 사이에 위치합니다. 그리고 . 매우 가장 간단한 경우, 이는 일반 텍스트일 수 있습니다. 브라우저는 이를 올바르게 해석하여 표시합니다. 예를 들어 이를 살펴보겠습니다.

첫 번째 웹 페이지를 만들려면 일반 텍스트 편집기가 필요합니다. 표준 메모장괜찮을 것입니다. 우리가 창조하는 것만으로도 충분할 것입니다 텍스트 파일, 그 내용은 목록 1.1에 나와 있습니다.

나의 첫 번째 웹페이지


내 겸손한 사이트를 방문한 모든 사람에게 좋은 하루 되세요.

파일을 저장할 때 다음과 같이 설정해야 한다는 점을 잊지 마세요. htm 확장자또는 HTML. 그런 다음 실행을 위해 실행하는 경우 해당 이름을 클릭하기만 하면 됩니다. 윈도우 익스플로러, 운영 체제에 설치된 기본 브라우저가 자동으로 시작되고 HTML 문서가 이미 로드됩니다. Internet Explorer 브라우저에서 첫 번째 웹 페이지가 보이는 모습은 그림 1에서 볼 수 있습니다. 1.1.

쌀. 1.1. 목록 1.1에 표시된 파일을 브라우저에서 본 결과

하지만 주목해야 할 점은 태그가 포함하고있을 것이다 추가 옵션. 우리는 이미 디자인의 시작 태그에 매개변수가 포함되어 있다고 말했습니다. 이제 실제로 어떻게 되는지 살펴볼 차례입니다.

대부분의 경우 매개변수는 이름-값 쌍입니다.

살펴 보자 간단한 예. bgcolor 매개변수를 사용하면 웹 페이지 내용이 표시될 배경색을 설정할 수 있습니다. 예를 들어 녹색 배경을 사용하려면 다음 구성을 사용해야 합니다.

모든 텍스트 값매개변수는 일반적으로 따옴표로 묶입니다. 이 장의 다음 섹션에서 색상을 설정하는 방법에 대해 알아보겠습니다. 이제 태그 매개변수로 돌아가겠습니다. .

매개변수에 대하여 bgcolor, 웹 페이지의 배경색을 설정할 수 있다는 것은 이미 알고 있습니다. 나머지 매개변수를 고려해 보겠습니다.

• 매개변수 배경어떤 종류의 배경이라도 배경으로 사용할 수 있습니다. 그래픽 이미지. 매개변수의 값은 이 이미지의 주소, 즉 URL입니다.
• 매개변수 텍스트웹 페이지의 텍스트 내용이 표시될 글꼴 색상을 지정합니다.
• 매개변수 링크웹 페이지 콘텐츠에 포함된 텍스트 하이퍼링크가 브라우저 보기 창에 표시되는 색상을 설정할 수 있습니다.
• 매개변수 vlink사용자가 현재 세션에서 이미 방문한 하이퍼링크의 색상을 설정합니다.
• 매개변수 링크사용자가 선택한 하이퍼링크를 표시하는 데 사용할 색상을 지정합니다.
• 매개변수 랭웹 페이지의 텍스트 내용이 어떤 언어로 작성되었는지 나타냅니다. 값은 RFC 1766에 제공된 두 글자 언어 코드입니다. 실제로 이러한 코드를 모두 알 필요는 없습니다. 대부분의 경우 러시아어 또는 영어. 해당 코드는 각각 "gu"와 "en"입니다.

위의 매개변수 외에도 태그는 두 개의 식별 매개변수가 있을 수 있음 ID그리고 수업이지만 실제로는 이 태그에 거의 적용되지 않습니다.

보시다시피 모든 것이 간단하고 소박합니다. 이제 메타데이터가 무엇인지 알아보는 시간입니다. 메타데이터는 문서에 대해 표시할 수 없는 정보로 정의될 가능성이 높습니다. 문서를 식별하고 웹 페이지의 표시 모드를 나타내는 데 사용됩니다. 웹페이지에 메타데이터를 삽입하려면 태그를 사용하세요. . 그는 가장 자주 다음 보기:

"http://www.w3.org/TR/html4/strict.dtd">


햄스터 먹이주기에 관한 모든 것



아, 이 작고 귀여운 동물은 햄스터예요. ,

당연히 웹페이지의 콘텐츠를 식별한다는 점을 명심하세요. 검색 엔진개발자가 지정한 키워드를 사용하여 수행되며 문서의 본질을 반영하지 않지만 검색 엔진 방문자가 자주 요청하는 구성 단어를 입력하려는 유혹이 있을 수 있습니다. 이 트릭이 작동하지 않을 수도 있다는 점에 유의해야 합니다. 사실 검색 엔진은 웹 페이지 자체의 텍스트도 검색하는 경우가 많으며, 키워드가 표시되지 않으면 단순히 고려되지 않습니다.

또한 키워드를 지정할 때 태그에 추가 lang 매개변수를 추가했다는 사실에 주의해야 합니다. 우리는 이 매개변수가 이 텍스트 또는 해당 텍스트가 작성된 언어를 나타내기 위한 것이라고 이미 말했습니다. 이 예에서는 나열된 키워드가 러시아어로 작성되었음을 표시했습니다. 즉, 여러 태그를 사용하여 여러 언어로 키워드 세트를 정의할 수 있습니다.

메타데이터를 사용하면 소위 HTTP 헤더를 전송할 수도 있습니다. 여기서는 약간의 기술적 여담이 필요합니다. 모든 HTML 문서는 특정 규칙 세트를 사용하는 웹 서버라는 특수 프로그램을 사용하여 전송됩니다. 정보를 수신하고 전송하기 위한 이러한 일련의 규칙을 컴퓨터 업계에서는 프로토콜이라고 합니다. 웹페이지와 데이터를 전송하기 위한 일련의 규칙 원격 사용자 HTTP(HyperText Transfer Protocol)라고 하는 이 프로토콜에는 종종 HTTP 프로토콜 헤더라고 불리는 일련의 지시문과 변수가 있습니다.

우리는 모든 변수를 연구해야 하는 과제에 직면하지 않습니다. HTTP 프로토콜, 가장 자주 사용되는 제목에 대해 아는 것만으로도 충분합니다. 우선 웹 페이지의 만료 날짜를 설정할 수 있는 Expires 변수를 언급할 가치가 있습니다. 사실 브라우저와 일부 다른 통신 프로그램은 사용자가 방문한 웹 페이지를 캐시에 저장한 다음 사용자가 다시 요청할 때 이 복사본을 사용자에게 전달하여 검색 시간을 절약합니다. 그러나 웹페이지는 여전히 꽤 자주 업데이트됩니다. 따라서 사용자가 오래된 복사본을 받을 수 있습니다.

물론 캐시 규칙을 구성하는 방법이 있지만 모든 사람이 이를 사용하는 것은 아닙니다. 따라서 안전하게 웹페이지의 "만료일"을 표시하는 것이 좋습니다. 통과하면 브라우저는 캐시의 복사본을 사용하는 대신 인터넷에서 문서를 요청합니다.

웹 페이지의 만료 날짜를 나타내도록 조정된 태그는 대략 다음과 같습니다.

이 예에서는 표준 비변수 HTTP 프로토콜의 이름을 나타내기 위해 매개변수가 사용되는 것을 보여줍니다. http-equiv, 이 변수의 값을 설정하려면 이미 익숙한 콘텐츠 매개변수를 사용하세요. 마감일을 정하는 것도 쉽게 알 수 있습니다. 마지막으로 사용한문서는 Expires 변수를 사용하여 생성되며 해당 값은 특정 변수에 지정되어야 합니다. 텍스트 형식그리니치 자오선을 기준으로 시간을 표시합니다.

그러나 페이지의 정보가 너무 빨리 업데이트되어 한 세션 동안 여러 번 다시 로드해야 하는 경우도 있습니다. 정보가 실시간으로 업데이트되는 페이지는 채팅방이나 거래 중에 주식 시세의 변동 사항을 표시하는 경우와 같이 매우 일반적입니다. 거래일증권 거래소에서. 이 경우 Refresh라는 변수를 사용해야 합니다. 이 변수의 값은 초 단위로 지정됩니다. 그러면 우리가 고려하고 있는 태그는 다음과 같은 형식을 취하게 됩니다.

제목 블록에 비슷한 디자인이 있는 페이지는 10초마다 자동으로 다시 로드됩니다.

이것으로 HTML 문서의 헤더 구조에 대한 논의를 마칩니다. 우리는 웹페이지의 메인 섹션의 구조를 연구하는 것으로 넘어갑니다. 우리가 기억하는 것처럼 브라우저 보기 창에 표시되는 모든 정보는 태그 사이에 배치됩니다. 그리고 . 우리는 이 장의 다음 섹션에서 HTML 언어가 제공하는 웹 페이지의 내용을 표시하기 위한 규칙을 지정하는 가능성에 대해 배울 것입니다. 여기서 우리는 단지 고려합니다 일반 구조 HTML 문서.

HTML은 우리가 사용하는 각 태그에 대해 설정할 수 있는 기능을 제공합니다. 고유 식별자. 예를 들어, 텍스트가 단락으로 나뉘어져 있다면 각 단락에 대해 고유한 특정 이름을 설정할 수 있습니다. 추가 자금 HTML 언어로 이러한 단락의 표시를 제어합니다. 그 중 일부를 보이지 않게 만들고, 글꼴 색상을 변경할 수 있습니다. 즉, 표시 규칙을 변경할 수 있습니다. 더욱이 이는 단락뿐만 아니라 특정 태그로 묶인 웹 페이지 콘텐츠의 모든 부분에 적용됩니다.

id 매개변수는 태그를 식별하는 데 사용됩니다. 텍스트 단락이 포함된 예로 돌아가 보겠습니다. 조금 더 살펴보면 단락이 몇 개의 태그를 사용하여 표시된다고 말할 수 있습니다. 그리고 . 따라서 우리가 구별할 수 있는 단락 생성은 대략 다음 구성을 사용하여 수행됩니다.

첫 번째 단락
두 번째 단락

모든 매개변수의 값 ID HTML 문서에서 고유해야 합니다. 커플이 만나면 동일한 값, 이러한 식별자는 단순히 무시됩니다. 당연히 매개변수를 사용하여 ID선택 사항입니다. 식별된 태그가 있는 구성이 스타일 지정을 받거나(두 번째 장에서 설명) 이 태그가 일종의 하이퍼링크가 있는 문서의 책갈피가 되는 경우에만 이 태그를 사용하는 것이 합리적입니다. 지정하거나 식별된 구성이 DHTML 명령을 사용하여 동적으로 처리됩니다. 이에 대해서는 3장에서 배우게 됩니다. HTML 문서를 처리하는 경우에도 식별자가 사용됩니다. 특수 응용 프로그램, 그러나 이는 매우 진지한 프로그래머를 위한 것입니다. 아직은 이것이 필요하지 않습니다.

매개변수인 경우 ID고유 식별에 사용된 다음 매개변수를 사용하여 수업한 그룹 또는 다른 그룹에 태그를 할당할 수 있습니다. 이 옵션은 스타일 지정 목적으로만 사용됩니다. 웹 페이지의 일부 요소를 클래스로 나눈 다음 클래스 표시 규칙에 대한 설명을 한 곳에서 변경하면 충분하며 이 변경 사항은 이 클래스에 포함된 모든 태그에 자동으로 적용됩니다.

또한 병합 방법에도 액세스할 수 있습니다. 인접 요소웹페이지 단일 블록. HTML 문서의 모든 디자인 요소는 두 가지 유형으로 나뉩니다. 대부분 텍스트 요소인 인라인 요소 블록 요소. 인라인 요소는 한 줄의 일부일 수 있으며 블록 요소는 항상 웹 페이지에서 별도의 위치를 ​​차지하며 항상 다음으로 시작해야 합니다. 새 줄. 당연히 블록 요소에는 다른 블록 요소와 인라인 요소가 포함될 수 있습니다. 분명한 이유로 인라인 요소는 블록 요소를 포함할 수 없습니다.

웹 페이지의 요소를 블록으로 결합하면 단일 디자인을 해당 요소에 적용하여 일종의 레이아웃을 구현할 수 있습니다. 하나의 통합 태그를 변경하여 블록의 위치를 ​​변경하는 것으로 충분합니다. 당연히 이는 웹 페이지의 각 요소 위치를 개별적으로 변경하는 것보다 더 편리합니다.

태그는 블록형 요소를 결합하는 데 사용됩니다. 닫는 쌍둥이와 함께. 인라인 요소의 경우 두 개의 태그가 사용됩니다. 그리고 . 위의 내용을 보면 태그가 있는 블록이 태그가 있는 블록 내부에는 위치할 수 없습니다. , 블록 요소는 인라인 요소의 일부가 될 수 없기 때문입니다.

브라우저가 div 블록을 줄 바꿈으로 프레임화한다는 점도 주목할 가치가 있습니다. 이를 보여주는 가장 쉬운 방법은 예를 사용하는 것입니다.

목록 1.2

div 블록 표시



내 겸손한 사이트를 방문한 모든 사람에게 좋은 하루 되세요.

이러한 HTML 파일을 표시한 결과 인터넷 브라우저탐색기는 그림에 표시됩니다. 1.2. 태그 그리고 추가 매개변수가 있을 수도 있습니다. 이미 친숙한 식별 매개변수인 id 및 class 외에도 매개변수를 사용할 수 있습니다. 스타일그리고 맞추다. 매개변수 스타일표시 스타일을 설정하는 데 사용됩니다. 블록 내용, 그리고 매개변수 맞추다웹 페이지 콘텐츠의 다른 요소를 기준으로 이 블록의 정렬을 설정할 수 있습니다. 이 장의 다음 섹션에서 이러한 매개변수의 사용을 더 자세히 살펴보겠습니다.

쌀. 1.2. 목록 1.2에 표시된 파일 표시 결과를 보여주는 브라우저 창

또한 HTML 문서의 구조와 관련하여 텍스트에서 다양한 제목을 사용합니다. HTML의 제목에는 자체 태그가 있습니다. HTML 문서에는 총 6가지 수준의 텍스트 제목이 사용됩니다. 가장 고위급이 첫 번째입니다. 그리고 각 제목에는 고유한 태그와 표시 규칙이 있습니다.

제목 태그는 매우 간단합니다. 태그는 첫 번째 수준 제목에 사용됩니다. 닫는 쌍으로 , 두 번째 수준 헤더는 쌍을 사용하여 구현됩니다. - , 태그가 포함된 최대 6번째 수준 헤더까지 계속됩니다. . 아래 목록 1.3은 HTML 문서에서 헤더를 사용하는 예를 보여줍니다.

목록 1.3

방향 표시


첫 번째 수준 헤더
두 번째 수준 제목
세 번째 수준 제목
네 번째 수준 제목
레벨 5 제목
레벨 6 제목
0일반 텍스트

그리고 그것이 어떻게 보이는지는 그림에서 명확하게 볼 수 있습니다. 1.3.

쌀. 1.3. 목록 1.3에 표시된 파일의 결과를 보여주는 브라우저 창

제목 태그에는 최근에 논의된 태그와 동일한 매개변수 세트가 있습니다. 그리고 , 즉 신분증 ID그리고 수업, 매개변수 일반 디자인 스타일및 정렬 매개변수 맞추다.

이것으로 일반적인 HTML 문서의 구조에 대한 논의를 마칩니다. 보시다시피 특별한 어려움은 없습니다. 모든 것이 조화롭고 논리적입니다.

태그와 요소의 개념

정의 1

우리가 이미 알고 있듯이 HTML은 태그 언어입니다. 그리고 태그(설명자)는 특수 코드, 텍스트에 삽입되어 서식 지정에 사용됨 HTML 요소-문서. 태그는 HTML 표준에서 채택된 주요 코딩 요소입니다. 태그는 꺾쇠괄호로 묶입니다(예: - 단락 태그, - 가로줄 태그).

태그에는 컨테이너와 단일 태그의 두 가지 유형이 있습니다.

컨테이너는 시작(열기) 및 끝(닫기) 태그를 포함하는 설명자 쌍입니다. 시작 태그는 TAG가 실제 HTML 태그의 이름인 형식입니다. 종료 태그는 다음과 같습니다. 컨테이너 사용의 핵심은 특정 정보(텍스트 또는 기타 HTML 태그)를 저장하는 것입니다. 이로 인해 컨테이너의 내용은 시작 태그와 끝 태그 사이에 포함됩니다.

빈 태그는 정보가 없다는 점에서 컨테이너와 다릅니다. 시작 태그만 포함됩니다. 이 핸들은 일반적으로 다음과 관련되지 않은 독립형 작업을 수행하는 데 사용됩니다. 특정 텍스트(태그는 수평선을 생성합니다).

문서 요소는 컨테이너의 시작 및 종료 태그와 그 사이에 포함된 콘텐츠로 구성됩니다. 요소는 이미지, 텍스트 조각, 양식, 표, 목록, 링크 등이 될 수 있습니다. 텍스트 필드, 버튼, 문서 제목 또는 주요 부분.

문서 테두리

정의 2

기본 HTML 태그는 동일한 이름의 태그입니다. 태그는 항상 시작 부분에 나타나 문서를 열고, 태그는 항상 마지막 줄에 나타나 문서를 닫습니다.

이 2개의 태그는 태그 사이의 줄이 단일 HTML 문서임을 나타냅니다. 문서 자체가 일반 ASCII 텍스트 파일이기 때문에 이는 매우 중요합니다. 이러한 태그가 없으면 브라우저는 문서 형식을 식별하고 올바르게 해석할 수 없습니다.

문서 제목

그는 선택적 요소, 하지만 잘 작성된 헤드라인은 항상 도움이 될 것입니다. 문서 헤더는 문서를 해석하는 프로그램에 정보를 제공합니다. 포함된 요소 HEAD 섹션(문서 제목 제외)은 화면에 반영되지 않습니다. 다음을 위해 필요합니다.

• 문서 제목을 결정합니다.
• 여러 문서 간의 관계를 설정합니다.
• 검색 양식을 생성하도록 브라우저에 지시합니다.
• 전송 방법을 정의 특별한 메시지특정 브라우저나 기타 시청 프로그램의 경우.

HEAD 섹션은 태그 바로 뒤에 오는 태그를 엽니다. 닫는 태그는 이 섹션의 끝을 나타냅니다. 그 사이에는 문서의 헤더 섹션 태그의 나머지 부분이 있습니다.

문서 이름

TITLE 섹션은 필수 요소문서 제목은 브라우저 창의 제목 표시줄에 일반적으로 나타나는 제목을 문서에 제공합니다. TITLE 섹션의 내용은 파일 이름과 위치에 의존하지 않는 텍스트 문자열이므로 문서 파일 이름으로 식별할 수 없습니다. 일반적으로 파일 자체의 이름이 정의됩니다. 운영 체제그것이 저장되어 있는 컴퓨터.

문서 제목은 및 태그 사이에 있으며 텍스트 문자열입니다. 따옴표 안에 있지 않습니다. 일반적으로 TITLE 섹션은 한 줄입니다.

참고 1

원칙적으로 이름의 길이에는 제한이 없으며 일부 예약된 문자를 제외한 모든 문자를 포함할 수 있습니다. 실제로는 브라우저 창의 제목 표시줄에 제목이 표시되므로 한 줄을 사용하는 것이 더 좋습니다. 또한 브라우저 창을 최소화할 때 문서 제목이 어떻게 표시되는지 잊지 않는 것이 좋습니다. 따라서 가장 중요한 단어를 제목 시작 부분에 배치해야 합니다.

문서 본문

문서에 내용을 채우기 전에 소위 프레임을 준비해야 합니다. HTML 문서는 특정 요소를 포함해야 하며, 그렇지 않으면 올바르게 해석되지 않습니다. 다음은 가장 간단한 템플릿의 목록 예입니다.

예시 문서입니다

여기에 본문을 입력하세요.

템플릿은 각 문서에 필요한 태그를 엽니다. 그 다음에는 문서 제목을 시작하는 태그가 있으며, 이 태그에는 문서 제목을 소개하는 TITLE 요소가 포함되어 있습니다. 제목이 태그를 닫습니다. 그런 다음 태그가 나오고 그 뒤에 문서의 텍스트(본문)가 배치됩니다. 태그는 본문의 끝을 나타내고, 태그는 전체 문서의 끝을 나타냅니다.

BODY 요소 속성

BODY 요소에는 다음이 포함될 수 있습니다. 많은 수의속성. 그들 모두는 결정하기 때문에 중요합니다. 일반적인 형태문서. 이러한 속성은 아래 표에 나와 있습니다.

이러한 속성을 살펴보겠습니다.

색상 결정 구성 요소문서 생성 초기에 문서가 필요합니다. 그렇지 않으면 뷰어가 설정한 기본 색상이 사용되기 때문입니다.

선택할 때 색상 팔레트우리는 지원하려고 노력해야합니다 고대비텍스트와 배경은 사용자가 불편함을 느끼지 않도록 유사한 색상의 인접 영역을 피하십시오.

HTML 색상이 정의되었습니다 16진수 코드. 색상 체계는 빨간색, 파란색, 녹색을 기반으로 합니다.

BGCOLOR 속성은 문서의 배경색을 지정합니다. 페이지에서 사용 가능한 경우 배경 이미지 이 속성사용자가 페이지의 텍스트를 쉽게 읽을 수 있도록 그림의 전체적인 톤에 가장 가까운 색상을 제공합니다.

TEXT 속성은 문서 텍스트의 색상을 지정합니다. 페이지에서 높은 텍스트 대비를 유지하도록 노력해야 합니다. 얇은 폰트를 사용할 때에는 밝은 배경에 어둡게 하는 것이 좋습니다.

LINK 속성을 사용하면 브라우저는 아직 보지 않은 링크를 표시합니다. 본문 배경에 컬러로 강조 표시하는 것이 좋습니다.

ALINK 속성은 색상을 정의합니다. 활성 링크. 이 속성은 일반적으로 다중 프레임 문서를 볼 때 사용됩니다.

노트 2

다음 중 하나 대중적인 방법페이지 장식은 페이지 위에 배경 그래픽을 배치하는 것입니다. 이 기술은 문서의 무결성을 강조하거나 문서를 논리적인 부분으로 나눕니다. 대부분의 배경 이미지는 크기가 작기 때문에 뷰어 창은 해당 이미지의 복사본으로 채워집니다. 질감(패턴) 이미지가 매우 인기가 있습니다. 보다 사려 깊은 페이지 디자인은 콘텐츠와 어울리는 배경을 사용합니다.

LEFTMARGIN 및 TOPMARGIN 속성은 텍스트의 왼쪽 및 위쪽 가장자리와 브라우저 창의 해당 가장자리 사이의 거리를 설정합니다. 다른 텍스트 가장자리의 위치는 모든 브라우저에서 페이지를 볼 수 있도록 조정되지 않습니다.

LEFTMARGIN 속성은 브라우저 창의 왼쪽 가장자리 사이의 거리를 픽셀 단위로 설정합니다. 사용자는 배경 이미지의 나머지 부분과 패턴이나 색상이 다른 텍스트 없는 상자를 왼쪽에 표시하려는 경우 이 속성을 사용합니다.

TOPMARGIN 속성은 텍스트의 위쪽 가장자리와 브라우저 창의 위쪽 가장자리 사이의 거리를 설정합니다. 속성은 다음과 같은 경우에 사용됩니다. 큰 중요성열려 있어야 하는 배경 이미지의 상단 부분입니다.

댓글 활성화

HTML 문서에는 독자가 볼 수 없는 주석이 포함되어 있습니다. 태그로 시작합니다. 이 태그 안의 모든 내용은 페이지를 볼 때 보이지 않는 상태로 유지됩니다.

주소 요소

이 요소는 다음 중 하나입니다. 중요한 요소문서 작성자를 식별하고 원하는 경우 작성자의 주소를 표시할 수 있는 HTML입니다. 저작권 정보도 포함되어 있습니다. 이 요소는 문서의 시작 부분이나 맨 끝 부분에 있습니다.

ADDRESS 요소는 및 태그 사이에 포함된 텍스트로 구성되며 일반적으로 브라우저 창에 기울임꼴로 표시됩니다.