1 / 10

Web Design

Web Design. Lesson I. Introduction to HTML. HTML stands for Hyper Text Markup Language An HTML file is a text file containing 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.

takara
Télécharger la présentation

Web Design

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Web Design Lesson I

  2. Introduction to HTML • HTML stands for Hyper Text Markup Language • An HTML file is a text file containing 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.

  3. HTML is a collection of platform independent styles, indicated by markup tags, that define the various components of a world wide web. • It is also the language used to prepare web hypertext documents. • HTML is a structured language that allows certain rules to enforce an overall logical structure upon the document. • HTML documents are plain-text files known as ASCII, that can be created by using a text editor, An Example is a notepad or wordpad.

  4. Lowercase in Writing Tags • HTML tags are not case sensitive however, you need to use lowercase, why? • If you want to prepare yourself for the next generations of HTML you should start using lowercase tags. The Word Wide Web Consortium (W3C) recommends lowercase tags in their HTML 4 recommendations, and XHTML (the next generation HTML) demands lowercase tags.

  5. Things you need to create HTML file: • A text editor like Notepad or Wordpad or Microsoft word. • A web browser like Microsoft Internet Explorer or Mozilla Firefox and among others • An Internet Connection * optional during design time

  6. Quote Styles “_ “ or ‘_ ‘ • Attribute values should always be enclosed in quotes. • Double quotes are the most common, but single quotes are also allowed. • In some rare situations, like when the attribute value itself the contains quotes, it is necessary to use single quotes: name = ‘John “Juan” dela Cruz”

  7. Tag Attributes • Tags can have attributes. • Attributes can provide additional information about the HTML elements on your page. • The tag <body> defines the body element of your HTML page. With added bgcolor attribute, you can tell the browser that the background color of your page should be green: <body bgcolor=“green”>

  8. The tag <table> defines an HTML table. With an added border attribute, you can tell the browser that the table should have no border. <table border = “0”> • Attributes always come in name/value pairs like this: name=“value” • Attributes are always added to the start of tag of an HTML element

  9. Useful Tips Using empty paragraphs <p> to insert blank lines is a bad habit. Use the <br /> tag instead. But do not use the <br /> tag to create lists, rather use HTML lists. You might have noticed that paragraphs can be written without the closing tag </p>. DO NOT rely on it. The next version of HTML will not allow you to skip ANY closing tags. HTML automatically adds an extra blank line before and after some elements, like before and after a paragraph, and before and after a heading. When you write HTML text, you can never be sure how the text is displayed in another browser. Some people have large computer displays, some have small. The text will be reformatted every time the user resizes his window. Never try to format the text in your editor by adding empty lines and spaces to the text. HTML will truncate the spaces in your text, any number f spaces count as one. In HTML, a new line counts one space.

More Related