스마트폰과 PC를 설정하는 방법. 정보 포털
  • 안전
  • 기본 HTML 태그. 페어링되지 않은 태그는 페어링된 태그와 어떻게 다릅니까? 짝을 이루는 태그와 짝을 이루지 않은 태그

기본 HTML 태그. 페어링되지 않은 태그는 페어링된 태그와 어떻게 다릅니까? 짝을 이루는 태그와 짝을 이루지 않은 태그

꼬리표 (pl. 태그, 때때로 태그) 웹 페이지의 소스 텍스트를 마크업하는 데 사용되는 HTML 요소입니다. 태그는 꺾쇠 괄호로 묶인 영어 단어의 약어 또는 약어입니다.<>예: 태그

영어 단어의 줄임말 즉, 이 태그에 포함된 텍스트는 브라우저에서 단락으로 인식됩니다.

HTML의 각 태그는 특별한 의미를 가지며 특정 데이터를 표시하는 역할을 합니다. 태그 이름의 대소문자는 중요하지 않습니다(예: tag

그리고 태그

- 이것은 동일합니다. 즉, 태그는 소문자와 대문자로 모두 쓸 수 있습니다. 태그를 일반 텍스트와 구별하기 위해 모든 태그는 대문자로 작성해야 한다는 것이 일반적으로 받아들여졌습니다. 많은 편집기에 구문 강조 표시가 있으므로 이제 그런 필요가 없습니다.

태그 분류

HTML에는 총 90개 이상의 태그가 있습니다. 일반적으로 하나의 태그는 문서의 일부에만 영향을 미칩니다(예: 첫 번째 수준 제목 태그)

... 이러한 경우 쌍으로 된 태그가 사용됩니다. 열리는그리고 피복... 여는 태그(예:

) 효과를 만들고 닫는(

) - 효과를 종료합니다. 예에서 볼 수 있듯이 닫는 태그에는 항상 다음 기호( / ) - 슬래시. 이러한 태그는 짝을 이룬.

일부 태그는 표시되는 위치에 일회성 효과가 있습니다. 예를 들어 가로 막대 태그


또는 사진 표시 태그 ... 이러한 태그에는 종료 태그가 없습니다. 이러한 태그를 쌍이 아닌 태그라고 합니다.

태그 유형

또한 태그는 기능이 다른 여러 유형으로 나뉩니다.

  • 문서 제목 태그;
  • 블록 요소;
  • 인라인 요소;
  • 보편적인 요소;
  • 기울기;
  • 테이블;
  • 프레임.

이 구분은 엄격하지 않으므로 일부 태그는 다른 그룹에 있습니다. 예를 들어 목록을 만들기 위한 태그

    그리고
      목록과 블록 요소 모두에 적용됩니다.

      태그 구조

      브라우저에 로드할 때 태그 자체는 표시되지 않지만 콘텐츠가 표시되는 방식에 영향을 줍니다. 태그 철자에 오류가 있으면 완전히 무시됩니다.

      모든 태그에는 작성할 때 따라야 하는 특정 구조가 있습니다. 또한 거의 모든 태그에는 콘텐츠가 표시되는 방식을 변경할 수 있는 다양한 속성이 있습니다.

      속성을 포함하는 태그의 올바른 구조를 살펴보겠습니다.

      1. 자신의 웹마스터

      예를 들어 완전히 다른 두 개의 태그를 지정했습니다. 첫 번째 단일 - 이미지, 속성 표시를 담당합니다. src = "로고.jpg"... 초 paired는 링크, 속성 생성을 담당합니다. href = "사이트".

      결론 1: 속성은 짝을 이루는 태그와 짝을 이루지 않은 태그를 가질 수 있습니다.

      결론 2: 속성은 여는 태그만 가질 수 있고 닫는 태그는 속성이 없습니다.

      설명을 위한 그림:

      HTML은 확장자가 .htm(html)인 일반 텍스트 파일입니다. 처음에 가장 간단한 페이지를 만들려면 연습만 할 때 수첩만 있으면 됩니다. 메모장을 열고 텍스트를 작성하십시오.

      각 HTML 요소는<>괄호. 모든 파일, html 페이지는 태그로 시작 태그로 끝납니다..

      이 태그 주어진 문서가 html 마크업 문서임을 단순히 브라우저(웹을 탐색하는 프로그램)에 알려줍니다.

      꼬리표 - html 문서의 시작을 의미하고,- 닫는 태그는 html 문서의 끝을 의미합니다.



      이 태그 안에는 몇 가지 다른 중요한 태그가 있습니다. 태그 바로 다음에 페이지의 제목과 페이지의 본문을 의미하는 태그가 있습니다.


      내 첫 번째 HTML 페이지




      꼬리표 이 페이지를 표시할 때 창 제목의 제목을 의미합니다. <br>이제 메모장에서 새 텍스트 문서를 만들고 위에 표시된 텍스트를 복사하여 Page1.html로 저장하고 브라우저에서 실행할 수 있습니다. <title>, 빈 페이지 우리는 태그의 페이지 본문에 있습니다. <body> </body>아무것도 표시하지 마십시오.</p> <p>따라서 위의 텍스트는 모든 웹 페이지의 기본 골격이 됩니다.</p> <h4><b>페어링된 태그와 페어링되지 않은 태그!</b></h4> <p><html></html>, <head></head>,<body></body>이들은 한 쌍의 태그일 뿐입니다. 태그와 닫는 태그, /가 있는 닫는 태그의 쌍으로 사용되는 태그입니다. 쌍을 이루는 태그의 경우 태그 시작과 태그 끝 사이의 값이 태그의 동작입니다. / 문자가 있는 태그를 찾을 때까지 작업이 전파됩니다.</p> <p>일치하지 않는 태그 - 종료 태그가 없습니다. 아래에서 이러한 태그의 예를 제공합니다.</p> <p><head></head>- 검색 엔진에 대한 키워드, 다양한 스크립트 등을 포함하는 html 페이지의 제목</p> <p><body></body>- 직접 html 문서의 본문.</p> <p><br />페어링되지 않은 태그입니다.</p> <p><b>메모:</b>이제 대부분의 경우 사이트를 구축할 때 기성품 루틴, 플러그인 등을 사용합니다. - 더 빠른 사이트 생성을 위해 그러나 이러한 루틴과 템플릿을 적용하고 사용하려면 이러한 세션에 대한 최소한의 지식이 여전히 필요합니다.</p> <p>HTML(HyperText Markup Language)은 <b>하이퍼텍스트 마크업 언어</b>... 마크업 언어는 인터넷 페이지, 사이트에 구조를 부여하는 데 사용됩니다. 마크업 언어는 디자인을 전달하지 않지만 구조화 작업을 수행합니다. 구조는 브라우저에서 이해할 수 있는 레이블인 특수 요소를 사용하여 설정됩니다. 이 레이블을 영어에서 태그라고 합니다. 단어 <i>태그 - 명명된 태그.</i></p> <p>하이퍼텍스트는 마크업된 문서입니다. <b>HTML 언어</b>... "하이퍼텍스트"라는 용어는 원래 Ted Nelson이 "자체적으로 분기하거나 요청 시 작업을 수행하는" 텍스트를 참조하기 위해 만들어졌습니다.</p> <p>HTML 문서는 특별한 구조를 가진 일반 텍스트 파일입니다. 인터넷 브라우저를 열면 이 문서가 처리되며 그 결과 텍스트, 그림, 링크 등이 있는 일반적인 인터넷 페이지가 표시됩니다. 인터넷 페이지에는 확장자가 있습니다. <i>HTML</i>.</p> <p>간단한 HTML 문서의 구조를 고려하십시오</p> <p><!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>문서

      문서

      라인 태그라고 합니다. 일반적으로 기호로 묶인 모든 것은<>태그라고 합니다. 이러한 문자는 HTML 언어의 서비스 문자입니다. 두 가지 유형의 태그가 있습니다.

      • 페어링됨- 이 태그에는 여는 태그와 닫는 태그가 있습니다. 닫는 태그에 슬래시 문자가 포함되어 있습니다. 태그의 내용은 이러한 태그 사이에 삽입됩니다. 태그의 내용은 일반 텍스트 또는 기타 중첩 태그일 수 있습니다. 쌍을 이루는 태그의 예:
      • 페어링되지 않음- 닫히지 않은 태그. 예시:

      HTML은 철자를 구분하지 않기 때문에 태그는 대문자와 소문자로 작성할 수 있습니다. 항상 쌍을 이루는 태그를 닫아야 합니다!

      많은 수의 태그를 알고 운용할 수 있는 좋은 형태로 여겨진다. 이것은 두려워할 필요가 없습니다. 지식을 실제로 적용하기 시작하자마자 모든 것이 기억되고 머리에 맞을 것입니다. 추가 교육 과정에서 주요 태그를 알게 될 것입니다. 일반적으로 진행 상황이 멈추지 않고 프로그래밍 언어가 빠르게 발전하고 업데이트가 거의 반마다 릴리스되기 때문에 최신 정보를 찾을 수있는 인터넷에서 현재 엄청난 수의 HTML 참조 서적을 사용할 수 있습니다. 년. 또한 치트 시트에서 교육 중에 필요한 최소한의 태그를 찾을 수 있습니다.

      HTML 문서의 구조를 고려하십시오.

      • - 이 태그는 무엇입니까? 이 페이지에서 사용되는 HTML 버전입니다. 모든 HTML 문서는 유사한 태그로 시작하는 것이 일반적입니다. 이것은 좋은 습관으로 간주됩니다. DOCTYPE은 모든 브라우저(현재 많은 브라우저가 있음)가 마크업을 올바르게 처리하고 문서의 내용을 표시할 수 있도록 문서가 작성된 HTML 버전을 브라우저에 알려줍니다. 이것이 완료되지 않으면 기본 브라우저가 문서 버전을 잘못 결정하므로 모든 마크업이 다른 브라우저에서 잘못 표시될 수 있습니다. 이 경우 DOCTYPE은 HTML5 버전을 나타냅니다.
      • - 모든 페이지 콘텐츠는 이러한 쌍을 이루는 태그 사이에 포함되어 브라우저에 이것이 HTML 페이지임을 알려줍니다.
      • -서비스 섹션(헤더)은 외부 파일을 연결하는 데 사용되며 이 페이지의 모양, 출력 및 작동을 담당하는 설정입니다. 그 내용은 대부분 제목 태그를 제외하고 페이지에 표시되지 않습니다. 제목 태그 - 탭에 표시되는 페이지 제목을 포함합니다.
      • - 페이지에 표시되는 모든 것은 body 태그에 기록됩니다.

      HTML의 기능을 확장하기 위해 속성이라고 하는 특수 정보가 태그에 추가됩니다. 그래서 라인에서 :

      charset = "UTF-8" - 속성. 많은 속성이 있을 수 있습니다. 속성은 공백으로 구분됩니다. 이 경우 메타 HTML 태그를 사용하여 페이지를 UTF-8 인코딩으로 지정합니다. 저것들. 브라우저는 페이지 콘텐츠의 올바른 표시를 위해 이 문서의 인코딩으로 표시됩니다.

      속성은 태그의 기능을 확장하는 데 사용되며 태그가 페이지에 표시되는 방식과 태그의 동작을 모두 수정할 수 있습니다. 모든 태그가 정보를 표시하는 데 사용되는 것은 아닙니다. 예를 들어 JavaScript를 사용하여 페이지 동작을 프로그래밍하는 데에만 사용되는 태그가 있습니다.

      자제를 위한 질문

      1. 하이퍼텍스트란 무엇입니까?
      2. HTML을 사용해야 하는 이유는 무엇입니까?
      3. 페이지 인코딩이란 무엇입니까? 왜 사용됩니까? 브라우저에서 인코딩을 어디에서 변경할 수 있습니까?
      4. 어떤 종류의 속성을 알고 있습니까?
      5. 태그란 무엇입니까? 속성과 어떻게 다릅니까?
      6. HTML 페이지에는 어떤 태그가 포함되어야 합니까?

      수업의 텍스트는 M과 공동으로 개발되었습니다.

      HTML 태그- HTML 언어의 기초. 태그는 마크업 요소의 시작과 끝을 구분하는 데 사용됩니다.

      각 HTML 문서는 HTML 요소와 텍스트의 트리로 구성됩니다. 각 HTML 요소는 시작(열기) 및 끝(닫기) 태그로 식별됩니다. 시작 및 종료 태그에는 태그 이름이 포함됩니다.

      모든 HTML 요소에는 5가지 유형이 있습니다.

      • 빈 요소 , ,
        , , ,
        , , ,
        페이지에 대한 추가 정보를 저장하는 데 사용됩니다. 브라우저는 이 정보를 사용하여 페이지를 처리하고 검색 엔진은 이 정보를 사용하여 색인을 생성합니다. 블록에서 태그가 여러 개일 수 있습니다. , 사용된 속성에 따라 다른 정보를 전달하기 때문입니다. 지정된 범위의 측정 표시기.