HTML 페이지의 예 및 기본 원칙의

많은 언어를 발명하지만, HTML의 언어는 가장 특별하고 vosstrebovan 중 하나입니다. 이 프로그램의 다른 주요 활동을 많이 포함하기 때문에. 하이퍼 텍스트 마크 업 언어 (HTML) - 대부분은 때 마크 업 언어의 개발자 현재의 지식의 마음에 사용할 수 있습니다.

사실, HTML에서, 아무 것도 어렵다 없다, 그리고 프로그래밍과 인터넷 사람들의 모든 가장 멀리 몇 분 안에 노트북, HTML 페이지의 설립을 충족합니다. 주목할만한 예, 참으로 단순, 모든 사람에게 접근.

일반적인 설명

HTML 파일 - 한 페이지 사이트,이 논쟁의 여지가 있지만, 그것은 분명 시작 페이지 당 하나 개의 파일이 무엇 있지만.

HTML 파일을 지정하는 DOCTYPE 헤더로 시작하는 파일의 종류가 - HTML. 모든 페이지 요소 (태그) 꺾쇠 괄호 안에 표시됩니다. 각 쌍 ( "<"와 ">") 한 HTML 태그를 포함한다. 일반적으로 HTML 태그는 모든«태그»에 대한, 즉, 쌍«/ 태그»이있다. 모두 꺽쇠 괄호 안에 들어 있습니다. 전환 다음 행으로 - 그 중 가장 인기있는«의 BR /»단일 태그가있다.

파일에서 가장 큰 태그 - HTML 그것은 자신 만이 태그 포함 : 머리와 몸을. 첫 번째 경우, 다른 사양은 현재 PHP와 자바 스크립트 스크립트 수있는 다른 관련 페이지 파일에 대한 링크를 표시합니다. 두 번째 페이지에 기록 내용에서. 또한 태그 및 스크립트의 형태이다.

간단한 HTML 페이지

이러한 페이지를 만드는 예는 아래의 문서에 표시된다. 주의 깊게 고려하십시오.

HEAD 섹션

주요 목적의 HEAD 태그 - 페이지 및 일반 스크립트에 대한 일반적인 설명, 후자 비록 - 단지 상대적인 개념. 일반적으로 두 가지에 상당한 중요성이 첨부 :

• 키워드 및 페이지 설명;
• 다른 파일에 대한 링크 (* .CSS와 *의 .js).

다른 파일 태그 및 기타 스크립트 언어에 대한 CSS 규칙이 곳을 나타 내기 때문에이 섹션의 페이지 콘텐츠의 내용을 표시하는 것은 간접적 인 중요성을 가지고있다.

HTML 페이지는 방문자가 페이지가 열립니다 탭 위에 마우스를 가져다 때 표시되는 제목 (TITLE)를 가지고있다. 이 읽을 수있는 텍스트 서명 페이지가 훨씬 더 흉, 쉽게 말을하려면 수 있기 때문에 중요하다.

META-태그는 일반적으로 웹 프로그래밍에서 중요하지만 그것이 노트북, 바람직하지 않은 혼란 중복 구조의 예에서, HTML 페이지의 작성을 요구하는 경우.

LINK (연결) 및 SCRIPT 링크에 특별한주의를 기울여야한다. 자바 스크립트 코드 파일의 위치 - 첫 번째는 CSS 스타일 시트 파일, 두 번째가있는 장소를 말한다. 이러한 링크를 설정할 수 있습니다.

당신은 강한 될 것입니다 스크립트가 HTML 지식으로 처리되어야 사용하는 경우, CSS 스타일 시트에 즉시주의를 기울여야한다. CSS의 파일은, 특히, HTML 태그의 등록 규칙입니다.

섹션 BODY

사실, 샘플 페이지의 HTML -이는 BODY 부분입니다. 그것은 모든 정보, 콘텐츠 페이지를 모두 포함하는 여기에있다. 모든 정보는 같은 자바 스크립트 코드 또는 PHP 프로그램의 조각을 삽입하는 등의 태그와 스크립트의 형태로 표시됩니다.

메모장과 같은 텍스트 편집기에서 브라우저와 같은 예에서 HTML 웹 페이지의 예는,이 같은 일이 아니라는 것을 깨닫는 것이 중요하다. 첫 번째 경우에서 우리는 모든 스크립트가 실행되는 준비 HTML 텍스트입니다. 예를 들어, PHP는 그 부분을 충족하고 대신에 적절한 장소 태그의 코드로 형성. 아직 별도의 대화 되려고하지만 자바 스크립트는 또한 임무를 완수.

HTML은 - 대신 스크립트의 태그. 궁극적으로 만 브라우저에 표시되는 페이지의 내용, 그러나 그것의 태그입니다. 어떤 PHP 코드가되지 않습니다.

뿐만 아니라 부팅 시간 (과부하)에서 페이지를 제공하기 위해,하지만 순간에 페이지가 방문자의 브라우저에있을 때, 그리고 연구에서 it - 자바 스크립트는 특별한 위치, 자신의 관리에있다.

간단한 예 코드의 HTML 페이지 (만 본체 부)는 아래와 같다.

아래 그림과 같이 방문자의 브라우저가 보인다.

코드에서 지정되지 않은 브라우저를 가져온 요소를 보일 것입니다. 모든 디자인은 CSS 규칙에 표시됩니다. 이 경우, 동일한 MCS (. 페이지 HTML의 최초의 예 참조) 참조 된 / scPhpWordRW.css 파일.

HTML은, CSS 테마 간단 달리 매우 접근 규칙이 있고, HTML 페이지의 창조의 예 메모장 이외의 다른 필요하지 않을 때 그 수는 적다. 모든 것은 즉시 개발을위한 매우 액세스 할 수 있습니다 :

이것은 태그 scLogo_vDoc을 설명하는 방법을 쉽게 보여주고,이 설명은 태그의 정상 상태에서의 사진 vDoc-logo.png을 표시하도록하고, 마우스가 위에있을 때 - vDoc-로고 h.png을 표시.

는 HTML 설명의 구조

언어는 여기에 매우 상대적인 개념의 구조와 구문 중 하나를 수행 포함되지 않습니다. 어떤 변수가 있습니다,하지만 많은 기회가있다. 하이퍼 텍스트의 기본 근거는 이름이 확실하다 요소 (태그)이 있다는 것입니다.

우리는 태그의 시작과 얘기하는 경우 («<»+ 태그 이름 +«>») 명 (태그 이름) 및 꺾쇠 괄호로 구성된 경우의 이름, 태그 쌍은,«»기록하는 경우 끝.

아래의 텍스트에있는 특성을 설명하는 HTML 페이지의 예.

속성을 가질 수있는 태그는, 그들은 ">"닫는 꺾쇠 괄호 전에 태그 이름 뒤에 공간을 통해 배치됩니다. 그들은 태그가 단지 시작에 기록되어있는 경우, 속성. 태그의 내용은 시작 태그와 그것의 끝 사이에 놓여있는 것입니다.

총 HTML 내용 설명

HTML은 블록 및 인라인 요소에 대해 설명 할 수 있습니다. 우선 절대적으로, 즉 디스플레이, HTML 페이지의 필드에 적절한 장소에 브라우저 창에서 특정 영역에 배치 될 수있다 차지, 특정 크기를 가지고있다.

페이지 파일에 명시하고, 화면에 표시되면서 인라인 요소는 일반적으로, 즉, 하나 개의 스레드를 나타납니다. 페이지로드 발생시 총 유량의 디스플레이는 영향을받을 수있다. 배치, 가시성 및 블록 요소의 다른 속성에 자바 스크립트 코드를 통해 언제든지 영향을받을 수있다.

단순한 요소뿐만 아니라, HTML은 테이블과 형태를 설명하기 위해 제공합니다. 이러한 요소는 수요에 아주 많이 있습니다 "매일 사이트 구축."

테이블 설명 : 태그 TABLE, TR, TD

TABLE 태그 테이블을 생성하는데 사용될 수있는 경우, TD 셀 번호 행에 행과 TR의 번호를 지정. 이 선언에 제한 본질 HTML 마크 업 표 조직에 의한 조직의 일반적인 테이블과는 달리 개발자가 같은 모든 행의 열 수는, 그것은 자신을 위해 그것을 따라야하는 직사각형 테이블이 원한다면 때문이다.

이해되지 무엇이든 할 수 있지만, 아무것도 : 원칙적인 HTML의 위치. 어떤 경우에는 테이블의 각 행의 열 수에 그렇게 중요하지 않습니다,하지만 당신은 수평 또는 수직으로 병합 세포를 수행하려는 경우, 매우주의 깊게 계산하는 것이 필요하다.

간단한 테이블의 설명과 예제 HTML 페이지 그래픽으로 문서에 표시.

열 헤더 - 여기 TH 대신 TD 태그의 사용 된 제 1 열 태그 세 열로 세 행의 크기를 나타내는 표이다. 특히이 두 태그가없는 구별하지만, 사용하는 테이블의 첫 번째 행을 구분하는 첫번째 가능하며, TH에 CSS에서, 당신은 다른 TD 구별 자신 만의 스타일을 첨부 할 수 있습니다.

설명 양식 : FORM 태그 입력

양식 - 이것은 HTML - 태그의 가장 요구되는 부분이다. 사용 형태의 정보를 전송할 수 있습니다. 사실, 페이지 -이 정보를 표시하지만, 형태 - 입력.

간단한 형태의 설명과 예제 HTML 페이지 :

형태 훨씬 더의 사용하지만, 다음과 같은 주요 기능은 다음과 같습니다. 당신은 입력 필드를 지정할 수 있습니다, 당신은 그들이 사용자 입력의 분석을 위해 설계 및 이벤트 처리기에 할당해야합니다. 당신은 숨겨진 필드를 지정하고 페이지 배경 정보를 전송할 수 있습니다. 해당 데이터 전송 처리를 시작 누르면, 정보 송신 버튼을 지정할 수있다.

HTML을 사용하여

하이퍼 텍스트 언어를 알고 - 인터넷 프로그래밍 분야에서 모든 작업의 전문화를위한 필수 불가결 한 조건을,하지만 당신은 PHP 나 자바 스크립트에서 프로그램을 작성하려면, 다음 HTML + CSS 완벽하게 필요로 알고 있습니다.

PHP 언어는 앞의 예에서 확인되었습니다. 이 양식이있는 페이지가 가득 필드가 브라우저에 서버에서 날아 때문에 PHP는 서버에서 실행됩니다. 특히, 태그를 입력 (에 onblur 이벤트 핸들러)에 언급 TestOnBlur 기능, 텍스트 필드의 형태로 모든 파라미터를 수신.

브라우저가 자바 스크립트를 실행하고 제대로 데이터를 다시 서버에 전송 버튼 작동하는, 즉, 디자인 :.의 onclick = jQuery를 ( '에 #') 발 ( '카트'), 그것은뿐만 아니라 어떤 jQuery를에 대해 알 필요가있다, 하지만 #됐다, 발, 카트. 더 정확하게, 기본 HTML 태그와 그들에게 CSS 스타일을 적용하는 일반적인 규칙을 알 필요가있다.

이 신속하게 인터넷 프로그래밍의 지역에있는 전문의 자격을 높이기에 충분하다.