Here are some basic HTML examples. Most, if not all, of these tags are used on every HTML web page. Once your HTML document is uploaded, it’ll turn into your first web page once opened in a web browser.

HTML Headings

Headings are defined with the <h1> to <h6> tags

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

This is a heading

This is a heading

This is a heading

HTML Paragraphs

Paragraphs are defined with the <p> tag

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

HTML Links

Links are defined with the <a> tag. The link is inserted between the quotes after <a href=”link goes in here” and your clickable text goes between the tags before ending it with </a>

<a href=“www.yalabbassi.com”>My Website Link</a>

HTML Images

Images are defined with the <img> tag. An image tag needs a source, i.e. a link from where it’s coming from. In image tags, you can also control the height and width of your image to customize it. The alt attribute specifies an alternative text for an image if the image can’t be displayed. An image tag does not need a closing tag.

<img src=“www.yalabbassi.com/logo3.jpg” alt=“website logo” width=“300” height=“75”>

 

HTML Meta Tags

The <meta> tag provides metadata about the HTML page. Metadata will not be displayed on the page. Meta elements are typically used to specify page description, keywords, author of the document, last modified date, and mother metadata information. Metadata is used by browsers to determine how to display or reload a page, and by search engines using your keywords in search results.

To define keywords for search engines:

<meta name=“keywords” content=“communication, public relations, writing, marketing, HTML, CMS, SEO”>

To define description of your web page:

<meta name=“description” content=“Joey Alabbassi, MPS – Communication Expert!”>