HTML 또는 하이퍼 텍스트 마크업 언어는 웹 페이지 요소에 대한 작업을 정의, 선언 및 수행하기 위해 태그를 사용하는 웹 개발 프로그래밍 언어입니다. 태그는 < 기호를 사용하여 정의됩니다. 및 >, 닫는 태그 앞에는 '/'가 있어야 합니다. 코드 태그는 프로그래머가 ……. , HTML의 모든 태그에는 닫기 태그가 있어야 합니다.
설명 구문:
기본 구문은 다음과 같습니다. 여기서 요소는 쌍으로 제공되고 코드 조각은 이러한 태그 사이에 작성됩니다. 여기서는 시작 태그와 닫는 태그가 모두 기본으로 필수이므로 태그 생략은 수행하지 않습니다.
<pre class="brush:php;toolbar:false"> <code> …. …. </code>
기본적으로 태그 글꼴은 고정 폭을 사용하여 표시됩니다. 이는 주어진 콘텐츠의 모든 문자가 동일한 너비를 의미함을 의미합니다. HTML 5 및 HTML4 표준 모두에 지정되어 있습니다.
HTML은 다양한 텍스트 크기와 글꼴 및 들여쓰기와 같은 추가 속성을 사용합니다. 텍스트와 스니펫 코드를 모두 사용하여 브라우저에 일부 콘텐츠를 표시해야 하는 경우가 있습니다. 그런 다음 이 <코드> 꼬리표. 코드 태그는 미리 형식이 지정된 태그
와 쌍을 이루어 소스 문서에 작성된 텍스트의 정확한 형식을 유지합니다.</p>
<p>정확히 같은 줄에서 텍스트를 시작하기 위해 문자 그대로 공백을 제거하는 이 태그가 사용되었습니다. 코드를 글꼴 스타일로 표현하려면 CSS 스타일의 코드 선택기를 사용하고 시각적인 무게감을 주는 것이 좋습니다. 글꼴을 선택하려면 이미 글꼴 모음이 고정폭으로 설정된 CSS를 사용하는 것이 좋습니다. 브라우저 호환성에 따라 Chrome, Edge, Opera, Safari, Firefox에서 지원됩니다. 이 요소도 이벤트 및 전역 속성을 모두 지원합니다. 코드 태그는 사전 정의된 언어에 대한 클래스 속성과 <id>, <style>, <title></p>을 활용합니다.
<p>이 코드 태그는 구현 중에 일부 요소를 사용합니다.</p>
<ul>
<li>
<strong><Code>:</strong> 코드 조각 정의</li>
<li>
<strong><var>:</strong> 변수를 설명합니다</li>
<li>
<strong><samp></strong>: 컴퓨터 출력을 발생시킵니다</li>
<li>
<strong><kbd></strong>: 키보드 입력 표시에 도움</li>
</ul>
<h3>HTML 코드 태그 구현 예시</h3>
<p>다음은 코드 태그에 다양한 스타일을 적용한 예입니다.</p>
<h4>예시 #1</h4>
<p>여기서 첫 번째 예제 프로그램은 기본 인라인 개념을 형성하는 코드를 표시하는 것입니다.</p>
<p><strong>코드:</strong></p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<body>
<em># Display the sum</em><br>
<strong>program adds two numbers</strong><br>
<pre class="brush:php;toolbar:false">
<code>
nu1 = 2.5
nu2 = 5.3
sum = float(nu1) + float(nu2)
print('The sum of two num {0} and {1} is {2}'.format(nu1, nu2, sum))</code>