You are on page 1of 22

WEB FUNDAMENTALS TLE 4 AND HTML (ICT)

FOURTH QUARTER

Introducing the World Wide Web


Internet is a structure made up of million of interconnected computers whose users can communicate with each other and share information. Network computers that are linked together

World Wide Web


also known as the WWW or the Web is an organization of files designed around a group of servers on the Internet programmed to handle requests from browser software on users PCs. is the fastest growing , most commercially popular technology to date. TIM BERNERS-LEE a programmer who wrote a program called a hypertext editor. Hypertext document an electronic file that contains elements that you can select, usually by clicking a mouse, to open another document.

Web sites a representation of a companys product or services available for display via the Web. Webmaster a person who is skilled in Web design, Web maintenance and Web upgrade. Browser a program designed to search for and bring in Internet resources. Plug-in specialized program designed to enhance a function.

Web server is the computer that stores the web document that users access. Web browser is the software program that accesses the web document and displays it contents on the users computer Hypertext Markup Language the language of the Web Standard Generalized Markup Language SGML is one example of a more general mark up language

Versions of HTML
1.

HTML 0.0 the original version developed by Tim Berners Lee and other researcher at CERN. It has long been supplanted by the succeeding versions of HTML HTML 1.0 (1989-1994) the first public version of HTML, which included support for inline images and text controls. Some browsers, most notably the text-based Lynx browser used on the UNIX system, operates at the 1.0 level

2.

3.

HTML 2.0 (1995) - the version supported by all graphical browsers including Netscape Navigator, Mosaic and Internet Explorer. It supported interactive form elements such as option buttons and text boxes. A document written to follow 2.0 specification would be readable by most browser on the Internet. HTML 3.2 (1997) this version is also referred to as HTML+. It includes more support for creating and formatting tables and expands the option for creating interactive elements. It also allows for the creation of complex mathematical equations.

3.

5.

HTML 4.01 (1999) - This version added support for style sheets and scripting ability for multimedia elements. HTML 4.01 focused on separating presentation styling information from the actual content by the use of style sheets as HTML 3.20 resulted in difficult maintenance because presentation styling information was included directly in the webpage. In HTML 4.0 with the use of style sheets, it is now possible to change the appearance/look of the website by changing just the style sheet (s) itself. In comparison, in the earlier versions of HTML making the same changes for the entire website meant changing the styling information in the individual pages! HTML 5 (2012) update of all the versions

5.

HTML editors tools for creating HTML documents


The software packages can be grouped into two main categories: text-based (or code-based) editors WYSIWYG (what you see is what you get) editors

What is HTML?
HTML is a language for describing web pages. HTML stands forHyperTextMarkupLanguage HTML is not a programming language, it is amarkup language A markup language is a set ofmarkup tags HTML usesmarkup tagsto describe web pages

HTML Tags
HTML markup tags are usually called HTML tags HTML tags are keywords surrounded byangle bracketslike <html> HTML tags normallycome in pairslike <b> and </b> The first tag in a pair is thestart tag,the second tag is theend tag Start and end tags are also calledopening tagsandclosing tags

HTML Documents = Web Pages


HTML documentsdescribe web pages HTML documentscontain HTML tagsand plain text HTML documents are alsocalled web pages The purpose of a web browser (like Internet Explorer or Firefox) is to read HTML documents and display them as web pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the page

HTML STRUCTURE
<html> <head> <title>First Web</title> </head> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>

1.

HTML tags indicate codes Parts -of Web Page is written in HTML

<HTML> </HTML> 2. Head surround information about web page - Info about the document

Info in header not generally rendered in display window <Head> </Head>

3. Title tags identify title. It usually appears on the title bar - name of your Web page

<Title> </Title>

4. Body tags surround the portion of the document that appears in the browser - Page content

- Includes text, images, links, forms, etc. - Elements include backgrounds, link colors and font faces

<Body> </Body>

.HTM or .HTML File Extension? an HTML file, you can use When you save

either the .htm or the .html file extension. There is no difference, it is entirely up to you.

HTML Headings
HTML headings are defined with the <h1> to <h6> tags. Example: <h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3> <h4>This is a heading</h4> <h5>This is a heading</h5> <h6>This is a heading</h6>

HTML Paragraphs
HTML paragraphs are defined with the <p> tag. Example: <p>This is a paragraph.</p> <p>This is another paragraph.</p>

HTML Links
HTML links are defined with the <a> tag. Example: <a href="http://www.w3schools.com">This is a link</a>

Note:The link address is specified in the href attribute.

HTML Images
HTML images are defined with the <img> tag. Example: <img src="w3schools.jpg" width="104" height="142" />

HTML Text Formatting Tags


<b> <big> <em> <i> <small> <strong> <sub> <sup> Defines bold text Defines big text Defines emphasized text Defines Defines Defines Defines Defines text italic text small text strong text subscripted text superscripted

The HTML <font> Tag


The example below shows how the HTML could look by using the <font> tag: Example <p> <font size="5" face="arial" color="red"> This paragraph is in Arial, size 5, and in red text color. </font> </p> <p> <font size="3" face="verdana" color="blue"> This paragraph is in Verdana, size 3, and in blue

You might also like