Download presentation
Presentation is loading. Please wait.
Published byDaisy Joseph Modified over 8 years ago
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
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.