Premium Essay

Html Text

In:

Submitted By ashish1992
Words 56638
Pages 227
HTML, DHTML & JavaScript

HTML, DHTML & JavaScript
PRAVESH – Student Guide Subject: HTML. DHTML & JavaScript

V1.0

Training & Development Division

Page 1 of 282

HTML, DHTML & JavaScript

Chapter 1: Introduction to Web and Internet...................................................................................3 Chapter 2: HTML's Role on the Web...........................................................................................13 Chapter 3: Creating a Web Page and Entering Text ....................................................................24 Chapter 4: Changing and Customizing HTML Text....................................................................33 Chapter 5: Displaying Text in Lists .............................................................................................43 Chapter 6: Adding Graphics to Your Web Pages.........................................................................54 Chapter 7: Hypertext and Creating Links.....................................................................................64 Chapter 8: Clickable Image Maps and Graphical interfaces........................................................74 Chapter 9: HTML Forms..............................................................................................................85 Chapter 10: Images, Multimedia Objects and Background Graphics ..........................................96 Chapter 11: Adding Tables to your Documents.........................................................................102 Chapter 12: Frames ....................................................................................................................110 Chapter 13: Introduction to DHTML .........................................................................................122 Chapter 14: Introduction to CSS

Similar Documents

Free Essay

Test

...HTML About the tutorial Tutorial HTML Tutorial Simply Easy Learning 2 HTML Tutorial About the tutorial HTML Tutorial HTML stands for Hyper Text Markup Language, which is the most widely used language on Web to develop web pages. HTML was created by Berners-Lee in late 1991 but "HTML 2.0" was the first standard HTML specification which was published in 1995. HTML 4.01 was a major version of HTML and it was published in late 1999. Though HTML 4.01 version is widely used but currently we are having HTML-5 version which is an extension to HTML 4.01, and this version was published in 2012. Audience This tutorial is designed for the aspiring Web Designers and Developers with a need to understand the HTML in enough detail along with its simple overview, and practical examples. This tutorial will give you enough ingredients to start with HTML from where you can take yourself at higher level of expertise. Prerequisites Before proceeding with this tutorial you should have a basic working knowledge with Windows or Linux operating system, additionally you must be familiar with:      Experience with any text editor like notepad, notepad++, or Editplus etc. How to create directories and files on your computer. How to navigate through different directories. How to type content in a file and save them on a computer. Understanding about images in different formats like JPEG, PNG format. Copyright & Disclaimer Notice All the content...

Words: 5524 - Pages: 23

Free Essay

Computer Management

...1) Introduction to HTML: It stands for hyper text markup language. It was created by Tim Berners-Lee at CERN, the European Laboratory for Practical Physics in Geneva. HTML is a special formatting language that defines the appearance and contents of a webpage. Its specific syntax rules allow you to define the placement and format of the text, graphics, sound and videos on the webpage. HTML is one of the most commonly used interface language used now a days for the web. 2) Terminology: a) Hypertext: It refers to the text which acts a link. You can jump to any page on the Internet by simply clicking at the link. b) Hypermedia An extension to hypertext which supports linking graphics, sound, and video elements in addition to text elements. The World Wide Web is a partial hypermedia system since is supports graphical hyperlinks and links to sound and video files. New hypermedia systems under development will allow objects in computer videos to be hyperlinked. c) Web Client The client, or user, side of the Web. It typically refers to the Web browser in the user's machine. It may also refer to plug-ins and helper applications that enhance the browser to support special services from the site. The term may imply the entire user machine or refer to a handheld device that provides Web access. d) Web Server Web servers are computers that deliver (serves up) Web pages. Every Web server has an IP address...

Words: 1501 - Pages: 7

Free Essay

Html

...1. HTML stands for what? Hyper Text Markup Language 2. The end tag is written like the start tag, with a forward slash before the tag name. 3. Start and end tag are also called opening tags and closing tags. 4. "HTML tags" and "elements" are often used to describe the same thing. 5. An HTML element is everything between the start tag and the end tag, including the tags 6. The purpose of a web browser is to read HTML documents and display them as web pages. 7. HTML elements with no content are called empty elements. 8. HTML headings are defined with the <h1> to <h6> tags. 9. HTML paragraphs are defined with the <p> tag. 10. Links are specified in HTML using the <a> tag. 11. The href attribute Specifies the destination of a link. 12. The target attribute Specifies where to open the linked document. 13. HTML images are defined with the <img /> tag. 14. The <hr /> tag creates a horizontal line in an HTML page 15. Which tag defines HTML comments tag? <!-- --> 16. Which tag defines HTML line Breaks? <br /> 17. Which tag defines BOLD text? <b> 18. Which tag defines italic text? <i> 19. Which tag defines an emphasized text? <em> 20. Which tag defines small text? <small> 21. Which tag defines strong text? <strong> 22. Which tag defines subscripted text? <sub> 23. Which tag defines superscripted text? <sup> ...

Words: 606 - Pages: 3

Free Essay

Mr.Sdfasdf

...Tags 5. Extensible Hypertext Markup Language (XHTML) 6. Hypertext Markup Language (HTML) 7. Markup language 8. Hyperlink A. An ISO-standard language used to describe data and context as opposed to its appearance B. Embedded information that defines the font, color and phrase elements used on an HTML page C. Language that describes context and/or formatting for online documents D. Newer language used to define context as opposed to appearance E. Embedded instructions within a text file that link it to another point in the file or to a separate file F. Web language standard that separates responsibilities for organizing and formatting data G. Language used primarily for defining format and appearance of Web documents H. A set of guidelines for ensuring Web site accessibility to all users, including those with disabilities 1-D, 2-A, 3-H, 4-B, 5-F, 6-G, 7-C, 8-E © 2012 Certification Partners, LLC. — All Rights Reserved. Version 2.0 Site Development Associate Activity Answers-2 Activity 2-1: Identifying HTML elements and attributes In this activity, you will match the HTML element or attribute in the left column with the appropriate description in the right column. 1. 2. 3. 4. 5. 6. 7. 8. 9. lang style A. A container tag that encloses the text that will appear at the top of the browser window, and as the page name in Bookmarks and Favorites B. An attribute capable of aligning text C. A container tag that creates a bulleted list D. An empty tag that describes...

Words: 2803 - Pages: 12

Free Essay

Html Introduction

..._______________________ Section No. : _________________________ Declaration: I declare that this assignment is my individual work. I have not copied from any other student’s work or from any other source except where due acknowledgment is made explicitly in the text, nor has any part been written for me by another person. Student’s Signature : _____________ Evaluator’s comments: _____________________________________________________________________ Marks obtained : ___________ out of ______________________ ------------------------------------------------- Content of Homework should start from this page only: ------------------------------------------------- Q1: How the HTML documents are structured? Discuss according to the logical and physical elements. (5) Ans: An HTML 4 document begins with a DOCTYPE declaration that declares the version of HTML to which the document conforms. The HTML element follows and contains the HEAD and BODY. The HEAD contains information about the document, such as its title and keywords, while the BODY contains the actual content of the document, made up of block-level elements and inline elements. A basic HTML 4 document takes on the following form: <!DOCTYPE html> <HTML> <HEAD> <TITLE>The document title</TITLE> </HEAD> <BODY> <H1>Main heading</H1> <P>A paragraph.</P> <P>Another paragraph.</P> <UL> <LI>A...

Words: 2895 - Pages: 12

Free Essay

Html

...Introduction to 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 • An HTML file can be created using a simple text editor [pic] Do You Want to Try It? If you are running Windows, start Notepad. If you are on a Mac, start SimpleText. In OSX start TextEdit and change the following preferences: Open the "Format" menu and select "Plain text" instead of "Rich text". Then open the "Preferences" window under the "Text Edit" menu and select "Ignore rich text commands in HTML files". Your HTML code will probably not work if you do not change the preferences above! Type in the following text: | | | | |Title of page | | | | | |This is my first homepage. This text is bold ...

Words: 2381 - Pages: 10

Free Essay

Term Paper

...Markup Language. , । • • • । PHP+Database • Driven WebSite । । webcoachbd.com ( Notepad open Netbeans or Dreamweaver. • • • ) । (Elements) (Tag) (Attribute) >> ( HTM El em L ent s) : (Elements): (tag) page (Element) (closing tag) । HTML HTML Paragraph text, , HTML page Web elements (opening tag) , । 1.

- opening paragraph tag 2. Element Content - paragraph words 3.

- closing tag Web page (Element) elements । । : HTML,head, title body Element... HTML HTML । Welcome to Bangladesh Web page Notepad Open start All Programs > Accessories >Notepad Notepad 1. 2.Welcome to Bangladesh 3. less than greater than ( < >) : Welcome to Bangladesh । Notepad Web page Notepad Double click Page । save open । index.html Browser save open । web element head, elements element <head> closing() tag browser <head> elements header । head title elements । opening (<title>) 1.<html> 2.<head> 3.<title> My WebPage! 4. 5. element body element web page body element । 1. 2. 3.My WebPage! 4. 5. 6.Hello World! All my content goes here! 7. 8. web page .html extension । ( HTM Tag Tut or i al i n Bangl a) L : , paragraph . . . paragraph (opening tag) (contents) (closing tag)। web page 1.

A Paragraph Tag

, । । । 1. Body Tag (acts as a content shell) 2.

Paragraph Tag

3.

Heading...

Words: 6504 - Pages: 27

Free Essay

Nt2670

...NT2670 U2A1: Identifying HTML Tags Tag | Usage | <html> </html> | Tells the (Web) that this is an HTML document. Tags are to mark sections of the text and for most, an opening and closing tags are required | <body> </body> | the document's body everything visible on the page content has all the contents of HTML documents such as: links, images, etc. | <b> </b> | makes the enclosed text into bold text | <p> </p> | makes enclosed text a paragraph, with lines skipped at the top and bottom | <i> </i> | the default tag for italics | <br> | stops the current line and goes on to the next | <body bgcolor=> | defines the background color of the page | <h1> </h1> | describes a heading; h1 being the largest | <h6> </h6> | smallest heading | <img src="name"> | Adds an image | <a href="URL"> </a> | href attribute specify the URL(web address) for a link | <a href="URL"> <img src="URL"> <a> | creates an imagelink src attributes specifies the URBL for an image | <p align=> | the alignment of the text within a paragraph or image left is the default alignment | 1. <b> <i> Hello World </b> </i> 2. <body bgcolor=”#000000”> or <body bgcolor=”black”> 3. <p align=center> Hello World</p> 4. <img src=”\Images\MyImage.jpg” alt=”hiking” style=”width:80px;height:60px”> ...

Words: 329 - Pages: 2

Free Essay

Html

...HTML About the tutorial Tutorial HTML Tutorial Simply Easy Learning 2 HTML Tutorial About the tutorial HTML Tutorial HTML stands for Hyper Text Markup Language, which is the most widely used language on Web to develop web pages. HTML was created by Berners-Lee in late 1991 but "HTML 2.0" was the first standard HTML specification which was published in 1995. HTML 4.01 was a major version of HTML and it was published in late 1999. Though HTML 4.01 version is widely used but currently we are having HTML-5 version which is an extension to HTML 4.01, and this version was published in 2012. Audience This tutorial is designed for the aspiring Web Designers and Developers with a need to understand the HTML in enough detail along with its simple overview, and practical examples. This tutorial will give you enough ingredients to start with HTML from where you can take yourself at higher level of expertise. Prerequisites Before proceeding with this tutorial you should have a basic working knowledge with Windows or Linux operating system, additionally you must be familiar with:      Experience with any text editor like notepad, notepad++, or Editplus etc. How to create directories and files on your computer. How to navigate through different directories. How to type content in a file and save them on a computer. Understanding about images in different formats like JPEG, PNG format. Copyright & Disclaimer Notice All the content...

Words: 5524 - Pages: 23

Free Essay

Html

...HTML & CSS Design and Build Websites Jon Duckett John Wiley & Sons, Inc. HTML & CSS Design and build Websites Published by John Wiley & Sons, Inc. 10475 Crosspoint Boulevard Indianapolis, IN 46256 www.wiley.com ©2011 by John Wiley & Sons, Inc., Indianapolis, Indiana ISBN: 978-1-118-00818-8 Manufactured in the United States of America Published simultaneously in Canada 10 9 8 7 6 5 4 3 2 1 No part of this publication may be reproduced, stored in a retrieval system or transmitted in any form or by any means, electronic, mechanical, photocopying, recording, scanning or otherwise, except as permitted under Sections 107 or 108 of the 1976 United States Copyright Act, without either the prior written permission of the Publisher, or authorization through payment of the appropriate per-copy fee to the Copyright Clearance Center, 222 Rosewood Drive, Danvers, MA 01923, (978) 750-8400, fax (978) 646-8600. Requests to the Publisher for permission should be addressed to the Permissions Department, John Wiley & Sons, Inc., 111 River Street, Hoboken, NJ 07030, (201) 7486011, fax (201) 748-6008, or online at http://www.wiley.com/go/permissions. Limit of Liability/Disclaimer of Warranty: The publisher and the author make no representations or warranties with respect to the accuracy or completeness of the contents of this work and specifically disclaim all warranties, including without limitation warranties of fitness for a particular purpose. No warranty may be created or extended by sales...

Words: 83244 - Pages: 333

Free Essay

Www's History and Such

...1989: Tim Berners-Lee invents the Web with HTML as its publishing language The World Wide Web began life in the place where you would least expect it: at CERN, the European Laboratory for Particle Physics in Geneva, Switzerland. CERN is a meeting place for physicists from all over the world, where highly abstract and conceptual thinkers engage in the contemplation of complex atomic phenomena that occur on a minuscule scale in time and space. This is a surprising place indeed for the beginnings of a technology which would, eventually, deliver everything from tourist information, online shopping and advertisements, financial data, weather forecasts and much more to your personal computer. Tim Berners-Lee is the inventor of the Web. In 1989, Tim was working in a computing services section of CERN when he came up with the concept; at the time he had no idea that it would be implemented on such an enormous scale. Particle physics research often involves collaboration among institutes from all over the world. Tim had the idea of enabling researchers from remote sites in the world to organize and pool together information. But far from simply making available a large number of research documents as files that could be downloaded to individual computers, he suggested that you could actually link the text in the files themselves. In other words, there could be cross-references from one research paper to another. This would mean that while reading one research paper, you could quickly...

Words: 6284 - Pages: 26

Premium Essay

Css3, Html5

...Beta Edition CSS3, HTML5, and an introduction to the behavior Layer Daniel Deverell HTML Updated June 4, 2012 1 In this course you will come to know and understand basic HTML. The following HTML constructs will be used. Paragraph / Sentence

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Definition List
Definition list
Consectetur adipisicing elit, sed do eiusmod.
Lorem ipsum dolor sit amet
Consectetur elit, sed. Ut enim ad.
Standard List Navigation Headers

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet
Lists Unordered List
  • Lorem ipsum dolor sit amet.
  • Aliquam tincidunt mauris eu risus.
  • Vestibulum auctor dapibus neque.
Ordered List
  1. Lorem ipsum dolor si.
  2. Aliquam tincidunt mauris eu risus.
  3. Vestibulum auctor dapibus neque.
2 Tables

Words: 12505 - Pages: 51

Free Essay

Computer Syllabus for Grade 8

...Web Browsers Elements * Kinds of the Web Browsers * Basic Web Design Principles * Essentials Elements of the Web Contents * Planning Your Web SiteINTRODUCTION TO HTML * What is HTML? * Exploring HTML Text Editors * What is New in HTML5? * Basic Differences between HTML4 and HTML5? * Browser Support for HTML5 * Writing HTML Files * Starting HTML with Notepad * The Notepad Window * What is DocType? * What is Meta? * Attributes for <meta> * Viewing HTML Code in a BrowserTAGS AND ATTRIBUTES * What is Tag? * Structure of Tag * Container and Empty Tags * HTML Tags * New Structural Tags in HTML5 * New Media Elements in HTML5 * New Canvas and Form Elements in HTML5 * Removed Elements * What are Attributes * Common Attributes * Outline Algorithm * Basic Page StructureHEAD AND BODY TAGS * What are Head Tags? * What are Body Tags? * Attributes for <body> * What are Headings? * Attributes for <h1> to <h6> * Grouping HeadingsCREATING AN HTML DOCUMENT * Creating an HTML Document * Saving an HTML Document * Viewing an HTML Page * Using Header * Using Navigation * Creating an Article * Creating a Section * Using Footer * Creating a Generic Container * Printing a Web Page and HTML File * Exiting the Web Page and HTML FilePARAGRAPHS * Creating a New Paragraph * Aligning a Paragraph * Attributes for <p> * Quoting Passages * Adding Line Breaks * Creating Multiple Line...

Words: 2773 - Pages: 12

Free Essay

Html

...Advantages: * HTML is a free Language conceived by user for users * A HTML page could be read by any brand computers and provide the same result * Its distributed structure permits to exchange an element without change anything on the page where it is. This same element can be used many times without having to re designed it many times. * Network link: We can integrate local elements into a personal web page or to remote surfers and elements which we integrates address (URL). * Hypertext permits to manage different information without have to store them locally Advantages Easy to use Loose syntax (although, being too flexible will not comply with standards) Supported on almost every browser, if not all browsers. Widely used; established on almost every website, if not all websites. Very similar to XML syntax, which is increasingly used for data storage Free - You need not buy any software Easy to learn & code even for novice programmers Disadvantages * It cannot produce dynamic output alone, since it is a static language * Sometimes, the structuring of HTML documents is hard to grasp * You have to keep up with deprecated tags, and make sure not to use them * Deprecated tags appear because another language that works with HTML has replaced the original work of the tag; thus the other language needs to be learned (most of the time, it is CSS) * Security features offered by HTML are limited Disadvantages: ...

Words: 1032 - Pages: 5

Free Essay

Identify the Difference Between Xml and Html

...Identify the difference between XML and HTML. ADVANCED WEB DEVELOPMENT WEB/407 STEVE STEVENS September 24, 2012 Identify the difference between XML and HTML. Identifying the difference between XML and HTML language will be the basic content of this paper. I will provide some direct and indirect information regarding both languages and an example of what each code would look in its simplest form. Acknowledging the usefulness of XML and HTML in today’s society or the World Wide Web will be fully discussed to the best of my knowledge and research. Let us begin with a few definitions that will be helpful throughout this paper. XML – eXtensible Markup Language HTML –Hypertext Markup Language Computer Language --- A programming language designed for use on a specific type of computer End User --- the person who will be utilizing or working the program on a constant basis XML * XML is a computer base language that was designed to transport and store data. * XML is Plain Text that handles applications focusing on the nature of the application. * XML is a software- and hardware-independent tool for carrying information * XML is the most common tool for data transmissions between applications, storage and describing information. * XML is used in web development to simplify data storage. * XML Separates Data from HTML * XML data can be stored in separate files * XML data can easily be exchanged...

Words: 840 - Pages: 4