한마음

<W3Schools 번역> - HTML 요소들 본문

공부/웹프로그래밍

<W3Schools 번역> - HTML 요소들

갓태희 2020. 11. 21. 05:07 
이 글은 네번째 글입니다.

2020년 11월 8일부터 W3S 사이트에 있는 HTML, CSS, JAVASCRIPT를 배우는 문서들을 한글화 해보려고 합니다.

본문에 나와있는 영어 밑에 영어해석을 적고 검은색 글씨의 강조 표시를 해놓았습니다

강조가 되어있지만 검은색이 아닌 글씨는 제가 부연설명을 덧붙였습니다. 내용이 다르거나 잘못된 지식이 있으면

wonderfulhuman@naver.com으로 메일 혹은 댓글을 통해 언제든지 피드백 주세요!! 

자 그럼, 다들 저와함께 차근차근 HTML공부 시작해봅시다

글을 읽어주셔서 감사합니다.

원문보기

이전 글 보기

 

HTML Elements

-> HTML 요소들

 

 

An HTML element is defined by a start tag, some content, and an end tag.

-> HTML 요소는 태그로 시작해 어떤 내용을 중간에 적고 태그로 끝납니다.

HTML Elements

-> HTML 요소들

 

An HTML element is defined by a start tag, some content, and an end tag:

-> HTML 요소는 아래와 같이 태그로 시작해 어떤 내용을 중간에 적고 태그로 끝납니다.

<태그이름>아무런 내용</태그이름>

The HTML element is everything from the start tag to the end tag:

-> HTML 요소는 시작 태그에서부터 끝 태그까지의 모든 것을 말합니다.

 

<h1>My First Heading</h1>

<p>My first paragraph.</p>

 

 

시작 태그 내용요소 끝태그
<h1> My First Heading </h1>
<p> My first paragraph. </p>
<br> none none

Note: Some HTML elements have no content (like the <br> element). These elements are called empty elements. Empty elements do not have an end tag!

-> 노트: 어떤 HTML 요소들은 내용요소가 없을 수도 있습니다 (<br> 태그처럼 말이죠) 이러한 요소들은 빈 요소라고 불리며 빈 요소 들은 끝 태그도 없습니다!

Nested HTML Elements

-> 감싸져 있는 HTML 요소들

 

HTML elements can be nested (this means that elements can contain other elements).

-> HTML 요소들은 감싸질수 있습니다.(어떠한 요소가 다른 요소를 포함할 수 있다는 말입니다.)

 

All HTML documents consist of nested HTML elements.

-> 모든 HTML 문서들은 감싸져있는 HTML 요소들을 포함합니다.

 

The following example contains four HTML elements (<html>, <body>, <h1> and <p>):

-> 아래의 예에서 4개의 HTML 요소들을 볼 수 있습니다 (<html>, <body>, <h1> 그리고 <p>)

Example

-> 예제

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

직접 해보세요!

Example Explained

-> 예제 설명

 

The <html> element is the root element and it defines the whole HTML document.

-> <html> 요소는 루트요소 이며 이것이 HTML 문서 전체를 정의합니다.

 

It has a start tag <html> and an end tag </html>.

-> 시작태그 <html>과 끝 태그 </html>을 가지고 있습니다.

 

Then, inside the <html> element there is a <body> element:

-> 그리고 <html>요소 안에 <body> 요소가 있습니다.

<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>

The <body> element defines the document's body.

-> <body> 요소는 문서의 몸체를 정의합니다. 

 

It has a start tag <body> and an end tag </body>.

-> 시작태그 <body>와 끝 태그 </body>를 가지고 있습니다.

 

Then, inside the <body> element there are two other elements: <h1> and <p>:

-> 그리고 <body>요소 안에 2가지의 다른 요소가 있는 것을 볼 수 있습니다. : <h1> 태그와 <p> 태그

<h1>My First Heading</h1>
<p>My first paragraph.</p>

The <h1> element defines a heading.

-> <h1> 요소는 제목을 나타냅니다.

 

It has a start tag <h1> and an end tag </h1>:

-> 시작 태그 <h1>와 끝 태그 </h1>를 가지고 있습니다.

<h1>My First Heading</h1>

The <p> element defines a paragraph.

-> <p> 요소는 문단을 나타냅니다.

 

It has a start tag <p> and an end tag </p>:

-> 시작태그 <p>와 끝태그 </p>를 가지고 있습니다.

<p>My first paragraph.</p>

 

Never Skip the End Tag

-> 끝 태그를 꼭 잊지 마세요!

 

Some HTML elements will display correctly, even if you forget the end tag:

-> 어떤 HTML 요소들은 끝 태그가 없어도 올바르게 표시가 될 겁니다.

Example

<html>
<body>

<p>This is a paragraph
<p>This is a paragraph

</body>
</html>

Try it Yourself »

However, never rely on this! Unexpected results and errors may occur if you forget the end tag!

-> 하지만 이것에 의존하지 마세요! 끝 태그를 계속 까먹게 되면 예상치 못한 결과와 오류를 초래합니다.

Empty HTML Elements

-> 비어있는 HTML 요소들

 

HTML elements with no content are called empty elements.

->내용이 없는 HTML 요소들을 빈 요소라고 부릅니다.

 

The <br> tag defines a line break, and is an empty element without a closing tag:

-> <br> 태그는 줄 바꿈을 할 때 사용하는 태그인데 이것은 끝 태그가 없는 빈 요소입니다.

Example

<p>This is a <br> paragraph with a line break.</p>

 

HTML is Not Case Sensitive

->HTML은 대소문자를 구분하지 않습니다.

 

HTML tags are not case sensitive: <P> means the same as <p>.

->HTML 태그들은 대소문자를 구분하지 않습니다. <P> 태그도 <p> 태그와 같습니다.

 

The HTML standard does not require lowercase tags, but W3C recommends lowercase in HTML,

and demands lowercase for stricter document types like XHTML.

At W3Schools we always use lowercase tag names.

-> HTML 표준은 꼭 소문자로 된 태그를 사용하는 것을 강제하지 않습니다. 하지만 W3C는 HTML에서 소문자를 사용하는것을 추천합니다. 또 더 엄격한 규칙이 적용되는 XHTML 같은 문서 타입은 소문자 사용을 요구합니다.

HTML Tag Reference

-> HTML 태그 참조

 

W3Schools' tag reference contains additional information about these tags and their attributes.

->W3School's 태그 참조는 추가적인 태그들의 정보와 태그들의 속성의 정보를 제공합니다.

 

TagDescription

->태그 설명

<html> HTML 문서의 루트를 정의합니다.
<body> 문서의 몸체부분을 정의합니다.
<h1> 에서 <h6> 문서의 제목을 정의합니다.

 

For a complete list of all available HTML tags, visit our HTML Tag Reference.

-> 모든 사용 가능한 HTML 태그들을 보려면, 여기를 방문해주세요

'공부 > 웹프로그래밍' 카테고리의 다른 글

<W3Schools 번역> - HTML 기본  (0) 2020.11.21
<W3Schools 번역> - HTML 에디터  (0) 2020.11.08
<W3Schools 번역> - HTML 소개  (0) 2020.11.08
'공부/웹프로그래밍' Related Articles more
Comments