HTML - это, без сомнения, главный язык интернета, 그것으로 태어났다. 어떤 식 으로든, 그는 월드 와이드 웹에서 각 웹 페이지를 작성하고 운영하는 데 관여합니다. HTML의 정의와 작동 방식을 이해하지 못하면 문서가 원래 있던 연속적인 텍스트 스트림을 체계적이고 아름답고 사용자 친화적 인 웹 사이트로 전환하는 것은 불가능합니다.
약어는 영어에서 파생됩니다하이퍼 텍스트 마크 업 언어 이 번역은 하이퍼 텍스트 마크 업 언어 인 HTML이 무엇인지 완전히 설명합니다. 인터넷 개발 초기에 나타 났으며 과학 및 기술 문서가 포함 된 웹 페이지를 디자인하기위한 것으로 특히 적절한 디자인이 필요합니다.
언어의 창시자 인 Tim Berners-Lee는그것의 도움으로 다른 도시와 국가의 과학자들 사이의 교환을 위해 간단하지만 이해하기 쉬운 문서를 쉽게 만들 수 있습니다. 그는 텍스트를 형식화하는 요소 인 설명자 세트를 개발했습니다. 이제 우리는 "태그"라는 이름으로 그것들을 알고 있습니다.
HTML 텍스트를 올바르게 표시하려면 필수처리. 이것은 특별한 프로그램-브라우저에 의해 수행됩니다. 마크 업 된 페이지를 수신하고 태그 태그를 해석하며 사용자가 볼 수있는 형식으로 텍스트를 표시합니다.
언어의 매우 중요한 부분은이름은 하이퍼 텍스트 지원입니다. 즉, 일부 HTML 페이지에는 다른 HTML 페이지에 대한 링크가 포함될 수 있습니다. 상호 참조 시스템은 과학 논문에서 특히 중요하므로 복잡한 용어에 대한 설명을 탐구하지 않고 필요한 경우 독자를 적절한 장으로 보내면됩니다.
Шло время, простой набор тегов, которым был HTML 존재의 시작 부분에서 성장하고 힘을 얻었습니다. 이제 페이지에 멀티미디어 컨텐츠를 임베드하고 테이블을 작성하며 이미지 위치를 관리 할 수 있습니다.
언어의 자발적인 확장은 억제되고 통제되어야하며 특정 표준이 필요했습니다.
1995 년-세 번째 버전 채택 시점사양 및 코더 운명의 전환점. 당시의 현대 브라우저는 더 이상 수용 표준의 구현을 보장 할 수 없었으며 즉흥과 계층화가 시작되었습니다. 각 인터넷 브라우저에는 HTML이 무엇인지, 특정 설명자를 처리하는 방법에 대한 의견이있었습니다.
다행히도 현재 브라우저 간의 주요 모순이 완화되어 프런트 엔드 개발자에게 많은 에너지와 신경이 절약되었습니다.
2018 년 실제는 5 번째 표준입니다HTML (초안은 2007 년 말에 나타남). 그는 많은 새로운 요소와 속성을 도입하고 웹 페이지의 의미와 장애가있는 사용자의 접근성을 특별히 강조했습니다.
언어는 계속해서 적극적으로 발전하고 향상됩니다.
기본 HTML 구조는 설명자 또는 태그 및 엔터티입니다. 도움을 받아 처리 된 일반 텍스트는 웹 문서로 바뀝니다.
하이퍼 텍스트 마크 업 언어의 엔티티는 일반 키보드에서는 찾을 수없는 유니 코드 특수 문자의 니모닉 코드입니다.
실체 예제 :
| < | 오프닝 앵글 브래킷 |
| > | 폐쇄 앵글 브래킷 |
| ← | 얇은 왼쪽 화살표 |
| ↑ | 얇은 화살표를 가리키는 |
HTML 엔터티는 앰퍼샌드로 시작합니다.세미콜론으로 끝나고 기억하기 쉬운 문자 코드를 포함합니다. HTML 코드로 직접 작성할 수없는 문자를 표시 할 수 있기 때문에 중요합니다.
이러한 표지판에는 예를 들어 꺾쇠 괄호가 포함됩니다. 하이퍼 텍스트 마크 업 언어에서는 태그 식별자로 사용되며 양쪽에서 설명자 이름을 둘러 쌉니다.
태그는 웹 문서의 주요 구조 구성 요소입니다. 그들은 개폐 부분과 그 사이의 내용물을 담은 용기입니다.
태그 예 :
태그 안의 텍스트 이것은 HTML 설명자입니다. 그리고기울임 꼴 글꼴 정의. 문자 i는 기울임 꼴 단어의 첫 번째 문자입니다. 그는있다 :
<및>;
대부분의 디스크립터는 동일한 구조를 갖지만 빈 그룹의 작은 그룹이 있습니다.
가독성을 높이기 위해 여러 줄로 분할되어야하는 긴 텍스트입니다.
태그
다음 태그도 비어 있습니다.
<시간>텍스트 블록을 서로 구분하는가는 회색 선을 나타냅니다.<입력>대화 형 양식 요소의 전체 제품군을 나타냅니다.<img>이미지 파일 연결;<메타>, <링크>.설명자는 여러 수준에서 서로 중첩 될 수 있습니다. 유일한 예외는 콘텐츠를 포함 할 수없는 빈 태그입니다.
웹 문서를 만들 때 매우 중요한 것은 여는 태그 요소에 배치되는 속성입니다. 설명자는 하나 이상의 속성을 가질 수도 있고 전혀 없을 수도 있습니다.
대부분의 경우 속성 사용요소 동작의 일부 측면이 명확 해지고 때로는 시각적 표현을 근본적으로 변경할 수 있습니다. 서비스 목적으로 여러 속성이 사용되므로 CSS 또는 JavaScript에서 HTML 태그를 조작 할 수 있습니다.
속성 설정 :
색상 선택 : <입력 유형 = "체크 박스"이름 = "red"> 빨간색 <입력 유형 = "체크 박스"이름 = "노란색"선택됨> 노란색 <입력 유형 = "체크 박스"이름 = "green"> 녹색다음은 3 개의 대화 형 <input> 요소 그룹입니다. 속성 타입 표시를 확인란으로 정의하고, 이름 특정 필드의 이름과 속성을 포함합니다. 확인중요하지 않은 경우 두 번째 입력을 기본값으로 만듭니다.
설명자에 대해 정의 할 수있는 일반 속성과 특정 태그에 특정한 특정 속성이 있습니다.
범용 속성에는 ID, 클래스, 제목이 포함됩니다.
특정-앞서 언급 한 유형, 확인 된 유형, src, href 및 기타 여러 가지.
HTML 페이지를 받으면 브라우저는이를 구문 분석하고 불필요한 항목을 모두 버립니다. 따라서 대부분의 경우 여러 공백과 줄 바꿈은 무시됩니다.
다음 두 코드 스 니펫은 브라우저에서 완전히 동일하지만 그중 하나는 연속 된 공백을 많이 포함하고 여러 줄로 나뉘고 두 번째 코드는 그렇지 않습니다.
<!-첫 번째 스 니펫-> <p> Lorem ipsum <i> dolor sit </ i> amet. </ p> <p> <b> doloribus sunt, </ b> 광고 제공. </ p> <!-두 번째 스 니펫-> <p> Lorem ipsum <i> dolor sit </ i> amet. </ p> <p> <b> doloribus sunt, </ b> ad provident. </ p>
하이픈과 탭을 사용하여코드의 시각적 구조화이지만 브라우저에는 의미가 없습니다. 경우에 따라 공백 및 들여 쓰기와 함께 원본 텍스트 형식을 유지해야하는 경우 브라우저의 사전 처리없이 콘텐츠를 표시하는 태그가 있습니다. 예를 들면 다음과 같습니다. <프리>.
HTML은 대소 문자를 구분하지 않는 언어입니다. 즉, 태그, 이름 및 속성 값은 소문자 또는 대문자로 작성 될 수 있으며 두 옵션 모두 브라우저에서 똑같이 올바르게 처리됩니다. 원하는 경우 대문자와 소문자의 조합을 사용할 수도 있지만 이는 코드의 정상적인 인식을 방해합니다.
태그, 속성 및 구문에 익숙해지면 HTML의 기본에서 전체 HTML 문서 구조로 이동할 수 있습니다.
브라우저가 올바르게 표시 되려면 모든 웹 페이지에 일종의 프레임 워크가 있어야합니다.
HTML 문서의 필수 구조는 다음과 같습니다.
머리.<! DOCTYPE html> <html> <헤드> <!-브라우저 및 검색 로봇 서비스 정보-> </ head> <본체> </ body> </ html>HTML5에는 태그가 필요하지 않습니다. 몸 문서에 있지만 콘텐츠 영역을 표시하는 데 계속 사용하는 것이 좋습니다.
중요하지만 선택적 서비스 설명자는 다음과 같습니다.
<헤드> <title> 페이지 제목 </ title> <meta charset = "utf-8"> <메타 이름 = "description"content = "Description of the page for search robots"> </ head>그렇지 않으면 HTML 페이지의 구조는 무엇이든 될 수 있습니다. 그 기능은 특정 프로젝트에 따라 다릅니다.
지켜야 할 주요 규칙모든 웹 문서는 올바른 태그 중첩입니다. 먼저 가장 깊은 중첩 수준에있는 설명자를 닫은 다음 모든 외부 설명자를 하나씩 닫습니다.
<본체> <메인> <기사> <p> 단락 텍스트 </ p> <!-단락이 먼저 닫힙니다.-> </ article> <!-then article-> </ main> <!-다음 기본 태그-> </ body> <!-그리고 마지막으로 문서의 본문->사양 및새로운 디스크립터의 출현으로 웹 문서 작성 기술이 변경되었습니다. 처음에는 텍스트가 단락으로 만 나뉘어 연속적인 흐름으로 진행되었습니다. 그런 다음 테이블 레이아웃 시대가 도래하여 열과 같은 모든 구성에서 페이지에 블록을 배치 할 수있게되었습니다.
CSS가 개발되면서 스타일로 문서를 원하는대로 디자인 할 수 있었기 때문에 테이블 사용이 점차 중단되었습니다.
새로운 HTML 표준은 HTML 문서 구조의 의미론을 환영합니다. 이는 다음과 같은 의미 태그를 사용하여 달성됩니다. 헤더, 보행인, 본관, 조, 탐색, 부분 다른 사람.
인터넷의 주요 언어는 매우 간단합니다. 누구나 HTML이 무엇인지 파악하고 자신의 웹 페이지를 만들어이 지식을 성공적으로 적용 할 수 있습니다.
