HTML이란 무엇인가?

HTML은 하이퍼텍스트 마크업 언어의 약자입니다. 웹 페이지 및 웹 응용 프로그램을 만드는 데 사용되는 마크업 언어입니다.

 

HTML이란 무엇인가?

 

HTML은 레이아웃, 텍스트, 이미지, 비디오 및 웹 브라우저에 표시되는 기타 요소를 정의하는 웹 페이지의 구조와 내용을 제공합니다. HTML은 태그를 사용하여 작성되며, 태그는 제목, 단락, 링크 및 이미지와 같은 웹 페이지의 다른 요소를 정의하는 데 사용됩니다. HTML을 사용함으로써 개발자들은 대화형이고 접근 가능하며 검색 엔진에 최적화된 웹 페이지를 만들 수 있습니다.

 

HTML 예시

 

HTML 코드의 몇 가지 예는 다음과 같다:

 

1. 제목 작성

 

<h1>이것은 제목입니다.</h1>

 

2. 단락 작성

 

<p>이것은 단락입니다.</p>

 

3. 이미지 만들기

 

<img src="image.jpg" alt="이미지 설명">

 

4. 목록 만들기

 

<ul>
  <li>항목1</li>
  <li>아이템2</li>
  <li>항목3</li>
</ul>

 

HTML 요소란 무엇인가?

 

HTML 요소는 다음과 같은 여러 부분으로 구성된다:

시작 태그

 

요소의 시작 태그이며, 요소의 이름은 각 괄호(< >)로 묶어서 시작합니다. 예를 들어, 문단 요소의 시작 태그는 "<p>"입니다.

 

속성

 

클래스, ID, 스타일 등 요소에 대한 추가 정보를 제공합니다. 특성은 요소 이름 뒤에 있는 시작 태그에 포함됩니다. 예를 들어, 요소의 배경색을 설정하는 속성은 "style"입니다.

 

내용

 

요소의 여는 태그와 닫는 태그 사이에 나타나는 정보 또는 텍스트입니다. 예를 들어, 단락 요소의 내용은 "이것은 텍스트 단락입니다."일 수 있습니다

 

끝 태그

 

요소 이름 앞에 슬래시(/)를 포함한다는 점을 제외하고 시작 태그와 동일한 요소의 닫힘 태그입니다. 예를 들어, 단락 요소의 끝 태그는 "</p>"입니다.

 

다음은 이러한 모든 부분을 포함하는 HTML 요소의 예입니다:

 

<p class="intro" style="color: blue;">본문의 한 단락입니다.</p>

 

• 시작 태그는 "<p>"입니다.
• "class" 속성은 "intro"입니다.
• "style" 특성은 색상을 파란색으로 설정합니다.
• 내용은 "본문의 한 단락입니다."입니다
• 끝 태그는 "</p>"입니다.

 

블록 요소와 인라인 요소의 차이점은 무엇입니까?

 

HTML에서 요소는 웹 페이지에 표시되는 방식에 따라 블록 레벨 요소 또는 인라인 요소로 분류됩니다.

 

블록 레벨 요소

 

• 페이지에서 사용 가능한 전체 너비를 차지합니다.
• 새 줄에서 시작합니다.
• 여백, 패딩 및 테두리를 적용할 수 있습니다.
• 예: <div>, <h1>, <p>, <ul>, <li>, <table>, <form> 등.

 

인라인 요소

 

• 너비는 필요한 만큼만 차지하십시오.
• 새 행으로 시작하지 마십시오.
• 여백, 패딩 또는 테두리를 적용할 수 없습니다(일부 CSS 속성 제외).
• 예: <a>, <span>, <img>, <input>, <button> 등.
• 차이점을 설명하기 위해, 부모 컨테이너의 전체 너비를 차지하고 새 줄에서 시작하는 <p>와 같은 블록 수준 요소를 고려하십시오. <a>와 같은 인라인 요소는 컨테이너의 전체 너비를 차지하지 않으며 다른 인라인 요소나 텍스트와 같은 줄에 나타납니다.

 

HTML의 다른 버전은 무엇입니까?

 

• HTML에는 여러 버전이 있으며, 각각 다른 기능과 향상된 기능을 가지고 있습니다. 다음은 가장 중요한 버전입니다:
• HTML 1.0: HTML의 첫 번째 버전은 1991년에 출시되었습니다. 그것은 제한된 요소들의 집합을 가진 단순한 언어였습니다.
• HTML 2.0: 1995년에 출시된 이 버전은 테이블과 폼 요소와 같은 새로운 기능을 추가했습니다.
• HTML 3.0: 이 버전은 완성되지 않았지만 일부 기능은 HTML 4.0에 통합되었습니다.
• HTML 4.0: 1997년에 출시된 HTML 4.0은 프레임, 이미지 맵 및 더 고급 양식에 대한 지원을 추가했습니다.
• XHTML 1.0: XHTML은 XML 기반의 HTML 버전입니다.
• HTML5: 2014년 출시된 HTML5는 HTML의 최신 버전으로, 멀티미디어 네이티브 지원, 시맨틱 태그, 모바일 기기 지원 개선 등 새로운 기능을 선보였습니다.