ICT FOR BEGINNERS: June 2011

Tuesday, June 14, 2011

Tag Attributes

Tags can have attributes. Attributes can provide additional information about the HTML elements on your page.

This tag defines the body element of your HTML page: <body>. With an added bgcolor attribute, tells the browser that the background color of your page should be red, like this: <body bgcolor="red">.

This tag defines an HTML table: <table>. With an added border attribute, you can tell the browser that the table should have no borders: <table border="0">

Attributes always come in name/value pairs like this: name="value".

Attributes are always added to the start tag of an HTML element.

Quote Styles, "red" or 'red'?

Attribute values should always be enclosed in quotes. Double style quotes are the most common, but single style quotes are also allowed.

In some rare situations, like when the attribute value itself contains quotes, it is necessary to use single quotes:

name='ajith "Shot" silva'

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

HTML Elements

Recall the HTML example from the previous page:

<html>

<head><

title>Title of page</title>

</head>

<body>This is my first homepage. This text is in bold

</body>

</html>

This is an HTML element:

This text is in bold

The HTML element between start tag: and end tag: defines an HTML element that should be displayed in bold.

This is also an HTML element:

<body>

This is my first homepage. This text is in bold

</body>

This HTML element between start tag <body> and end tag </body> defines the HTML element that contains the body of the HTML document.

Sunday, June 12, 2011

HTML Tags

HTML tags are used to mark-up HTML elements
HTML tags are surrounded by the two angle brackets < and >
HTML tags normally come in pairs like and
The first tag in a pair is the start tag, the second tag is the end tag
The text between the start and end tags is the element content
HTML tags are not case sensitive, means the same as

Hyper Text Markup Language (HTML) 2. Example Explained

· The first tag <html> tells your browser that this is the start of an HTML document. The last tag </html> tells your browser that this is the end of the HTML document.

· The text between the <head> tag and the </head> tag is header information. Header information is not displayed in the browser window.

· The text between the <title> tags is the title of your document. The title is displayed in your browser's caption.

· The text between the <body> tags is the text that will be displayed in your browser.

· The text between the and tags will be displayed in a bold font.

Thursday, June 9, 2011

Hyper Text Markup Language (HTML)

What is an HTML File?

· HTML stands for Hyper Text Markup Language

· An HTML file is a text file containing small markup tags

· The markup tags tell the Web browser how to display the page

· An HTML file must have an htm or html file extension better to use html extension.

An HTML file can be created using a simple text editor or any text editor can be used.

Open notepad and Type the following text:

<html>

<head>

<title>Title of page</title>

</head>

<body>

This is my first homepage. This text is in bold

</body>

</html>

Output

This is my first homepage. This text is in bold

Save the file as "myfirst.htm".

Start Internet browser and locate the HTML file you just created - "myfirst.htm" - select same and click "Open " (or "Open Page") in the File menu of your browser. A dialog box will appear. Select "Browse" (or "Choose File"). Now you should see an address in the dialog box, for example "C:\MyDocuments\myfirst.htm". Click OK. The page will be displayed.

Hyper Text Markup Language (HTML)

Thursday, June 2, 2011

Creating and linking multiple Pages

This explains how to create a small web site with multiple pages that has links along with them. First you have to create a web page called index. Most of the time index means the home page of the site you are going to create.

Next you have to create other pages. The two other pages available in this example are as follows

After creating other pages create hyperlinks from index page to primary and secondary pages.

<html>

<head>

<title>My First Web Page</title>

</head>

<body>

My School

 

<a href="primary.htm">Primary Section</a>

<a href="secondary.htm">Secondary Section</a>

</body>

</html>

...................................................................

<html>

<head>

<title>Primary Section</title>

</head>

<body>

Primary Section

<a href="index.htm">Back</a>

<img border="0" src="primary.jpg" width="180" height="204">

</body>

</html>

.............................................................................

<html>

<head>

<title>Secondary Section</title>

</head>

<body>

Secondary Section

<a href="index.htm">Back</a>

<img border="0" src="secpic.wmf" width="193" height="165">

</body>

</html>


..................................................................................................

Using HTML codes in a text editor is the Basic method to create a web page. The concept of HTML codes and tags is very important in this method.

.

Creating a Simple Web Page

To create a web page there are two methods

Create web page using a text editor

Eg: Note Pad

Create web page using standard package

Eg: Microsoft Front Page, Macromedia Dreamviewer and Adobe Fireworks

Create a web page using a text editor

<html>

<head>

<title>New Page 1</title>

</head>

<body>

My First Web Page

</body>

</html>

Create a web page using standard package

For example, HTML code generated by FrontPage is as follows

<html>

<head>

<meta http-equiv="Content-Language" content="en-us">

<meta name="GENERATOR" content="Microsoft FrontPage 5.0">

<meta name="ProgId" content="FrontPage.Editor.Document">

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<title>New Page 1</title>

</head>

<body>

My First Web Page

</body>

</html>

Preview of the desired web page on a Web Browser

Wednesday, June 1, 2011

Web Page Development

Fundamentals of HTML

Hypertext Markup Language, the coding language used to create hypertext documents for the World Wide Web. In HTML where a block of text can be surrounded with tags that indicate how it should appear (for example, in bold face or italics). Also, in HTML a word, a block of text, or an image can be linked to another file on the Web. HTML files are viewed with a World Wide Web browser.

This is a subset of Standard Generalized Markup Language (SGML). This language provides codes used to format hypertext documents. Individual codes are used to define the hierarchy and nature of various components of a document, as well as to specify hyperlinks.

HTML documents are written in plain text, but with the addition of tags, which describe or define the text they enclose. For example, the ANCHOR <A> tag placed around the hyperlinked text defines a link. It specifies the URL of the 'linked to' document, eg <A HREF="http://www. ...

Fundamentals of XML

Extensible Markup Language; defined by the World Wide Web Consortium (W3C) (2004b) as “a class of data objects called XML documents partially describes the behavior of computer programs which process them. XML documents are made up of storage units called entities, which contain either parsed or unparsed data. Parsed data is made up of characters, some of which form character data, and some of which form markup. ...

It is a W3C-recommended general-purpose markup language for creating special-purpose markup languages. It is a simplified subset of SGML, capable of describing many different kinds of data. Its primary purpose is to facilitate the sharing of data across different systems, particularly systems connected via the Internet.

ICT FOR BEGINNERS

Labels

Search This Blog

Tuesday, June 14, 2011

Tag Attributes

HTML Elements

Sunday, June 12, 2011

HTML Tags

Hyper Text Markup Language (HTML) 2. Example Explained

Thursday, June 9, 2011

Hyper Text Markup Language (HTML)

Hyper Text Markup Language (HTML)

Hyper Text Markup Language (HTML)

Thursday, June 2, 2011

Creating and linking multiple Pages

Creating a Simple Web Page

Wednesday, June 1, 2011

Web Page Development

Fundamentals of HTML

Fundamentals of XML

.