HTML: Images

This entry is part 4 of 34 in the series HTML

To specify a image, we use the <img> tag.

<!DOCTYPE html>
<html>
<head>
        <title>First Example</title>
</head>
<body>
<h1>An Image</h1>
<img src='http://upwhere.com/code/images/flappy.png'>
</body>
</html>
Try The HTML

We can also specify the the size of the image by using width and heights attributes.

<!DOCTYPE html>
<html>
<head>
    <title>First Example</title>
</head>
<body>
<h1>An Image with a smaller size</h1>
<img src='http://upwhere.com/code/images/flappy.PNG' width='100' height='150'>
</body>
</html>
Try The HTML

HTML: Heading and paragraph

This entry is part 2 of 34 in the series HTML

Using the template, we build our first example.

In the example, we have used two tags <h1> and <p> to format the content.

<!DOCTYPE html>
<html>
<head>
        <title>First Example</title>
</head>
<body>
<h1>First Heading</h1>

<p>The paragraph after the heading</p>
</body>
</html>
Try The HTML

The HTML standards defines 6 levels of headings, <h1> through <h6>, each one progressively smaller in font size.

Here we are using <h1>, you can try modifying <h1> into <h2> in Try The HTML page.  This will reduce the font size of the heading.