HTML: Lesson 5 - Headings, Paragraphs, Links and Images, Oh MY!!


HTML5 Headings

HTML headings are defined with the <h1> to <h6> tags:
Place the following within the BODY tag of the index.htm file and save it.
<BODY>
<h1>This is a heading1</h1>
<h2>This is a heading2</h2>
<h3>This is a heading3</h3>
<h4>This is a heading4</h4>
<h5>This is a heading5</h5>
<h6>This is a heading6</h6>
</BODY>

Now locate the file and open it within a web browser such as google chrome or internet explorer.
You will see headings <h1>  - <h6> and there various sizes.  

HTML5 Paragraphs

HTML paragraphs are defined with the <p> tag:

Example

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

HTML5 Links

HTML links are defined with the <a> tag:

<a href="http://www.rapidwebcourse.com">go to this site</a>

The link address is specified in the href attribute.
Attributes are used to provide additional information about HTML elements.

HTML Images

HTML images are defined with the <img> tag.
The source file (src), alternative text (alt), and size (width and height) are provided as attributes:

Example

<img src="sample.jpg" alt="if the image does not display then this text will appear" width="100" height="100">

0 comments:

TUTORIALS

  • HTML
  • CSS
  • Javascript
  • JQuery
  • PHP
  • MySQL

Labels