Skip to content

HTML For Beginners

rexxierexxie Posts: 5

HTML -HyperText Markup Language, is the language in which most websites are written. HTML is used to create pages and make them functional.

HTML provides the basic structure of sites, which is enhanced and modified by other technologies like CSS and JavaScript.

HTML is at the core of every web page, regardless the complexity of a site or number of technologies involved. It’s an essential skill for any web professional. It’s the starting point for anyone learning how to create content for the web. The latest version is known as HTML5.

A Markup Language means that, HTML uses Tags and Attributes to identify different types of content and the purposes they each serve to the webpage.

What are Tags and Attributes?

Tags and attributes are the basis of HTML. They work together but perform different functions-

Tags are used to mark up the start of an HTML element and they are usually enclosed in angle brackets. An example of a tag is:

<

h1>.

Most tags must be opened

and closed

in order to function.

Attributes contain additional pieces of information. Attributes take the form of an opening tag and additional info is placed inside.

HTML tags, also known as “elements” have pretty intuitive names: Header tags, paragraph tags, image tags, and so on.

Once a tag has been opened, all of the content that follows is assumed to be part of that tag until you “close” the tag. When the paragraph ends, I’d put a closing paragraph tag:

. Notice that closing tags look exactly the same as opening tags, except there is a forward slash after the left angle bracket. Here’s an example:

This is a header.

An example of an attribute is:

< img src=”mydog.jpg” alt=”A photo of my dog.” >

In this instance, the image source (src) and the alt text (alt) are attributes of the tag.

NOTE

Tags must be opened and closed with the element information such as a title or text in between the tags.
When using multiple tags, the tags must be closed in the order in which they were opened. For example:
< strong >< em > This is really important! </ em ></ strong >

Sign In or Register to comment.