Posts Tagged With: html

BLANK.

So well,

I’m back again. But this time, not to explain anything.

As I had mentioned before, I’m working on a website.
Please try and open the link on either Google Chrome or Safari. Delhi Walle
For IE users, you won’t get to see all the animation. 
Now. This website is for a restaurant near my house.It might not look great as I am still working on it.
Please check it out 🙂 


Advertisements
Categories: Uncategorized | Tags: , , , , , , , , , , | 3 Comments

Sample Program 3

<html>
<body bgcolor=”red” text=”white”>
<h1><center><u> TABLES </h1></u></center><br><br
<center>
<table border=”2″>
<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></center>
</body>
</html>

Categories: Uncategorized | Tags: , , | Leave a comment

Tables.

First, I’d like to thank everyone who has visited my blog. Why? Because I just crossed 275 hits. Thank you all so much!

Now lets get back.

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.

Below are a few common attributes.

<table> Defines a table
<th> Defines a table header
<tr> Defines a table row
<td> Defines a table cell
<caption> Defines a table caption
<thead> Defines a table’s header
Categories: Uncategorized | Tags: , , , | Leave a comment

Lists. Ordered and Unordered.

Lists are of two types – Ordered and Unordered.

An ordered list is a pair of tags that have the syntax <ol> </ol>.

Each item in the list is denoted by <li> and </li>

<html>
<body>
<ol>
<li> Item 1 </li>
<li> Item 2 </li>
<li> Item 3 </li>
</ol>
</body>
</html>

Whereas, an unordered list has the syntax <ul> </ul>

Each list item is denoted by <li> and </li> as well

<html>
<body>
<ul>
<li> Item 1 </li>
<li> Item 2 </li>
<li> Item 3 </li>
</ul>
</body>
</html>

 

Categories: Uncategorized | Tags: , , , | Leave a comment

Images.

The syntax for an image tag is <img>. This tag DOES NOT have a closing tag.

This how the code goes. 

<html>
<head>
</head>
<body>
<center><img src=”Heading.jpg” width=200 height=400 alt=”Heading”></center>
</body>
</html>

It’s Attributes:

  • <img src=” “>. This gives the file path for the image.
  • <img alt=” “>. Incase the image doesn’t work, this text pops up.
  • <img width = height = > indicates the width and height of the image.
Categories: Uncategorized | Tags: , , , , , , , , , | Leave a comment

The center, bold, italics and underline tags.

All the above four have an opening and closing tag.

  • <center> XYZ </center>.As the name suggests, any text between the center tag will be in the center of the screen.
  • <b> XYZ </b>. Text typed in between the tag will be bold.
  • <u> XYZ </u>. Text typed in between the tag will be underlined.
  • <i> XYZ </i>. Text typed in between the tag will be in italics.

Sample Program.

<html>
<head>
<title> Trying Bold, Italics, Underline and Center </title>
</head>
<body bgcolor=”black” text=”white”>
<br>
<h1><center><b><u><i> Welcome! </b></u></i></h1></center>
<hr><br>
<center>
<b> This text is BOLD </b><br>
<i> This text is in ITALICS </i><br>
<u> This text is UNDERLINED </u><br>
<b><u><i> This text is all three combined </b></u></i>
<br>
<hr>
</center>
</body>
</html>

Copy and paste the above program in notepad and save it as Trial.html

Try IT!

Categories: Uncategorized | Tags: , , | Leave a comment

SAMPLE PROGRAM 1

<html>
<head>
<title> Headings </title>
</head>
<body bgcolor=”red” text=”white”>
<h1> Welcome </h1><br><hr>
<h2> Welcome </h2><br><hr>
<h3> Welcome </h3><br><hr>
<h4> Welcome </h4><br><hr>
<h5> Welcome </h5><br><hr>
<h6> Welcome </h6><br><hr>
</body>
</html>

Copy the above program and paste it in notepad. Then save it as: heading.html

Try it!

Categories: Uncategorized | Tags: , , , , , , , , , , , , | Leave a comment

The heading tag, break tag, and line tag.

The heading tags come in pairs (opening and closing tags).

  • <h1></h1>
  • <h2></h2>
  • <h3></h3>
  • <h4></h4>
  • <h5></h5>
  • <h6></h6>
<h1> Gives the largest heading. As the heading numbers increase the heading size decreases.
The <br> tag takes you to the next line. It has no ending tag. Just type in your text in the body and put a <br> to go to the next line. As for the <hr> tag, it draw a horizontal line. This tag does not have a closing tag either. Try it!
Categories: Uncategorized | Tags: , , , , , , | Leave a comment

The body tag and its attributes.

The body has a few attributes. They are –

  • bgcolor (used for giving a background colour to a page).
  • Eg. <body bgcolor=”red”>
  • This will make the body colour red.

Note: It’s color and not colour. Also. The colour name is in quotes ” ”

  • Next comes the ‘text‘ attribute.
  • This changes the colour of the text in your body
  • Eg. <body bgcolor=”red” text=”white”>
  • This will make the text colour white and body colour red.

Note: It’s text and not textcolor.

Categories: Uncategorized | Tags: , , , , , , | Leave a comment

Some Basic Tags.

If you look at an essay, it has three parts, Introduction, body, conclusion. Almost the exact same way an html page generally has a head and a body.

  •  The <html> and </html> tags indicate the beginning and ending of a html page.
  • The above two tags must ALWAYS be there!
  • The <head>  and </head> tags usually indicate the head of a webpage.
  • It generally includes – CSS/Javascript and the Title of your page.
  • <title> and </title> come inside the <head> tag.
  • Anything you type in between these two tags appears on the webpage tab.
  • The pair of <body>tags indicate the beginning of the body.
  • Anything typed in between this will appear on the webpage screen.

These tags are there in most programmes. Of course, everything has exceptions. As you can also see, I haven’t done a very good job explaining. But over a period of time, you’ll understand. If you have any questions, you can contact me at arnavgrg@gmail.com

Categories: Uncategorized | Tags: , , , , , | Leave a comment

Blog at WordPress.com.

%d bloggers like this: