The first "Heading" of the page!

After the few basics components learnt, its actually time for the presentation or content elements to be started with.

By now we already know the basic structure of a webpage and what it consists of, now we need to learn about the inner tags and elements which are for the presentation of the content.

We start with "heading tags" which are used to display the contained text within it in form of headings which are bolder as well are larger in font size than the normal text to emphasize a special presence of the keyword the following things are about.
Everywhere you might see the use of heading and its for the same very purpose in case of webpages to categorize the text associated with it into several related but labelled segments.

The heading tags are ranged from <h1> to <h6> successively with the <h1> as the boldest and largest representation format and <h6> as the smallest and most narrow among the heading but obviously more perceptive than the normal text.

Heading 1 : <h1>I am heading 1</h1> (Boldest and largest)
Heading 2 : <h2>I am heading 2</h2>
Heading 3 : <h3>I am heading 3</h3>
Heading 4 : <h4>I am heading 4</h4>
Heading 5 : <h5>I am heading 5</h5>
Heading 6 : <h6>I am heading 6</h6> (Smallest and most narrow)

Test code : ( Use this code to view the various heading elements on your webpage )

<!doctype html>
<html>
<head>
<title>
My page still has a title within head tag
</title>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
<html>

Note : You can see the different sizes and thickness variations in the various headings in the display area of the browser.

Comments

How to open any installed application on MAC OS X using Terminal !

MAC OS X 10.9 is one of the finest operating systems used in the business as well as household purposes. Considering the unix side of the operating system, it becomes beneficial to be able to do trivial stuff like opening any app directly from the command line interface, i.e. Terminal in this case. There are a lot of other uses that a utility like terminal can offer you but for the instant purpose, let us find out how to open any of the installed applications on your MACINTOSH using the terminal. I will be working with few of the application I have installed on my system. You are free to choose your own. The general syntax for the command is : open -a application_name If you want to open the application as a super user, just prefix the command with sudo : sudo open -a application_name Test commands : (Use these commands one-by-one to open the specified applications) open -a textmate open -a bbedit open -a firefox open -a opera open -a finder open -a mail Watc...

How to program pyramids using loops - 2

In this video tutorial, two of the more patterns have been discussed that relates to the similar pattern problems. What's different about these are that they also include spaces before the stars as a part of the pattern to be printed. Having this extra sub pattern to track spaces in the desired pattern requires an extra loop to track and control it . For a brief review, We discussed that these patterns if observed carefully are just representation of tables i.e. a combination of rows and columns . And few of the cells in that table are populated with some data according to a logically programmed algorithm with represents a pattern. In these cases, the red triangles shows us the spaces represented by "sp" and therefore unlike the previous pattern these need to be managed by the loop as they occur before the stars in the pattern. So, taking the same approach of rows and columns managing loops, we will have an outer loop that tracks the rows which will start at 0...

How to program pyramids using loops

While programming, beginners do come up with some form of pyramid to be printed using any kind of loops in most programming languages. This video presentation clarifies the basic concept behind coding these pyramids in any programming language and explains how these loops can be created and manipulated to obtain different outputs. If you visualize properly, these pyramids are mere TABLES, combination of rows and columns. Having said that, we can understand that there needs to be a logic to control both rows and columns of the table and do that in such a way that the desired pattern is obtained. For doing so, we use two loops in case of a simple pyramid , one for the rows and other for the columns. Since, the general convention is to represent the rows prior to columns , assuming the same, the outer loop tracks the rows and the inner loop tracks the columns. The outer loop is fairly simple and is defined starting from 0 or 1 depending on your preference in most of the cases ...

Artoves : Blend of Technology and Socialism

Search This Blog