[기초강좌] HTML Blocks - w3schools 번역

[기초강좌] HTML Blocks - w3schools 번역

w3school 의 강좌 내용을 번역한 글입니다.

원문 : http://www.w3schools.com/html/html_blocks.asp

HTML element 는 <div> 와 <span> 으로 그룹화 될 수 있다.

HTML Block Elements.

대부분의 HTML element 는 Block level 또는 inline level 로 정의된다.

Block level element 는 보통 줄바꿈 후 시작하고, 끝나면 줄바꿈을 추가하여 브라우저에 표시된다.

Block level tag 의 예는 <h1>, <p>, <ul>, <table>

HTML Inline Elements

Inline Elements 는 보통 줄바꿈 없이 표시된다.

Inline level tag 의 예는 <b>, <td>, <a>, <img>

The HTML <div> Element

<div> element 는 block level element 로 다른 HTML element 들을 그룹화 하는데 사용된다.

<div> element 는 특별한 의미는 없다. 단지 block level element 이기 때문에 tag 앞 뒤로 줄 바꿈을 추가한다.

<div> element 는 CSS 와 함께 사용되며 많은 내용물을 담는 컨테이너로 주로 사용된다.

<div> element 를 사용하는 또 다른 일반적인 경우는 문서의 레이아웃팅이다. 이전에 table 을 이용하여 layouting 하던 적업을 이제는 div tag 가 대체한다. <table> tag 는 사실 layouting 을 위한 것이 아니라, 테이블로 표시할 데이터들을 표시하는 데 사용되는 tag 이다.

The HTML <span> Element

<span> element 는 텍스트의 컨테이너로 사용된다.

<span> element 역시 특별한 의미는 없다.

CSS 와 함께 사용되어 text 의 일부분을 담는 컨테이너로 주로 사용된다.

HTML Grouping Tags

Tag	Description
<div>	Defines a section in a document (block-level)
<span>	Defines a section in a document (inline)

다음 강좌 보기 >>

a, B, Block, block level, Container, css, div, grouping, h1, HTML, HTML Block Elements., HTML Grouping Tags, HTML Inline Elements, img, inline, inline level, layout, new line, P, span, table, TD, The HTML <div> Element, The HTML <span> Element, tutorial, UL, W3schools, [기초강좌] HTML Blocks - w3schools 번역, 그룹화, 줄 바꿈, 컨테이너