HTML이란 무엇입니까?

❮ 이전의 다음 ❯

HTML 은 하이퍼 텍스트 마크업 언어 를 나타 냅니다 .

HTML은 웹 페이지의 표준 마크업 언어입니다 .

HTML 요소 는 HTML 페이지의 빌딩 블록입니다.

HTML 요소는 <> 태그 로 표시됩니다.

HTML 요소

HTML 요소는 시작 태그와 종료 태그로 그 사이에 내용이 있습니다.

<h1>제목입니다</h1>

Start tag	Element content	End tag
<h1>	This is a Heading	</h1>
<p>	This is paragraph.	</p>

HTML 속성

HTML 요소는 속성 을 가질 수 있습니다.
속성 은 요소에 대한 추가 정보 를 제공합니다.
속성은 charset="utf-8" 과 같은 이름/값 쌍으로 제공됩니다.

간단한 HTML 문서

<!DOCTYPE html>
<html lang="en">

<meta charset="utf-8">
<title>Page Title</title>

<body>
   <h1>This is a Heading</h1>
   <p>This is a paragraph.</p>
   <p>This is another paragraph.</p>
</body>

</html>

예시 설명

HTML 요소는 HTML 페이지의 빌딩 블록입니다.

<!DOCTYPE html>선언은 이 문서를 HTML5로 정의합니다 .
<html>요소는 HTML 페이지의 루트 요소입니다 .
lang속성은 문서의 언어를 정의합니다 .
<meta>요소에는 문서에 대한 메타 정보가 포함되어 있습니다 .
charset속성은 문서에 사용된 문자 집합을 정의합니다 .
요소는 문서 의 <title>제목을 지정합니다
<body>요소에 보이는 페이지 콘텐츠가 포함되어 있습니다 .
<h1>요소는 큰 제목을 정의합니다 .
<p>요소는 단락을 정의합니다 .

HTML 문서

모든 HTML 문서는 문서 유형 선언으로 시작해야 합니다 <!DOCTYPE html>.

HTML 문서 자체는 로 시작 <html>하고 로 끝납니다 </html>.

HTML 문서의 보이는 부분은 과 사이 <body>에 </body>있습니다.

HTML 문서 구조

다음은 HTML 문서(HTML 페이지)의 시각화입니다.

<html>

<머리>

</head>

<본체>

<h1>제목입니다</h1>

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

<p>다른 단락입니다.</p>

</바디>

</html>

참고: <body> 섹션(위의 흰색 영역) 내의 콘텐츠만 브라우저에 표시됩니다.

HTML 제목

HTML 제목은 <h1>to <h6>태그로 정의됩니다.

<h1>가장 중요한 제목을 정의합니다. <h6>가장 덜 중요한 제목을 정의합니다.

예시

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>

HTML 단락

HTML 단락은 <p>태그로 정의됩니다.

예시

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

HTML 링크

HTML 링크는 다음 <a>태그로 정의됩니다.

예시

링크의 대상은 href속성에 지정됩니다.

HTML 이미지

HTML 이미지는 <img>태그로 정의됩니다.

소스 파일( src), 대체 텍스트( alt), width및 다음과 height같은 속성이 제공됩니다.

예시

<img src="img_w3schools.jpg" alt="W3Schools" style="width:120px;height:150px"

HTML 버튼

HTML 버튼은 <button>태그로 정의됩니다.

예시

<button>Click me</button>

HTML 목록

HTML 목록은 <ul>(순서 없는/글머리 기호 목록) 또는 <ol>(순서/번호가 매겨진 목록) 태그로 정의되고 그 뒤에 <li> 태그(목록 항목)가 옵니다.

예시

<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

HTML 테이블

HTML 테이블은 <table>태그로 정의됩니다.

테이블 행은 <tr>태그로 정의됩니다.

테이블 헤더는 <th>태그로 정의됩니다. (기본적으로 볼드체 및 중앙).

테이블 셀(데이터)은 <td>태그로 정의됩니다.

예시

<table>
<tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Age</th>
</tr>
<tr>
<td>Jill</td>
    <td>Smith</td>
    <td>50</td>
</tr>
<tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
</tr>
</table>

HTML 프로그래밍

모든 HTML 요소는 속성 을 가질 수 있습니다 .

웹 개발 및 프로그래밍에서 가장 중요한 속성은 id 와 class입니다. 이러한 속성은 종종 프로그램 기반 웹 페이지 조작을 처리하는 데 사용됩니다.

기인하다	예시
ID	<테이블 ID = "table01"
등급	<p 클래스 ="보통">
스타일	<p 스타일 ="글꼴 크기:16픽셀">
데이터-	<div 데이터 -id="500">
클릭	<input onclick ="myFunction()">
마우스오버	<a onmouseover ="this.setAttribute('style','color:red')">

전체 HTML 튜토리얼

이것은 HTML에 대한 간략한 설명이었습니다.

전체 HTML 자습서를 보려면 W3Schools HTML 자습서로 이동하십시오 .

전체 HTML 태그 참조를 보려면 W3Schools 태그 참조로 이동하십시오 .