하이퍼텍스트는 웹 페이지(HTML 문서)가 함께 링크되는 방식을 나타냅니다. 따라서 웹 페이지에서 사용할 수 있는 링크를 하이퍼텍스트라고 합니다. 이름에서 알 수 있듯이 HTML은 HTML을 사용하여 웹 브라우저에 표시할 구성 방법을 알려주는 태그가 있는 텍스트 문서를 단순히 "마크업"하는 데 사용하는 마크업 언어입니다. Hypertext Markup Language의 약자로 웹 페이지 작성에 가장 널리 사용되는 언어입니다.
HTML5는 HTML 4.01, XHTML 1.0 및 XHTML 1.1을 대체하는 HTML 표준의 다음 주요 개정판입니다. HTML5는 World Wide Web에서 콘텐츠를 구성하고 표시하기 위한 표준입니다. 새로운 표준은 이전에 Adobe Flash, Microsoft Silverlight 및 Google Gears와 같은 타사 브라우저 플러그인에 의존했던 비디오 재생 및 드래그 앤 드롭과 같은 기능을 통합합니다.
HTML 문서 유형
HTML 문서를 만들 때마다 문서 유형이 문서에 가장 먼저 배치됩니다. 이 페이지가 작성된 HTML 버전에 대해 웹 브라우저에 전달합니다. 대소문자를 구분하지 않습니다.
HTML5 문서 유형
<!DOCTYPE html>
HTML 문자 인코딩
HTML의 charset 속성은 와 함께 사용되어 문자 인코딩을 지정합니다.
다음은 구문입니다 -
<meta charset="char_set">
위의 char_set은 HTML 문서의 문자 인코딩을 지정하기 위한 문자 집합입니다.
이제 문자 인코딩을 지정하는 예를 살펴보겠습니다 -
예시
<!DOCTYPE html> <html> <head> <meta charset = "UTF-8"> </head> <body> <h2>Example</h2> <p>We have added demo text:<p> <textarea rows = "4" cols = "50"> Here, we are mentioned the demo content. This is just to display an example of charset in an HTML document. </textarea><br> <button type = "button">Previous</button> <button type = "button">Next</button> </body> </html>
출력
HTML 제목
모든 문서는 제목으로 시작합니다. 제목에 다양한 크기를 사용할 수 있습니다. HTML에는
, , , , 및 요소를 사용하는 6가지 수준의 제목도 있습니다. 제목을 표시하는 동안 브라우저는 해당 제목 앞과 뒤에 한 줄을 추가합니다. HTML 요소
, , 및 요소를 사용하는 6가지 수준의 제목도 있습니다. 제목을 표시하는 동안 브라우저는 해당 제목 앞과 뒤에 한 줄을 추가합니다. HTML 요소
및 요소를 사용하는 6가지 수준의 제목도 있습니다. 제목을 표시하는 동안 브라우저는 해당 제목 앞과 뒤에 한 줄을 추가합니다. HTML 요소
HTML 요소
HTML 요소는 시작 태그로 정의됩니다. 요소에 다른 내용이 포함된 경우 요소 이름 앞에 슬래시가 오는 닫는 태그로 끝납니다.
HTML 속성
속성은 HTML 요소의 특성을 정의하는 데 사용되며 요소의 여는 태그 안에 배치됩니다. 모든 속성은 이름과 값의 두 부분으로 구성됩니다. 예를 들어 -
<canvas id=”newCanvas” width=”400” height=”300”>
다른 예는 다음을 포함합니다 -
<img alt = ”alternate text”>
HTML5 표준에 따라 속성 주위에 따옴표를 포함하는 것은 필수는 아니지만 항상 따옴표를 포함하는 것이 좋습니다.
HTML 서식
서식 지정은 HTML로 웹 페이지의 텍스트 서식을 지정하는 방법을 의미합니다. 여기에는 굵은 텍스트, 기울임꼴 텍스트, 스트라이크 텍스트, 텍스트 강조 표시 등이 포함됩니다. 예를 살펴보겠습니다 −
예시
<!DOCTYPE html> <html> <body> <h2>Tags for formatting text in HTML</h2> <strong>Strong text</strong><br> <b>Bold text</b><br> <em>Emphasized text</em><br> <i>Italic Text</i><br> <mark>Highlighted text</mark> </body> </html>
출력
HTML 주석
HTML 주석은 태그 사이에 배치됩니다. 따라서 태그 안에 배치된 모든 콘텐츠는 주석으로 처리되고 브라우저에서 완전히 무시됩니다.