Learn Step by step web Design and Development

madmax2000 · Apr 8, 2012

HI All i am going to teach you step by step web design every week . i am going to post the 1st tutorial on this April

if you want to be a web design in sri lanka Fallow this

With HTML you can create your own Web site.

This tutorial teaches you everything about HTML.

HTML is easy to learn - You will enjoy it.

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

Copy this code and save it on the notepad test.html

Example Explained

The text between <html> and </html> describes the web page
The text between <body> and </body> is the visible page content
The text between <h1> and </h1> is displayed as a heading
The text between <p> and </p> is displayed as a paragraph

madmax2000 · Apr 11, 2012

http://www.youtube.com/watch?v=GwQMnpUsj8I

chami_84 · Apr 11, 2012

bump

madmax2000 · Apr 11, 2012

the <head> element

The <head> element is "next" as they say. As long as it falls somewhere between your <html> tag and your web page content (<body>), you're golden. Thehead functions "behind the scenes." Tags placed within the head element are not directly displayed by web browsers. We will be placing the <title> element here and we'll talk about the other possible elements in later lessons.

Other elements used for scripting (Javascript) and formatting (CSS) will eventually be introduced and you will have to place them within your head element. For now, your head element will continue to lay empty except for the title element that will be introduced next.

the <title> element

Place the <title> tag within the <head> element to title your page. The words you write between the opening and closing <title></title> tags will be displayed at the top of a viewer's browser. Here's the html code:

the <body> element

The <body> element is where all content is placed. (Paragraphs, pictures, tables, etc). As the menu on the left suggests, we will be looking at each of these elements in greater detail as the tutorial progresses. For now, it is only important to understand that the body element will encapsulate all of your webpage's viewable content.

HTML Code:
<html>
<head>
<title>My WebPage!</title>
</head>
<body>
Hello World! All my content goes here!
</body>
</html>

madmax2000 · Apr 23, 2012

HTML Tables

Tables are defined with the <table> tag.
A table is divided into rows (with the <tr> tag), and each row is divided into data cells (with the <td> tag). td stands for "table data," and holds the content of a data cell. A <td> tag can contain text, links, images, lists, forms, other tables, etc.
Table Example

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

How the HTML code above looks in a browser:
row 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cell 2
HTML Tables and the Border Attribute

If you do not specify a border attribute, the table will be displayed without borders. Sometimes this can be useful, but most of the time, we want the borders to show.
To display a table with borders, specify the border attribute:
<table border="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>

HTML Table Headers

Header information in a table are defined with the <th> tag.
All major browsers display the text in the <th> element as bold and centered.
<table border="1">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

How the HTML code above looks in your browser:
Header 1 Header 2 row 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cell 2

madmax2000 · May 2, 2012

Web design HTML Hyperlinks (Links)

A hyperlink (or link) is a word, group of words, or image that you can click on to jump to a new document or a new section within the current document.

When you move the cursor over a link in a Web page, the arrow will turn into a little hand.

Links are specified in HTML using the <a> tag.

The <a> tag can be used in two ways:

To create a link to another document, by using the href attribute
To create a bookmark inside a document, by using the name attribute
HTML Link Syntax

The HTML code for a link is simple. It looks like this:

<a href="url">Link text</a>
The href attribute specifies the destination of a link.

Example

<a href="http://www.shawebdesign.com/">Visit shawebdesign</a>

TheMass · May 2, 2012

Math web designing kala, karunakarala katahari kiyanna puluwandha tranee wage job ekakata yanna thenak plssssssss...............

TheMass · May 2, 2012

madmax2000 said:
Web design HTML Hyperlinks (Links)

A hyperlink (or link) is a word, group of words, or image that you can click on to jump to a new document or a new section within the current document.

When you move the cursor over a link in a Web page, the arrow will turn into a little hand.

Links are specified in HTML using the <a> tag.

The <a> tag can be used in two ways:

To create a link to another document, by using the href attribute
To create a bookmark inside a document, by using the name attribute
HTML Link Syntax

The HTML code for a link is simple. It looks like this:

<a href="url">Link text</a>
The href attribute specifies the destination of a link.

Example

<a href="http://www.shawebdesign.com/">Visit shawebdesign</a>

Machan uba mahansi wenna one na ara okkoma w3scool ekin thiyanawa..puluwannam mata trainee ekata yanna thenak kiyapanko

madmax2000 · May 3, 2012

ubata ona nam mata email karapan api traning ekak denam

delmar · May 3, 2012

Web site promoting :lol:

Search

Latest ads

Learn Step by step web Design and Development

madmax2000

Member

madmax2000

Member

chami_84

Well-known member

madmax2000

Member

madmax2000

Member

madmax2000

Member

TheMass

Member

TheMass

Member

madmax2000

Member

delmar

Well-known member

Similar threads