Skip to main content

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.


Labels:

Comments

Post a Comment

Popular posts from this blog

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...
Post a Comment
Read more

Hello World in PHP!

PHP is one of the most powerful languages of the web. PHP is an application server as well as a programming language that has the capability to do loads of stuff like generate dynamic HTML, connect to databases, apply programming logic to the website code, server side scripting, form handling etc. It is one of the most widely used scripting languages. In order to get it running, you will need to have a basic setup preconfigured which we'll cover later in the course. Just to give you all a head's up, we will start with the trivial "HELLO WORLD" program. Test Code : ( Use this code to display Hello World! in the console ) <?php echo "Hello, World!"; ?> NOTE:  Don't worry about anything else you see on the screen just focus on the code and rest will be discussed later in the tutorials. Save the file as " H ello.php " in the DOCUMENT ROOT of your web-server; for XAMPP users like me its the HTDOCS folder in the installat...
Post a Comment
Read more

Hello world in Java!

Java is one of the most commonly used programming languages in the world today. Most of the work you can ever think in the world of programming can be done using Java Programming. Java is used to program everything from small devices to heavy machines. Everything from your Smartphone to your ATM card is somehow supported by Java behind the scenes. In order to learn Java which you might have also heard as of the most popular Object oriented Programming language of the modern times, we must start with the trivial "HELLO WORLD" program. Test Code : ( Use this code to display Hello World! in the console ) public class Hello {     public static void main ( String args[] ) {         System.out.println( "Hello, World!" );     } } NOTE:  Don't worry about anything else you see on the screen just focus on the code and rest will be discussed later in the tutorials. Save the file as " H ello.java " ,  the .java exte...
Post a Comment
Read more