많은 언어가 발명되었지만 HTML특별하고 가장 많이 찾는 수에 속합니다. 다른 많은 주요 프로그래밍 노력도 이와 관련되어 있습니다. 개발자의 마음이 마크 업 언어 HTML (HyperText Markup Language)에 익숙 할 때 많은 기능을 사용할 수 있습니다.
본질적으로 HTML과 관련하여 복잡한 것은 없습니다.몇 분 안에 프로그래밍과 인터넷에서 가장 먼 사람은 메모장에 HTML 페이지를 만듭니다. 주의를 기울이고 단순하며 실제로 모든 사람이 이용할 수있는 예.
HTML 파일은 사이트에서 한 페이지이지만 논쟁 할 수는 있지만 한 파일이 한 페이지라는 사실은 처음에는 이해할 수 있습니다.
HTML 파일은 DOCTYPE 헤더로 시작합니다.파일 형식이 HTML임을 나타냅니다. 모든 페이지 요소 (태그)는 꺾쇠 괄호 안에 표시됩니다. 각 쌍 ( "<"및 ">")에는 하나의 HTML 태그가 포함됩니다. 일반적으로 HTML 태그는 쌍으로 이루어집니다. 즉, 각 "태그"마다 "/ 태그"가 있습니다. 둘 다 꺾쇠 괄호로 묶여 있습니다. 가장 인기있는 "br /"는 다음 줄로의 전환 인 단일 태그가 있습니다.
파일에서 가장 큰 태그는 HTML 자체입니다.HEAD와 BODY라는 두 개의 태그 만 포함합니다. 첫 번째로, 다양한 설명이 작성되고, 페이지에 필요한 다른 파일들에 대한 링크가 표시되며, PHP 및 JavaScript 스크립트가 존재할 수 있습니다. 두 번째는 페이지의 내용을 기록합니다. 또한 태그와 스크립트의 형태로.
이러한 페이지를 작성하는 예는 기사에서 아래에 제공됩니다. 신중하게 고려하십시오.
HEAD 태그의 주요 목적은 페이지와 일반적인 스크립트에 대한 일반적인 설명이지만 후자는 비교적 상대적인 개념입니다. 일반적으로 여기에는 두 가지 중요한 의미가 있습니다.
페이지 내용을 표시하기 위해이 섹션의 내용은 다음을 나타 내기 때문에 간접적으로 중요합니다. 다른 파일의 어딘가에 다른 언어의 태그 및 스크립트에 대한 CSS 규칙이 있습니다.
HTML 페이지에는 제목 (TITLE)이 있습니다.방문자가 페이지가 열린 탭으로 마우스를 가져 가면 표시됩니다. 읽을 수있는 텍스트로 서명 된 페이지를 훨씬 더 표현하기 쉽고 표현하기 쉽기 때문에이 점이 중요합니다.
메타 태그는 일반적으로 인터넷 프로그래밍에서 중요하지만 노트북에서 HTML 페이지를 작성해야하는 경우 불필요한 구성으로 예제를 복잡하게 만드는 것은 바람직하지 않습니다.
링크 및 스크립트 링크가 강조 표시되어야합니다.주의. 첫 번째는 CSS 스타일 시트의 위치를 나타내고 두 번째는 JavaScript 코드 파일의 위치를 나타냅니다. 그러한 링크가 많이있을 수 있습니다.
Если к скриптам следует подходить, когда знания HTML이 강화되었으므로 CSS (Cascading Style Sheet)는 즉시 해결해야합니다. CSS 파일은 특히 HTML 태깅 규칙을 제공합니다.
실제로 HTML 페이지의 예는BODY 섹션. 여기에는 모든 정보, 사이트 페이지의 모든 내용이 포함되어 있습니다. 모든 정보는 JavaScript 코드 또는 PHP 프로그램 삽입과 같은 태그 및 스크립트 형식으로 제공됩니다.
HTML 웹 페이지의 예가텍스트 편집기, 특히 메모장에서 브라우저와 동일한 예제는 동일한 것과 다릅니다. 첫 번째 경우, 모든 스크립트가 실행되는 기성품 HTML 텍스트가 있습니다. 예를 들어, PHP는 적절한 부분에 코드 대신 부분을 처리하고 필요한 태그를 구성했습니다. JavaScript는 여전히 별도의 논의가 있지만 임무를 수행했습니다.
HTML은 스크립트가 아니라 태그입니다. 궁극적으로 브라우저는 페이지의 내용 만 표시하고 태그 만 표시합니다. 거기에 PHP 코드가 없습니다.
자바 스크립트는 특별한 위치에 있으며,로드 (재로드) 할 때뿐만 아니라 페이지가 방문자의 브라우저에있을 때 페이지를 제공하는 것이 중요합니다.
간단한 HTML 페이지 코드 예제 (BODY 섹션 만 해당)는 다음과 같습니다.
방문자의 브라우저에서는 다음과 같습니다.
코드는 어떻게 보이는지 나타내지 않았습니다.브라우저가 표시 한 요소 보이는 모든 디자인은 CSS 규칙에 있습니다. 이 경우 참조 된 Mcss / scPhpWordRW.css 파일 (첫 번째 예제 HTML 페이지 참조).
HTML과 달리 CSS 테마는 더 간단합니다.HTML 페이지를 만드는 예제에 메모장 만 있으면됩니다. 즉각적인 개발을 위해 모든 것이 매우 접근 가능합니다.
Здесь показано, как просто описан тег scLogo_vDoc 및이 설명은 정상 상태에서 태그에 vDoc-logo.png 이미지를 표시하고 마우스가 위에 있으면 vDoc-logo-h.png가 표시되도록하는 설명입니다.
Язык не предполагает како-либо структуры и 구문의 개념은 매우 상대적입니다. 변수는 없지만 수많은 가능성이 있습니다. 하이퍼 텍스트의 기본은 이름을 가져야하는 요소 (태그)가 있다는 것입니다.
쌍을 이루는 태그의 경우 이름은 실제 이름 (tagName)과 꺾쇠 괄호 ( "<"+ tagName + ">") (태그의 시작 인 경우)로 구성되고 "</"+ tagName + ">"(작성된 경우)로 구성됩니다. 그 끝.
속성을 설명하는 HTML 페이지의 예는 텍스트 아래에 있습니다.
태그는 속성을 가질 수 있으며 배치됩니다.닫는 꺾쇠 괄호 ">"앞의 태그 이름 뒤의 공백. 태그에 속성이있는 경우 태그 시작 부분에만 기록됩니다. 태그의 내용은 태그의 시작과 끝 사이에 있습니다.
HTML을 사용하면 블록 및 인라인을 설명 할 수 있습니다.집단. 전자는 브라우저 창에서 특정 영역을 차지하고 절대적으로, 즉 HTML 페이지의 표시 영역에서 올바른 위치에 배치 할 수 있으며 특정 크기를 가질 수 있습니다.
인라인 요소는 일반적으로 표시됩니다.즉, 페이지가 파일에 지정되어 화면에 표시됩니다. 전체 흐름의 표시는 페이지가로드 될 때 영향을받을 수 있습니다. 블록 요소의 배치, 가시성 및 기타 속성은 JavaScript 코드를 통해 언제든지 영향을받을 수 있습니다.
간단한 요소 외에도 HTML은 표와 양식을 설명합니다. 이러한 요소는 "매일 사이트 구축"에서 큰 수요가 있습니다.
TABLE 태그를 사용하여 테이블을 생성 할 수 있습니다.특정 수의 TR 행과 각 행에서 특정 수의 TD 셀을 나타냅니다. 일반적인 표 구성과 달리 HTML 마크 업의 특성으로 인해 표 구성은이 선언으로 제한됩니다. 따라서 개발자가 모든 행의 열 수가 동일한 직사각형 테이블을 원하면이를 독립적으로 따라야합니다.
원칙 HTML 위치 :표시된 모든 것을 수행하지만 이해되지 않는 것은 없습니다. 경우에 따라 표의 각 행에있는 열 수가 그다지 중요하지 않지만 세로 또는 가로로 셀을 병합해야하는 경우 모든 것을 매우 신중하게 계산해야합니다.
간단한 표를 설명하는 HTML 페이지의 예가 기사에 명확하게 표시됩니다.
여기에 세 행 x 세 테이블이 표시됩니다.열 및 첫 번째 행에서 TD 태그 대신 열 제목 인 TH 태그가 사용되었습니다. 이 두 태그는 큰 차이가 없지만 첫 번째 태그를 사용하여 테이블의 첫 번째 행을 구별 할 수 있으며 CSS에서 자신의 스타일을 TH에 첨부하여 다른 TD와 유리하게 구별 할 수 있습니다.
양식은 HTML 태그에서 가장 많이 요청되는 부분입니다. 양식의 도움으로 정보를 전송할 수 있습니다. 실제로 페이지 자체는 정보의 출력이지만 양식은 입력입니다.
간단한 양식을 설명하는 HTML 페이지의 예 :
양식을 사용하는 더 많은 방법이 있지만주요 가능성은 다음과 같습니다. 입력 필드를 지정하고 사용자 입력을 분석하기위한 모양 및 핸들러를 지정할 수 있습니다. 숨겨진 필드를 지정하고 페이지에서 배경 정보를 전달할 수 있습니다. 정보 전송을위한 버튼을 지정하고 클릭하면 정보 전송 프로세스가 시작됩니다.
하이퍼 텍스트의 언어를 아는 것이 전제 조건입니다.인터넷 프로그래밍 분야의 모든 전문 분야에서 일하지만 PHP 또는 JavaScript로 프로그램을 작성해야하는 경우 HTML + CSS를 완벽하게 알아야합니다.
PHP 언어는 이전 예에서 표시되었습니다.PHP가 서버에서 실행되고 있으므로이 양식의 페이지가 채워진 필드가있는 서버에서 브라우저로 이동했습니다. 특히 INPUT 태그 (onblur 이벤트 핸들러)에서 언급 된 TestOnBlur 함수는 모든 매개 변수를 텍스트 필드로 수신했습니다.
JavaScript가 브라우저에서 실행 중이고데이터를 서버로 다시 보내는 버튼이 올바르게 작동했습니다. 즉, 구성 : onclick = jQuery ( "# to"). val ( "cart"), jQuery가 무엇인지뿐만 아니라 #to, val이 무엇인지에 대한 아이디어가 있어야합니다. , 카트. 보다 구체적으로, 기본 HTML 태그와 여기에 CSS 스타일을 적용하기위한 일반 규칙을 알아야합니다.
이것은 인터넷 프로그래밍 분야의 모든 전문 분야에서 귀하의 자격을 신속하게 높이기에 충분합니다.
