Web Designing Onine Programming: December 2012

Wednesday, 5 December 2012

Unordered Lists, or <ul>..</ul> tags, are ones that appear as a list of items with "bullets", "markers" and "circle" in the front.
An unordered list can use more than one bullet style. This is useful for grouping related items in the list.

<html>
<head>
<title>Unordered Lists</title>
<body>
<h1>
Unordered Lists</h1>
<ul>
<li>This is the First Item</li>
<li>This is the Second Item</li>
<li>This is the Third Item</li>
</ul>
<h1>
SQUARE TYPE</h1>
<ul type="square">
<li>This is the First Item</li>
<li>This is the Second Item</li>
</ul>
<h1>
Grouping Related Items</h1>
<ul type="circle">
<li>Item 1</li>
<li type="disc">Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li type="disc">Item 5</li>
</ul>
</body>
</html>

OUTPUT

Ordered Lists

There are three types of Common List Tags
Ordered Lists:
<OL></OL> and <LI>
Unordered Lists:
<UL></UL> and <LI>
Definition Lists:
<DL></DL> and <DT>,<DD>

Ordered Lists:
Ordered Lists are numbered lists. When creating an ordered list, there are two main tags you must use. The <OL> tag marks the beginning of the ordered list and the <LI> tag marks the beginning of each item in the list.
While there is no limit to the amount of text an item an item in an ordered list can contain, try to limit each item to one or two lines of text. This will help improve the readability of your list.
By default, a number (1,2,3...) appears beside each item in an ordered list. The TYPE attribute lest you change the number style of your list.

<html>
<head>
<title>Ordered Lists</title>
</head>
<body>
<h1>
My Ordered List: Numbers</h1>
<ol>
<li>This is the First Item</li>
<li>This is the Second Item</li>
<li>This is the Third Item</li>
</ol>
<h1>
Capital Letter</h1>
<ol type="A">
<li>This is the First Item</li>
<li>This is the Second Item</li>
</ol>
<h1>
Roman Letters</h1>
<ol type="I">
<li>This is the First Item</li>
<li>This is the Second Item</li>
</ol>
<p>
The START and VALUE attributes allow you to customize your ordered lists.<br>
The START value lets you start your ordered list with a number other than 
1. The VALUE attribute lets you skip a number by assigning a new number to a list item.</p>
<h2>
The START and VALUE Attributes</h2>
<ol start="7">
<li>England</li>
<li>USA</li>
<li value="11">Germany</li>
<li>India</li>
<li>Brazil</li>
</ol>

OUTPUT

Test Attributes

BOLD:
Putting large blocks of text in boldface makes the text hard to read.
ITALIC:
The I tag should only be used if text is in italics by convention.
STRIKE:
If you absolutely require strike through text, you will have to use an image.
TT-Teletype Font
Text Inside TT is not preformatted text like PRE; spaces are collapsed and newlines ignored.
U-Underline
Most graphical browsers do not support underlined text, since it makes it harder to distinguish text from hyperlinks.

<html>
<head>
<title>Text Markup</TITLE>
</HEAD>
<body>
<div align="center">
<b><h1>
Text Markup(Physical Markup)</H1></B></div>
<b>This is Bolded Text</B><br><br>
<i>This is Italicized Text</B><br><br>
<u>This is Underlined Text</U><br><br>
<tt>This is Teletype Text</TT><br><br>
<strike>This a Strikeout Text</STRIKE><br><br>
This is a Sup Text Markup (a+b)<sup>2</sup>=a<sup>2</sup>+b<sup>2</sup>+2ab.<br><br>
This is a Sub Text Markup h<sub>2</sub>O.
</BODY>
</HTML>

OUTPUT

Tuesday, 4 December 2012

Basic HTML Tags

The most important tags in HTML are tags that define headings, paragraphs and line breaks.

Headings:

There are six heading levels you can use <h1> to <h6> tags. <h1> defines the largest heading. <h6> defines the smalles heading.

Paragraphs:

Web browsers usually ignore returns you type in the your text editor or word processor. Paragraphs are defined with the <p> tag.
When you display you Web page in a Web browser, a blank line will appear between each paragraph you defined using the <p>tag. This can help improve the layout and readability of your Web page by breaking up large sections of text.
<p>This is a first paragraph</p>
<p>This is a second paragraph</p>

Line Breaks:

The <br> tag is used to break a line, but don't want to start a new paragraph. The <br> tag forces a line break wherever it is placed.
<p>This <br> is first para<br> graph with line breaks</p>

<html>
<head>
<title>BASIC HTML TAGS</TITLE>
</HEAD>
<body>
<div align="center">
<b><h1>
Headings</H1></B></div>
<h1>
This is a First Heading</H1>
<h2>
This is a Second Heading</H2>
<h3>
This is a Third Heading</H3>
<h4>
This is a Fourth Heading</H4>
<h5>
This is a Fifth Heading</H5>
<h6>
This is a Sixth Heading</H6>
<br>
<br>
<div align="center">
<b><h1>
Paragraphs</H1></B></div>
<p>
This is a First Paragraph</p>
<p>
This is a Second Paragraph</p>
<br>
<br>
<div align="center">
<b><h1>
Line Breaks</H1></B></div>
<p>
This <br> is first para<br> graph with line breaks</p>
</BODY>
</HTML>

OUTPUT

An Introduction to HTML

Hyper Text Markup Language (HTML) is a computer language used to create web pages. Web pages are HTML documents that consist of text and HTML tags. HTML documents have the .html or .htm extension (example: filename.html). A Web browser interprets the tags in a HTML document and displays the document as a Web page.

You do not have to create different HTML documents for different types of computers. Any computer that has a Web browser installed can display Web pages, including computers running a Unix, Windows or Macintosh operating system.

<html> <head> <title>Simple HTML Document. Only the browser sees this title </TITLE> </HEAD> <body> <h1> Sample Heading -- You and I see this heading</H1> <p>This is a sample text representing a paragraph. It will ignore spaces and keep on being one paragraph <p>This is another paragraph </BODY> </HTML>

<html>
<head>
<title>Simple HTML Document. Only the browser sees this title </TITLE>
</HEAD>
<body>
<h1>
Sample Heading -- You and I see this heading</H1>
<p>
This is a sample text representing a paragraph. It will ignore
spaces and keep on being one paragraph <p>
This is another paragraph
</BODY>
</HTML>

UPLOAD

Mahesh Babu

Wednesday, 5 December 2012

Nested List

Unordered Lists

Ordered Lists

Test Attributes

Tuesday, 4 December 2012

Basic HTML Tags

An Introduction to HTML

About Me