Presentation is loading. Please wait.

Presentation is loading. Please wait.

Hyper Text Markup Language.  HTML is a language for describing web pages.  HTML stands for Hyper Text Markup Language  HTML is not a programming language,

Similar presentations


Presentation on theme: "Hyper Text Markup Language.  HTML is a language for describing web pages.  HTML stands for Hyper Text Markup Language  HTML is not a programming language,"— Presentation transcript:

1 Hyper Text Markup Language

2  HTML is a language for describing web pages.  HTML stands for Hyper Text Markup Language  HTML is not a programming language, it is a markup language  A markup language is a set of markup tags  HTML uses markup tags to describe web pages

3  HTML markup tags are usually called HTML tags  HTML tags are keywords surrounded by angle brackets like  HTML tags normally come in pairs like and  The first tag in a pair is the start tag, the second tag is the end tag  Start and end tags are also called opening tags and closing tags

4  HTML documents describe web pages  HTML documents contain HTML tags and plain text  HTML documents are also called web pages

5  The purpose of a web browser (like Internet Explorer or Firefox) is to read HTML documents and display them as web pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the page: page name My First Heading My first paragraph Example Explained The text between and describes the web page. The text between and is the visible page content The text between and is displayed as a heading The text between and is displayed as a paragraph

6  The purpose of the head element is to provide search engines with the name of the web page and to define styles, provide key words and more. The name of the page Example Explained The elements between and must include a title for the document, and can include scripts, styles, meta information, and more. The element: defines a title in the browser toolbar provides a title for the page when it is added to favorites displays a title for the page in search-engine results

7  In this tutorial we use a plain text editor (like Notepad) to edit HTML. We believe this is the best way to learn HTML.  However, professional web developers often prefer HTML editors like FrontPage or Dreamweaver, instead of writing plain text.

8   The name of the first page  My First Heading My first paragraph. Type it in NOTEPAD Save as to your folder in My documents as first.html Open with your browser

9  Add these headings to your first page  This is a h2 heading This is a h3 heading This is a h4 heading  This is a h5 heading This is a h6 heading Refresh your page in your browser Review the results  Add this paragraph  This is another paragraph. Refresh your page in your browser Review the results

10  This is a local link  This is an external link  Copy your page1.html  Save as page2.html in the same folder  Link both pages  In page1 have this link: Go to page2  Do the same for page 2.  Refresh and try it out.

11  Use this tutorial to make your first web  http://www.w3schools.com/html/default.asp


Download ppt "Hyper Text Markup Language.  HTML is a language for describing web pages.  HTML stands for Hyper Text Markup Language  HTML is not a programming language,"

Similar presentations


Ads by Google