back next

Images and Text


To include images inside a line of text, just add the <img> tag at the appropriate point.


Example
<html>
<head>
<title> Mulan </title><head>
<body>
<h1><img src="mulan.gif">Disney's Mulan</h1>
</body>
</html>



Output
result




The <img> tag also includes an align attribute which allows you to align the image upwards or downwards with the surrounding text or other images in the line.
align=top Aligns the top of the image with the topmost part of the line.
align=middle Aligns the center of the image with the middle of the line.
align=bottom Aligns the bottom of the image with the bottom of the line of text.



Back to HTML tutor homepage | Back | Next | Email me