HTML Block and Inline Elements

On this page

HTML Block Elements

HTML Block Elements

Hello World

html

<!DOCTYPE html>
<html>
<head>
    <title>HTML Block and Inline Elements</title>
</head>
<body>
<h4>HTML Block Elements</h4>

<p style="border: 1px solid black">Hello World</p>
<div style="border: 1px solid #020201">Hello World</div>


</body>
</html>

HTML Block Elements

<address>
<blockquote>
<dd>
<div>
<dl>
<dt>
<canvas>
<form>
<hr>
<li>
<main>
<nav>
<noscript>
<ol>
<pre>
<section>
<tfoot>
<ul>
<table>
<p>
<Video>
<aside>
<article>
<figcaption>
<fieldset>
<figure>
<footer>
<header>

<div> Element

Div Element

India

New Delhi is the capital of India.

India is a land of various cultures and a rich heritage. It is the seventh-largest country by area and the second-most populous country globally.

html

<!DOCTYPE html>
<html>

<head>
  <title>Div Element</title>
</head>

<body>

<div style="background-color: black; color:white; padding:30px;">
  <h3>India</h3>
  <p>New Delhi is the capital of India.</p>
  <p>India is a land of various cultures and a rich heritage. It is the seventh-largest country by area and the second-most populous country globally.</p>
</div> 

</body>
</html>

Inline Elements

This is inline span element works inside a paragraph.

html

<!DOCTYPE html>
<html>

<head>
    <title>Inline Elements</title>
</head>

<body>

<p>This is inline span element <span style="border: 1px solid black">works</span> inside a paragraph.</p>

</body>
</html>

Inline Elements

<a>
<abbr>
<br>
<button>
<time>
<tt>
<var>
<acronym>
<b>
<cite>
<code>
<dfn>
<em>
<i>
<output>
<q>
<samp>
<script>
<select>
<small>
<span>
<strong>
<sub>
<sup>
<textarea>
<bdo>
<big>
<img>
<input>
<kbd>
<label>
<map>
<object>

<span> Element

Span Element

The span element

Hello World!

html

<!DOCTYPE html>
<html>
<head>
  <title>Span Element</title>
</head>
<body>

<h3>The span element</h3>

<p>Hello <span style="color:green;">World</span>!</p>

</body>
</html>