HTML Block and Inline Elements

HTML Block and Inline Elements

 

 

Every HTML element has a default display value, depending on what type of element it is.

There are two display values: block and inline.

 

모든 HTML element는 어떤 타입의 요소인지에 따라 기본 디스플레이 값이 있다.

디스플레이 값 : block and inline.

 

 

Block-level Elements

A block-level element always starts on a new line and takes up the full width available (stretches out to the left and right as far as it can).

The <div> element is a block-level element.

 

블럭 레벨 요소는 새로운 줄로 시작하며, 좌우로 최대의 넓이를 가진다.

 

 

Here are the block-level elements in HTML:

<address>

<article>

<aside>

<blockquote>

<canvas>

<dd>

<div>

<dl>

<dt>

<fieldset>

<figcaption>

<figure>

<footer>

<form>

<h1>-<h6>

<header>

<hr>

<li>

<main>

<nav>

<noscript>

<ol>

<p>

<pre>

<section>

<table>

<tfoot>

<ul>

<video>

 

 

Inline Elements

An inline element does not start on a new line and it only takes up as much width as necessary.

This is a <span> element inside a paragraph.

 

인라인 요소는 새로운 줄로 시작하지 않으며, 오직 필요한 만큼의 넓이를 갖는다.

 

 

Here are the inline elements in HTML:

<a>

<abbr>

<acronym>

<b>

<bdo>

<big>

<br>

<button>

<cite>

<code>

<dfn>

<em>

<i>

<img>

<input>

<kbd>

<label>

<map>

<object>

<output>

<q>

<samp>

<script>

<select>

<small>

<span>

<strong>

<sub>

<sup>

<textarea>

Note: An inline element cannot contain a block-level element!