Thursday, 16 July, 2020

Basic HTML Tutorial


Basic HTML Tutorial

Anyone can learn HTML. HTML stands for “Hypertext Markup Language”. HTML is the easiest programming language out there. Why should you learn HTML? Knowing HTML will help you alot if you’re thinking about doing web design or have just started doing web design. By knowing HTML you can spice up your web pages. In this tutorial I will cover the basic HTML tags.

Markups are made of the less than and greater than symbols. Also known as angel brackets. ( lt; gt;) The markups tell your browser to display content. This content could be text, graphics, links, etc. You can use lowercase or uppercase letters when using the markups. Markups are not case sensitive, as what website tutorial sites such as WebpageScientist suggest. There are some markups that stand by there selves. For example

. Most of the tags require a closing tag. For example Hi . The forward slant lets the markups know to close. Now we will look at the basic HTML tags.

When you make a web page, everything on that page will fall between the tags. This tag tells the browser that this document is an HTML page.

The header is where information about the document is placed.

This tag is used to display a title. Whatever you put between these two tags will show up at the very top of your browser.

This tag tells your browser to display the content between these two tags. You can use attributes to set specifications inside the tag itself.

Ex.

(This example will make the background of your site gray.)

We have covered the basic HTML tags for creating a web page. You can use the following as a template.

Your content for your web page goes here.

By using the above template you have made the basic web page.

Now we will look at the remainder of the basic HTML tags.

This tag stands for “Bold”. This tag tells your browser to make anything between them bold.

Ex.

Hello = HELLO

This tag stands for “line break”. This tag tells your browser to start a new line.

Ex.

  • Jane Doe
  • 0010 Doe St
  • Lakeland, Fl 00000
  • Jane Doe
  • 0010 Doe St
  • Lakeland, Fl 00000

This tag tells your browser to change the text between these two tags. You can use this tag to change a typeface or a type size.

Ex.

Welcome to my site

This tag stands for “Heading”. This tag tells your browser to insert a blank line before and after whatever is between the tags. It also displays it in bold. Headings come in six different sizes : 1-6. With one being the biggest and six being the smallest.

Ex.

  • Hello – Welcome to my siteHello – Welcome to my siteHello – Welcome to my siteHello – Welcome to my siteHello – Welcome to my siteHello – Welcome to my site

This tag stands for “horizontal rule”. This puts a line across your page. You can change the way it looks.