Free Essay

Html

In:

Submitted By azrianuer
Words 1032
Pages 5
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: * Its distributed structure (external links) makes storage difficult; it’s easy to loose or forget an element without realising it. * The web pages storage is done on several files. * The web page designed possibilities are limited and not easy to realise (e.g. frames)

HyperText Markup Language (HTML) is a format that allows to define the different elements of a web page that could be viewed thanks to a browser (e.g.: Internet Explorer, Netscape, Opera etc…). HTML defines: * Text * Text presentation. * Pictures place and size * The positioning of animations and sounds. * Any place of a static or dynamic elements on the page managed by the browser * Hypertext links Thus HTML is the language use to design any things that can be view on the WEB. HTML was conceived by CERN scientists, without any commercial perspectives but to exchange information beyond computers, networks etc… boundaries. HTML just defines text and establishes a link toward every elements of a page: the pictures, the animations, sounds and so on are not included but theirs Uniform Resources Locators (URLs) are indicated. HTML is designed to connect many and scattered information. The concept of network is thus central. This html extension defines the HTML format for the pc. What’s the usability of HTML ? To define web pages. Web pages are always designed with this language, that browser interpret the source code, goes to search external elements (pictures, sounds…) and reconstitute the complete web page that it presents Surfer on theirs screens.
There are successive versions of this language, allowing to define more finely the page-setting and the typography. Define web page on a local computer. It’s possible to define local web pages on a standalone machine and read them thanks to Browser without using any internet connection. It’s possible to design them and work on it into a LAN too.

7 Benefits of HTML validation

1. Web Site Accessibility - validating your html code helps to pinpoint areas of potential blockage that could prevent search engine spiders or visitors from accessing your website. When you run your site through a code validator it may produce many errors that need to be corrected so your pages will render well. ie include text with your “alt” tags for every < img > tag.
Why should you do this?
-Allows your site to be accessible to a larger audience (vision impaired, motor skill impaired, cognitive impaired)
-Allows your site to be accessed by wider range of devices (hand helds, screen readers, text browsers, search engines)
-Is a requirement for Federal and State Government sites

2. Search engine friendly pages - clean and simple code enables search engines to spider your pages more quickly and completely.
Here’s an example:
What’s wrong with this code?
< p keyword1 sentence, well written copy, etc.
< p > keyword2 paragraph with more choice content.
This code is missing a “>” The issue is not that the page will necessarily get skipped altogether but that the “keyword1″ sentence looks like part of the tag – like a tag attribute. So the words in the “keyword1″ sentence probably won’t be included in the search engines computations, even though the page itself will be indexed.
Once a spider sees a correct tag further along in the page, then it’s back on course. So, the keyword2 paragraph would make it.
3. Faster Loading – if your web page contains html errors it will take a longer time for the search engines to spider it, therefore slowing the loading time. If your page doesn’t load in under 10 seconds your visitors may click away to your competitors’ sites.
4. Less load on servers – clean and simple code won’t tax your server as much as a site which has complicated code or contain many nested tables. Cascading style sheets (CSS) will greatly reduce the amount of code within your web pages. This will also cut down on the amount of web space and bandwidth used thus saving you money for hosting your site.

5. Easier to update and maintain web site – with no mistakes in your html code it is easier and faster to make changes to your web pages. For web site designers, this means you will save time and money when maintaining clients’ sites.
6. Browser compatibility – validated code ensures your site is compatible with the current browsers and future browsers. You might say “well, it looks fine in Internet Explorer, so why bother with any other browsers?” Current browsers will continue to update their rules and future browsers will make sure they are html compliant.
7. Access more visitors - if you ensure your web pages appear correctly in all the major browsers you will be able to reach a larger audience which then increases the potential of your site to make more sales.

Similar Documents

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

Premium Essay

Html

...HTML Beginner's Guide htmldog.com This HTML Beginner's Guide assumes that you have no previous knowledge of HTML or CSS. It should be quite easy to follow if you work through each step, which are all brought together at the end, before moving on to the CSS Beginner's Guide. The thing to keep in mind is that HTML and CSS are all about separating the content (HTML) and the presentation (CSS). HTML is nothing more than fancy structured content and the formatting of that content will come later when we tackle CSS. If you have looked at other HTML tutorials, you may find that they mention certain things that HTML Dog does not. This is because many methods are obsolete, non-standard or just plain bad practice. Getting into the frame of mind of doing things the RIGHT way from the start will turn in to much better results in the end. Getting Started Most of the stuff on the web is no different than the stuff on your computer it's just a whole load of files sorted into a whole load of directories. HTML files are nothing more than simple text files, so to start writing in HTML, you need nothing more than a simple text editor. Notepad is a common example (on Windows this is usually found under the Programs > Accessories menu). Type this in to your text editor: This is my first web page Now create a folder called 'html' and save the file as 'myfirstpage.html' (it is important that the extension '.html' be specified - some text editors, such as Notepad, will automatically save it as...

Words: 2252 - Pages: 10

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

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

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

Html

...CHAPTER 1: DEVELOPING A BASIC WEB PAGE 1 Creating Web Pages with HTML, 3e Prepared by: C. Hueckstaedt, Tutorial 1 XP OBJECTIVES Explore the structure of the World Wide Web  Learn the basic principles of Web documents  Create a HTML document  View an HTML file using a Web browser  Use HTML tags for text, headings, paragraphs, and lists  Insert character tags into an HTML document  2 Creating Web Pages with HTML, 3e Prepared by: C. Hueckstaedt, Tutorial 1 XP OBJECTIVES (CONTINUED): Insert an inline graphic image into a HTML document  Add special characters to an HTML document  Insert horizontal lines into an HTML document  Creating Web Pages with HTML, 3e Prepared by: C. Hueckstaedt, Tutorial 1 3 XP INTRODUCING THE WORLD WIDE WEB  In order for computers to share resources efficiently, they can be linked together in one of the following structured networks: Networks are very useful, their use led to a “network of networks” called the Internet. linked within a local area network (LAN)  linked across a wide area network (WAN)  Creating Web Pages with HTML, 3e Prepared by: C. Hueckstaedt, Tutorial 1  4 THE INTERNET The Internet consists of millions of interconnected computers that enable users to communicate and share information.  Many Internet tools required users to master an array of terms, acronyms, and commands before they could navigate the Internet.  The World Wide Web was developed to make the Internet...

Words: 2034 - Pages: 9

Free Essay

Html

...HTML is a markup language for describing web documents (web pages). * HTML stands for Hyper Text Markup Language * A markup language is a set of markup tags * HTML documents are described by HTML tags * Each HTML tag describes different document content HTML can be edited by using professional HTML editors like: * Microsoft WebMatrix * Sublime Text However, for learning HTML they recommend a text editor like Notepad (PC) or Text Edit (Mac).We believe using a simple text editor is a good way to learn HTML. All HTML documents must start with a type declaration: <!DOCTYPE html>.The HTML document itself begins with <html> and ends with </html>.The visible part of the HTML document is between <body> and </body>. HTML elements are written with a start tag, with an end tag, with the content in between. Attributes provide additional information about HTML elements.HTML Attributes: * HTML elements can have attributes * Attributes provide additional information about an element * Attributes are always specified in the start tag * Attributes come in name/value pairs like: name="value" Headings are important in HTML documents. HTML Headings. Headings are defined with the <h1> to <h6> tags. <h1> defines the most important heading. <h6> defines the least important heading. The HTML <p> element defines a paragraph. Setting the style of an HTML element, can be done with the style attribute...

Words: 317 - Pages: 2

Free Essay

Html

...Web and HTML What is the World Wide Web?          The World Wide Web (WWW) is most often called the Web. The Web is a network of computers all over the world. All the computers in the Web can communicate with each other. All the computers use a communication standard called HTTP. Web information is stored in documents called Web pages. Web pages are files stored on computers called Web servers. Computers reading the Web pages are called Web clients. Web clients view the pages with a program called a Web browser. Popular browsers are Internet Explorer and Netscape Navigator. How does the WWW work? How does the browser fetch the pages?    A browser fetches a Web page from a server by a request. A request is a standard HTTP request containing a page address. A page address looks like this: http://www.someone.com/page.htm. How does the browser display the pages?     All Web pages contain instructions for display The browser displays the page by reading these instructions. The most common display instructions are called HTML tags. HTML tags look like this

This is a Paragraph

. Who is making the Web standards?       Netscape or Microsoft does not make up the Web standards. The rule-making body of the Web is the W3C. W3C stands for the World Wide Web Consortium. W3C puts together specifications for Web standards. The most essential Web standards are HTML, CSS and XML. The latest HTML standard is XHTML 1.0. Introduction to HTML What is an HTML File? ...

Words: 4294 - Pages: 18

Free Essay

Html

...How To Create Your First Web Page This HTML Tutorial is about how to create your first Web page by coding HTML using a text editor (such as NotePad) and then viewing the document using your Web browser.To begin a Web page you will open a simple text editor like Windows NotePad for the Windows operating system or SimpleText for the Macintosh. Once you have this simple text editor open to a new blank document you will begin your web document by typing a few items I shall discuss in a moment. When you reach the closing part of this file I will ask you to save it to a floppy disk with a filename of firstpage.html. This is discussed below, in the section titled Saving the File. The method of opening the file using your Web browser is discussed in the section titled Open and View the File. Let's begin. The first thing you are to type in the text editor work area is a left angle bracket, < the letters HTML, and the right angle bracket, >. The symbols and letters should look like this: <HTML><HTML> is the opening for any HTML Web Page. HTML stands for HyperText Markup Language. By having coded the <HTML> the browser will know which language it is to handle. What is HTML?  is an article containing additional information about HTML. A lot of information of your own preference is placed into a coded document. The term document refers to what is being coded and typed in the text editor. The term page refers to what the browser displays for the viewer or what you...

Words: 5471 - Pages: 22

Free Essay

Html Frames

...HTML Frames • Frames allow you to have multiple sections of the browser window, called frames, each showing their own .html file within the frame. • HTML Frames can be used to split a web page so you can load multiple HTML files or pages into one web page. This will cause the web browser to display multiple pages at one time. Frame sets are rarely used these days, as the introduction of server side scripting languages such as php and asp allow you to create content pages dynamically. The introduction of HTML5 has also provided new methods of doing page layouts without having to use frames. Frame Set - ... • the frameset tag defines a group of frames. Setting the rows and cols attribute allow you to create the number of frames needed for your layout. • rows="??,??" - To set up multiple frames in rows, replace the question marks by the size of each row, either in pixels or as a percentage. A * can be used as a wild card, for instance: rows="100,*" would give you a top frame of 100 pixels high, and a bottom frame using the rest of the screen. cols="??,??" - Similar to rows, a number of frames can be set out in columns. border="?" - Frame border thickness in pixels. bordercolor="?" - Colour of border between frames. (*) • • • Frame - Each frame within a set will need a frame tag to tell it which web page to load in the frame. It uses the attribute: • src="url" - Filename or URL of page to show in the frame • noresize="noresize"...

Words: 672 - Pages: 3

Free Essay

Html Forms

...HTML FORMS Introduction For a website to be successful, it is important to be able to get feedback from visitors to your site. This could be a request for information, general comments on your site or even a product order. This could be done with a MAILTO: link but providing a form has several advantages over a simple email. .. It makes it easier for people to send the information .. A form gives you greater control over the information that is sent. .. Form results can be organised in a way that makes them easy to store in a spreadsheet or database. These fields can be added to your forms:  Text field  Password field  Hidden field  Text area  Check box  Radio button  Drop-down menu  Submit button  Reset button  Image button Form Handlers When a form is filled in by a visitor to your site and sent, the results of the form need to be processed in some way. One of the most common ways to process form results is with a CGI (Common Gateway Interface) script. This is a small program that the information entered in to the form is sent to as soon as the form is submitted. The purpose of this script is to accept the results of a form, organise the results and send the results to an appropriate location, such as a text file, database or email address. In these exercises we won’t go into creating CGI scripts since that is quite different from HTML and requires some programming knowledge. There are many free CGI scripts on the Internet that you can download...

Words: 1499 - Pages: 6

Premium Essay

Html Text

...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.............................

Words: 56638 - Pages: 227

Free Essay

Html Introduction

...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 list item.</LI> <LI>Another list item.</LI> </UL>...

Words: 2895 - Pages: 12

Free Essay

History of Html

...Assignment On HYPERTEXT MARKUP LANGUAGE (HTML) Prepared For: Shuvra Chakraborty Adjunct Faculty Department of Computer Science & Engineering, East West University. Prepared By: Abdul Aziz ID: 2012-2-10-249 Course: CSE101 Section: 11 Submission Date: March 29, 2016. East West University Definition of HTML HTML – HyperText Markup Language. Short for HyperText Markup Language, the authoring language used to create documents on the World Wide Web. HTML is similar to SGML, although it is not a strict subset. HTML defines the structure and layout of a Web document by using a variety of tags and attributes. Along with CSS, and JavaScript, HTML is a cornerstone technology used to create web pages, as well as to create user interfaces for mobile and web applications. Web browsers can read HTML files and render them into visible or audible web pages. HTML describes the structure of a website semantically and, before the advent of Cascading Style Sheets (CSS), included cues for the presentation or appearance of the document (web page), making it a markup language, rather than a programming language. HTML defines the structure and layout of a Web document by using a variety of tags and attributes. The correct structure for an HTML document starts with (enter here what document is about) and ends with . All the information you'd like to include in your Web page fits in between the and tags. History of HTML Hypertext systems were envisioned as early...

Words: 1254 - Pages: 6

Free Essay

Html Tags

...An HTML element is everything from the start tag to the end tag: Start tag * | Element content | End tag * | <p> | This is a paragraph | </p> | <a href="default.htm"> | This is a link | </a> | <br> | | | * The start tag is often called the opening tag. The end tag is often called the closing tag. You will learn more about HTML tags and attributes in the next chapters of this tutorial. Tag | Description | <html> | Defines an HTML document | <body> | Defines the document's body | <h1> to <h6> | Defines HTML headings | <hr> | Defines a horizontal line | <!--> | Defines a comment | Tag | Description | <p> | Defines a paragraph | <br> | Inserts a single line break | Tag | Description | <b> | Defines bold text | <big> | Defines big text | <em> | Defines emphasized text | <i> | Defines italic text | <small> | Defines small text | <strong> | Defines strong text | <sub> | Defines subscripted text | <sup> | Defines superscripted text | <ins> | Defines inserted text | <del> | Defines deleted text | HTML "Computer Output" Tags Tag | Description | <code> | Defines computer code text | <kbd> | Defines keyboard text | <samp> | Defines sample computer code | <tt> | Defines teletype text | <var> | Defines a variable | <pre> | Defines preformatted...

Words: 592 - Pages: 3