약어 HTML은 HyperText Markup Language를 나타냅니다. HTML은 프로그래밍 언어가 아니라 사이트 마크 업 언어입니다.
모든 브라우저는이 마크 업을 사용자에게 친숙한보기로 변환 할 수 있습니다.
이 언어는 특별한 명령을 사용합니다.태그라고합니다. 각 태그에는 고유 한 기능이 있습니다. 엄청난 수의 태그가 있습니다. 이상적으로는 모든 것을 배워야합니다. 그러나 초보 개발자에게는 기본 지식으로 충분합니다.
HTML 명령 목록은 매우 깁니다. 그러나 그다지 중요한 것은 없습니다. 코드 작성을 시작하려면 편집기가 필요합니다. 메모장을 사용할 수 있습니다. Notepad ++ 사용을 권장합니다. 이렇게 생겼어요.
장점은 특수 편집자가태그는 카테고리에 따라 특정 색상으로 강조 표시됩니다. 메모장이나 다른 프로그램에서 HTML 사이트를 만드는 명령은 동일합니다. 사용되는 언어는 모든 곳에서 동일합니다. 개발 환경은 도구 일뿐입니다.
HTML에는 닫힘 및 닫히지 않음태그. 또한이 언어에는 중첩 개념이 있습니다. 코드의 모든 개체는 요소입니다. 요소에는 여는 태그, 닫는 태그 및 내용이 있습니다. 또한 태그에는 자체 값이있는 자체 추가 속성이 있습니다.
그림은 두 개의 태그 <html> 및 </ html>을 보여줍니다. 열기와 닫기의 철자는 동일하지만 "/"만 다릅니다. 태그가 닫히지 않으면 핸들러는 다른 모든 것을이 특정 요소의 연속으로 간주합니다. 매우 중요합니다. 특히 링크에서. 우리는 그것들을 조금 더 고려할 것입니다.
<html> 태그가 필요합니다. 항상 작성해야합니다. 그러나 닫을 필요는 없습니다. 표준에 따르면 필요하지만 닫지 않으면 여전히 작동합니다.
다른 주요 태그가 있습니다 : 머리와 몸.
이러한 HTML 명령은 페이지의 골격입니다. 필요합니다. 그들은 또한 닫힙니다.
태그의 이름이 의미와 일치합니다. 머리-머리. 이 섹션에는 보이지 않는 서비스 및 중요한 정보가 포함되어 있습니다. 본문 섹션은 문서의 본문입니다. 다음은 사용자에게 표시되는 콘텐츠입니다. 나중에 혼란을 피하기 위해 즉시 태그를 닫으십시오.
서비스 섹션은 다음을 나타냅니다.
스타일 시트는 다음과 같이 연결됩니다.
<link rel = "stylesheet"href = "style.css"type = "text / css">
스크립트 파일은 다음과 같습니다.
<스크립트 유형 = "텍스트 / 자바 스크립트"src = "main.js"> </ script>
텍스트에는 제목이 있어야합니다. 다음과 같이 지정합니다.
이 텍스트는 브라우저 탭의 제목에 나타납니다. 또한이 제목은 검색 엔진 결과의 결과로 표시됩니다.
단락 태그에 텍스트를 배치합니다. 이를 <p> 텍스트 </ p>라고합니다. 텍스트에 <span> String </ span>을 사용할 수도 있습니다.
"단어"에서와 같이 텍스트를 정렬 할 수 있습니다.
텍스트에 스타일을 지정할 수 있습니다. 다른 요소를 검토 한 후 마지막에 다룰 것입니다.
다른 중요한 HTML 명령도 있습니다. 사이트를 만들려면 헤더를 사용해야합니다. <h1> First Level Heading </ h1> 태그를 사용하여 표시됩니다. 1에서 6까지의 수준이 있습니다. 제목이 중첩되어야한다는 것을 이해하는 것이 중요합니다.
그림의 예.
사용하는 것이 좋습니다단 하나의 h1 제목. 그러나 <title> 태그와 일치해야합니다. 물론 200 개의 h1 헤더를 지정할 수 있지만 검색 엔진의 승인을받습니다.
이미지는 웹 페이지의 필수적인 부분입니다. 예는 사진을 삽입하는 방법을 보여줍니다.
보시다시피 예제는 호출되는 내용과 방법을 자세히 보여줍니다.
HTML 명령을 배우는 경우 태그 링크를 알아야합니다. 이것은 World Wide Web을 구성하는 가장 중요한 요소 중 하나입니다.
링크는 <a> 태그로 표시됩니다. 그러나 닫혀 있어야합니다. 또한이 요소에는 링크 주소를 나타내는 필수 href 속성이 있습니다.
위의 예에서 링크 텍스트 대신 그림이 표시된 것을 볼 수 있습니다. 즉, 텍스트와 그림을 모두 넣을 수 있습니다.
스타일 클래스 또는 일반 태그 (기울임 꼴, 굵게, 밑줄 및 취소 선)를 사용하여 링크 형식을 지정할 수도 있습니다.
테이블도 매우 자주 사용됩니다. 처음에는 편리한 방법으로 정보를 제공하기위한 것이 었습니다. 그러나 레이아웃 디자이너는이를 사용하여 페이지의 다양한 요소를 배치했습니다.
테이블은 다음과 같이 생성됩니다.
<td> 셀 텍스트 </ td> <td> 셀 텍스트 </ td> tr> <td> 셀 텍스트 </ td> <td> 셀 텍스트 </ td> tr> table> width 속성은 테이블의 너비를 지정합니다. 백분율 또는 픽셀 일 수 있습니다. 테두리는 테두리의 두께를 나타냅니다. 구조는 다음과 같이 표시됩니다. tr 태그는 문자열입니다. 셀별 Td 태그. 그리고 모두 함께 테이블입니다. 테이블을 정렬 할 수 있습니다. 이를 위해 왼쪽, 가운데, 오른쪽의 세 가지 값을 사용할 수있는 align 속성이 사용됩니다. 사용 예는 다음과 같습니다. 이러한 HTML 명령 (너비 및 정렬)은 다른 요소에서도 작동합니다. 프레임 두께도 이미지에 표시됩니다. HTML 명령을 사용하여 다양한 종류의 목록을 만들 수 있습니다. Word 편집기에서와 거의 동일합니다. Html 언어에는 정렬 된 목록과 정렬되지 않은 목록 (글 머리 기호)이 있습니다. 그러한 목록의 예. <ul> <li> 먼저 </ li> <li> 두 번째 </ li> <li> 세 번째 </ li> </ ul> 결과는 다음과 같습니다. 목록 유형 HTML 코드 원의 형태로 <ul 유형 = "disc"> 원의 형태로 <ul 유형 = "circle"> 사각형 마커로 <ul 유형 = "square"> 정렬 된 목록은 같은 방식으로 생성되지만 <ul> 대신 <ol> 태그를 사용합니다. 여기에서 목록 출력 유형을 설정할 수도 있습니다. 아라비아 숫자가 표준으로 표시됩니다. 번호가 매겨진 목록이므로 목록의 시작 값을 지정하는 시작 속성이 있습니다. 예를 들어 10 일 또는 20 일부터 시작하는 목록을 표시 할 수 있습니다. 사이트에 대한 HTML 명령은 매우 다양하지만그들은 모두 스타일을 따릅니다. 스타일은 헤드 섹션에서 파일로 지정 될 수 있습니다. <link rel = "stylesheet"href = "style.css"type = "text / css"> 또는 기성품 스타일을 즉시 작성할 수 있습니다. 이 정의 사이에스타일에는 차이가 있습니다. 스타일 파일은 사이트의 모든 페이지에서 지정할 수 있습니다. 변경하는 즉시이 업데이트는 전체 사이트에 영향을줍니다. 특정 페이지에서 스타일을 지정하는 경우 이러한 클래스의 변경 및 사용은이 파일에만 있습니다. 당신의 설정은 그것을 넘어서는 것이 아닙니다. 20 개의 HTML 페이지가 있고제목을 2 픽셀 더 크게 만들기로 결정했습니다. 스타일 시트에 모든 것이 있으면 거기에서 편집하기 만하면됩니다. 모든 것이 개별적인 경우 20 페이지 모두를 업데이트해야합니다. 다음과 같이 한 페이지에 대해서만 지정할 수 있습니다. 이 방법은 권장되지 않습니다.목록 사용
<li> ... </ li>
</ ul>
<li> ... </ li>
</ ul>
<li> ... </ li>
</ ul>스타일 사용