What is HTML- d3brand.com


Published on

What is HTML presentation.

Published in: Education
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

What is HTML- d3brand.com

  1. 1. 1<h1> What is html </h1> MD. SHAHADAT HOSSAIN RIYAD
  2. 2. 2What is HTML?HTML is a language for describing web pages.HTML stands for Hyper Text Markup LanguageHTML is a markup languageA markup language is a set of markup tagsThe tags describe document contentHTML documents contain HTML tags and plaintextHTML documents are also called web pages
  3. 3. 3<h1> html example </h1> MD. SHAHADAT HOSSAIN RIYAD
  4. 4. HTML Example 4<!DOCTYPE html><html><body><head><title> This is title</title></head><h1>My First Heading</h1><p>My first paragraph.</p><img src="w3schools.jpg" width="104"height="142"></body></html>
  5. 5. 5<h1> example explained </h1> MD. SHAHADAT HOSSAIN RIYAD
  6. 6. 6Example Explained•The DOCTYPE declaration defines the document type•The text between <html> and </html> describes the web page•The text between <body> and </body> is the visible page content•The text between <h1> and </h1> is displayed as a heading•The text between <p> and </p> is displayed as a paragraph The <!DOCTYPE html> declaration is the doctype for HTML5.
  7. 7. 7<h1> html tags </h1> MD. SHAHADAT HOSSAIN RIYAD
  8. 8. HTML Tags 8HTML markup tags are usually called HTML tags•HTML tags are keywords (tag names) surroundedby angle brackets like <html>•HTML tags normally come in pairs like <b> and</b>•The first tag in a pair is the start tag, the secondtag is the end tag•The end tag is written like the start tag, with aforward slash before the tag name•Start and end tags are also called opening tagsand closing tags<tagname>content</tagname>
  9. 9. 9<h1> html elements </h1> MD. SHAHADAT HOSSAIN RIYAD
  10. 10. 10HTML Elements"HTML tags" and "HTML elements" are often used todescribe the same thing.But strictly speaking, an HTML element is everythingbetween the start tag and the end tag, includingthe tags:HTML Element:<p>This is a paragraph.</p>
  11. 11. 11<h1> html structure </h1> MD. SHAHADAT HOSSAIN RIYAD
  12. 12. 12HTML Page StructureBelow is a visualization of an HTML page structure:<html> <body> <h1>This a Heading</h1><p>This is a paragraph.</p><p>This is another paragraph.</p></body></html>
  13. 13. 13<h1> html version </h1> MD. SHAHADAT HOSSAIN RIYAD
  14. 14. 14Since the early days of the web, there have been many versions of HTML: Version Year HTML 1991 HTML+ 1993 HTML 2.0 1995 HTML 3.2 1997 HTML 4.01 1999 XHTML 1.0 2000 HTML5 2012 XHTML5 2013
  15. 15. 15<h1> HTML editors </h1> MD. SHAHADAT HOSSAIN RIYAD
  16. 16. Writing HTML Using Notepad or TextEdit 16HTML can be edited by using a professionalHTML :Adobe DreamweaverNotepad ++CoffeeCup HTML EditorHowever, for learning HTML we recommend a texteditor like Notepad (PC) or TextEdit (Mac). Webelieve using a simple text editor is a good way tolearn HTML.Follow the 4 steps below to create your first webpage with Notepad.
  17. 17. 17Step 1: Start NotepadTo start Notepad go to:Start    All Programs        Accessories            Notepad
  18. 18. 18Step 2: Edit Your HTML with NotepadType your HTML code into your Notepad:HTML Example<!DOCTYPE html><html><body><h1>My First Heading</h1><p>My first paragraph.</p></body></html>
  19. 19. 19Step 3: Save Your HTMLSelect Save as.. in Notepads file menu.When you save an HTML file, you can use either the .htmor the .html file extension. There is no difference, it isentirely up to you.Save the file in a folder that is easy to remember, likew3schools.
  20. 20. 20Step 4: Run the HTML in Your BrowserStart your web browser and open your html file from theFile, Open menu, or just browse the folder and double-click your HTML file.The result should look much like this:
  21. 21. 21<h1> HTML Basic </h1> MD. SHAHADAT HOSSAIN RIYAD
  22. 22. 22<h1> HTML Headings </h1> MD. SHAHADAT HOSSAIN RIYAD
  23. 23. 23HTML headings are defined with the <h1> to <h6>tags.Example<h1>This is a heading</h1><h2>This is a heading</h2><h3>This is a heading</h3>
  24. 24. 24HTML ParagraphsHTML paragraphs are defined with the <p> tag.Example<p>This is a paragraph.</p><p>This is another paragraph.</p>
  25. 25. 25HTML LinksHTML links are defined with the <a> tag.Example<a href="http://www.w3schools.com">This is alink</a>
  26. 26. 26HTML ImagesHTML images are defined with the <img> tag.Example<img src="w3schools.jpg" width="104" height="142">
  27. 27. 27Question and Answer???
  28. 28. 28The End!