Presentation is loading. Please wait.

Presentation is loading. Please wait.

Introduction to HTML. HTML Hyper Text Markup Language Page Title My First Heading My first paragraph. Page Title My First Heading My first paragraph.

Similar presentations


Presentation on theme: "Introduction to HTML. HTML Hyper Text Markup Language Page Title My First Heading My first paragraph. Page Title My First Heading My first paragraph."— Presentation transcript:

1 Introduction to HTML

2 HTML Hyper Text Markup Language Page Title My First Heading My first paragraph. Page Title My First Heading My first paragraph.

3 HTML The DOCTYPE declaration defines the document type to be HTML The text between and describes an HTML document The text between and provides information about the document The text between and provides a title for the document The text between and describes the visible page content The text between and describes a heading The text between and describes a paragraph

4 HTML Tags HTML tags are keywords (tag names) surrounded by angle brackets: content 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 ( ) The end tag is written like the start tag, but with a slash before the tag name (</p)

5 HTML Page Structure

6 HTML Heading HTML headings are defined with the to tags: Headings My H1 Heading My H2 Heading Headings My H1 Heading My H2 Heading Save as HTML_L1.html Then use a browser to see the result! Save as HTML_L1.html Then use a browser to see the result!

7 HTML Paragraphs HTML paragraphs are defined with the tag: This is a paragraph. This is a paragraph.This is a paragraph.This is a paragraph.This is a paragraph.This is a paragraph. This is the second paragraph. This is the second paragraph.This is the second paragraph.This is the second paragraph.This is the second paragraph.This is the second paragraph. This is the last one. This is the last one.This is the last one.This is the last one.This is the last one.This is the last one.This is the last one.This is the last one.This is the last one. This is a paragraph. This is a paragraph.This is a paragraph.This is a paragraph.This is a paragraph.This is a paragraph. This is the second paragraph. This is the second paragraph.This is the second paragraph.This is the second paragraph.This is the second paragraph.This is the second paragraph. This is the last one. This is the last one.This is the last one.This is the last one.This is the last one.This is the last one.This is the last one.This is the last one.This is the last one. Add these tags to HTML_L1.html Then use a browser to see the result! Add these tags to HTML_L1.html Then use a browser to see the result!

8 HTML Elements

9 HTML Attributes My First Heading My first paragraph. W3Schools is a web developer's site. It provides tutorials and references covering many aspects of web programming, including HTML, CSS, JavaScript, XML, SQL, PHP, ASP, etc. My First Heading My first paragraph. W3Schools is a web developer's site. It provides tutorials and references covering many aspects of web programming, including HTML, CSS, JavaScript, XML, SQL, PHP, ASP, etc.

10 HTML Attributes This is a link -- Always Use Lowercase Attributes --

11 HTML Attributes

12 Element The pre tag preserves both spaces and line breaks: My Bonnie lies over the ocean. My Bonnie lies over the sea. My Bonnie lies over the ocean. Oh, bring back my Bonnie to me. The pre tag preserves both spaces and line breaks: My Bonnie lies over the ocean. My Bonnie lies over the sea. My Bonnie lies over the ocean. Oh, bring back my Bonnie to me.

13 HTML Formatting This text is normal. This text is strong. This text is italic. This text is emphasized. Small Formatting Marked Formatting My favorite color is blue red. My favorite color is red. This is subscripted text. This is superscripted text. This text is normal. This text is strong. This text is italic. This text is emphasized. Small Formatting Marked Formatting My favorite color is blue red. My favorite color is red. This is subscripted text. This is superscripted text.

14 HTML Comments Comment tags are used to insert comments in HTML.

15 HTML Quotation for Short Quotations WWF's goal is to: Build a future where people live in harmony with nature.

16 for Long Quotations For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally. For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.

17 for Abbreviations Marking abbreviations can give useful information to browsers, translation systems and search-engines. The WHO was founded in 1948.

18 Written by Jon Doe. Visit us at: Example.com Box 564, Disneyland USA Written by Jon Doe. Visit us at: Example.com Box 564, Disneyland USA

19 for Bi-Directional Override If your browser supports bi-directional override (bdo), the next line will be written from right to left (rtl): This line will be written from right to left If your browser supports bi-directional override (bdo), the next line will be written from right to left (rtl): This line will be written from right to left

20 Assignment Create your first web page using the given source code. Then modify your own contents.


Download ppt "Introduction to HTML. HTML Hyper Text Markup Language Page Title My First Heading My first paragraph. Page Title My First Heading My first paragraph."

Similar presentations


Ads by Google