I like to introduce our Html using CSS and what use of this in our pages or in our website? CSS means about formatting or layout in our pages and styling our content.

In full sentence we called it Cascading Style Sheet (CSS)

Information:

There is a kind of CSS style we can use and that is:

Inline - using style attribute in our html

Internal -in internal this is use style using between <head> and </head>
External - it is use style sheet using dot Css file in outside path

INLINE ATTRIBUTE

Let us make our sample:

<html>

<body>
<h1 style="font-family:arial;">Our heading</h1>
<p style="font-family:arial;color:green;font-size:15px;">Our content.</p>
</body>

</html>

========================================================================
This is looks like

Our heading

Our content.

========================================================================

For the text alignment we should do like this.

LEFT

<html>

<body>
<h1 style="text-align:left;">Our Line</h1>
<p>Our content.</p>
</body>

</html>

CENTER

<html>

<body>
<h1 style="text-align:center;">Our Line</h1>
<p>Our content.</p>
</body>

</html>

RIGHT

<html>

<body>
<h1 style="text-align:right;">Our Line</h1>
<p>Our content.</p>
</body>

</html>

========================================================================
This is looks like
LEFT

Our Line

Our content.

CENTER

Our Line

Our content.

RIGHT

Our Line

Our content.

========================================================================

INTERNAL ATTRIBUTE

Our code sample like this in our head attribute tag in html

<head>

<style type="text/css">
body {background-color:black;}
p {Our color:black;}
</style>
</head>

For the sample of this is my background that I use in my website

========================================================================

EXTERNAL ATTRIBUTE

Our code sample like this in our head tag in html

If you are making CSS you must save it in dot CSS and link your HTML by using this code below.

<head>
<link rel="stylesheet" type="text/css" href="OURCSS.css" />
</head>

Next to Html Form
Return to:

Html Tutorial Introduction

Html Structure And Method

Basic Tags and Formatting

Adding links in Html Hyperlinks

Html Instruction Formatting Text

Html Working With Fonts

Html Creating Lists

Html Adding Images To Our Pages Or Website

Html Creating Image Maps
HTML Table Border

HTML Marquee Tag Direction
HTML Marquee Image Attribute