Presentation is loading. Please wait.

Presentation is loading. Please wait.

HTML is the language that allows text and graphics to be displayed as Web pages. It is a set of special codes, called tags, that tells a browser application.

Similar presentations


Presentation on theme: "HTML is the language that allows text and graphics to be displayed as Web pages. It is a set of special codes, called tags, that tells a browser application."— Presentation transcript:

1

2 HTML is the language that allows text and graphics to be displayed as Web pages. It is a set of special codes, called tags, that tells a browser application such as Internet Explorer how to display text in a browser window. Below is an example of an HTML document. An example HTML document Hello world!

3  The tags and are examples of special codes used by HTML.  All HTML codes are comprised of an element inside angle brackets (<>). For example, is called a title tag, where title is the element.  Putting a slash (/) before the element, such as in, signifies the end of the instruction.  Tags may also contain attributes such as color, font type, size, and many others.  Attributes are placed in the start tag in order to modify the element. is an example of a start tag as it has no slash (/) before the element. In the example below, the bgcolor attribute is used to change the color of the browser window.

4  As a good design technique, never put dark text on a dark background. It’s very hard to read.  Also, you want to avoid text whose color is too close to the background color. If you use a baby blue background and the slightly darker baby blue text, it will be very difficult to read.  It is a good practice to use Internet Safe Colors at http://www.intuitive.com/coolweb/color s.htmlInternet Safe Colors http://www.intuitive.com/coolweb/color s.html

5  HTML documents are plain text files that can be created in any text editor or word processor. Notepad, which comes with the Windows operating system, is an example of a text editor that can be used to create HTML documents.  The basic structure of an HTML document is similar to: The title of your document Content of your document goes between these two tags

6  The html, head, title, and body tags are called the document tags. They are used to separate the various parts of your document.  The document tags are not case sensitive and are placed on separate lines to make the document easier to understand.  HTML documents are known as free-form documents. This means that any spaces or blank lines have no effect on how the document is interpreted.  However, properly written documents all have a structure similar to the one shown on the previous slide.

7  To see the finished product without all the tags and other formatting symbols, a Web browser, such as Internet Explorer, is used to view HTML documents.  After you key in the HTML tags you must save it on your computer › Click File Save As › Key a name such as sample.html (The.html is required at the end of the name.) › After you save the file, select File Close  Go to My Computer and look for the file that you just saved and click on the file to see it in your browser.

8 Type your information here Type your information here

9 Click below for HTML: TutorialTutorial and ExamplesExamples http://www.w3schools.c om/html/default.asp http://www.w3schools.com/ht ml/html_examples.asp


Download ppt "HTML is the language that allows text and graphics to be displayed as Web pages. It is a set of special codes, called tags, that tells a browser application."

Similar presentations


Ads by Google