introduction to HTML


What is HTML?

HTML is the standard markup language for creating Web pages.
  • HTML stands for Hyper Text Markup Language
  • HTML describes the structure of Web pages using markup
  • HTML elements are the building blocks of HTML pages
  • HTML elements are represented by tags
  • HTML tags label pieces of content such as "heading", "paragraph", "table", and so on
  • Browsers do not display the HTML tags, but use them to render the content of the page

A Simple HTML Document

Example

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>
Try it Yourself »

Example Explained

  • The <!DOCTYPE html> declaration defines this document to be HTML5
  • The <html> element is the root element of an HTML page
  • The <head> element contains meta information about the document
  • The <title> element specifies a title for the document
  • The <body> element contains the visible page content
  • The <h1> element defines a large heading
  • The <p> element defines a paragraph

HTML Tags

HTML tags are element names surrounded by angle brackets:
<tagname>content goes here...</tagname>
  • HTML tags normally come in pairs like <p> and </p>
  • The first tag in a pair is the start tag, the second tag is the end tag
  • The end tag is written like the start tag, but with a forward slash inserted before the tag name
Tip: The start tag is also called the opening tag, and the end tag the closing tag.

Web Browsers

The purpose of a web browser (Chrome, IE, Firefox, Safari) is to read HTML documents and display them.
The browser does not display the HTML tags, but uses them to determine how to display the document:
View in Browser

HTML Page Structure

Below is a visualization of an HTML page structure:
<html>
<head>
<title>Page title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>

Comments

Post a Comment

Popular posts from this blog

introduction to HTML 2

Image
Creating websites is not as tough as it seems to be. Learn how to code a simple HTML page with HTML – the widely used Markup Language for the Web. Designing and creating a simple website is easy. Even beginners can  learn web designing  without putting in too much effort and time. HTML is the first Internet-based Markup Language. It is the core markup for all web pages and is an integral part of the Web. If you are a Web developer or designer and need to develop some great websites, then you can do it with HTML. It is an easy to acquire and a core skill for all web developers and designers. Let us learn the basics of HTML markup and use it to create a Simple HTML Page. Introduction to HTML HTML stands for HyperText Markup Language HyperText is text that works as a link. Markup Language defines layout information within a document. HTML defines the structure of a web page. It provides indications to the browser to suitably display the web page. An HTML doc
Read more

introduction to CSS (External and internal)

Image
A CSS (cascading style sheet) file allows you to separate your web sites (X)HTML content from it’s style. As always you use your (X)HTML file to arrange the content, but all of the presentation (fonts, colors, background, borders, text formatting, link effects & so on…) are accomplished within a CSS. At this point you have some choices of how to use the CSS, either internally or externally. Internal Stylesheet First we will explore the internal method. This way you are simply placing the CSS code within the <head></head> tags of each (X)HTML file you want to style with the CSS. The format for this is shown in the example below. <head> <title><title> <style type=”text/css”> CSS Content Goes Here </style> </head> <body> With this method each (X)HTML file contains the CSS code needed to style the page. Meaning that any changes you want to make to one page, will have to be made to all. This method can be good if
Read more