본문 바로가기

HTML 기본(HTML Basic)

HTML Basic Examples

Don't worry if these examples use tags you have not learned.

이 예제가 아직 배운 적이없는 태그를 사용하더라도 걱정하지 마십시오.

You will learn about them in the next chapters.

당신은 다음 장에서 그것들에 대해 배울 것입니다.



HTML Documents

All HTML documents must start with a document type declaration: <!DOCTYPE html>.

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

The HTML document itself begins with <html>and ends with </html>.

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

The visible part of the HTML document is between <body> and </body>.

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


Example


1
2
3
4
5
6
7
<!DOCTYPE html>
<html>
    <body>
        <h1>My First Heading</h1>
        <p>My first paragraph.</p>
    </body>
</html>
cs


Try it Yourself »



HTML Headings

HTML headings are defined with the <h1> to <h6> tags.

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

<h1> defines the most important heading. <h6> defines the least important heading: 

<h1>가장 중요한 제목을 정의합니다. <h6>가장 중요하지 않은 제목을 정의합니다. 


Example


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


Try it Yourself »



HTML Paragraphs

HTML paragraphs are defined with the <p> tag:

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


Example


1
2
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
cs


Try it Yourself »



HTML Links

HTML links are defined with the <a> tag:

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


Example


1
<a href="https://developer-salieri.tistory.com">This is a link</a>
cs


Try it Yourself »


The link's destination is specified in the href attribute. 

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

Attributes are used to provide additional information about HTML elements.

속성은 HTML 요소에 대한 추가 정보를 제공하는 데 사용됩니다.

You will learn more about attributes in a later chapter.

속성에 대한 자세한 내용은 이후 장에서 배우게 될 것입니다.



HTML Images

HTML images are defined with the <img> tag.

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

The source file (src), alternative text (alt), width, and height are provided as attributes:

소스 파일 (src), 대체 텍스트 (alt), width, 그리고 height속성으로 제공됩니다


Example


1
<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">
cs


Try it Yourself »



HTML Buttons

HTML buttons are defined with the <button> tag:

HTML 단추는 <button>태그 로 정의됩니다 .


Example


1
<button>Click me</button>
cs


Try it Yourself »



HTML Lists

HTML lists are defined with the <ul> (unordered/bullet list) or the <ol> (ordered/numbered list) tag, followed by <li> tags (list items):

HTML 목록은 <ul>(정렬되지 않은 / 글 머리표 목록) 또는 <ol>(정렬 된 / 번호가 매겨진 목록) 태그, <li> 태그 (목록 항목) 다음에 정의됩니다.


Example


1
2
3
4
5
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>
cs


Try it Yourself »




출처 : W3School.com


반응형

'HTML' 카테고리의 다른 글

HTML 속성(HTML Attributes)  (0) 2018.06.04
HTML 요소(HTML Elements)  (0) 2018.06.03
HTML 편집기(HTML Editors)  (0) 2018.06.01
HTML 소개(HTML Introduction)  (0) 2018.05.31
HTML 홈(HTML HOME)  (0) 2018.05.30