1 / 12

Create Your First Web Page: Essential HTML Tags Explained

Learn how to create your first web page using basic HTML tags. This guide covers essential elements like the doctype declaration, the html, head, and body tags, and provides insights on using empty tags such as meta. We'll discuss the significance of attributes, including language specification and character encoding. Additionally, you'll discover how to structure page content effectively, ensuring a well-formed HTML document that will display correctly in web browsers. Start your journey into web design with these foundational concepts!

tia
Télécharger la présentation

Create Your First Web Page: Essential HTML Tags Explained

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. Creating Your 1st Web Page The Most Basic HTML Page

  2. Tags • Refers to anything between <> on a webpage • Most appear in pairs surrounding content • Some appear as empty tags (no closing tag) – These are always structured < stuff/> • Used to structure the page • Keep lowercase!

  3. Document Type Definition • <!doctype html> • Empty tag (no closing) • Tells browser what type of document the webpage is • html: HyperTextMarkup Language • Specifically HTML5

  4. html Tag • Pair of tags (will close later) • Surround everything else on page • lang attribute specifies language of the page • en = English • Attribute values are surrounded by quotation marks

  5. head Tag • Pair of tags (will close later) • Contains info about the page • Tags in this section do NOT display on the page itself

  6. meta Tag • Empty tag (no closing) • Info about the page • charset attribute specifies the encoding of text used in coding the page

  7. title Tag • Pair of tags • Surround title of the page • Appears in top of browser • Used as title for bookmarks • Used in search engine results

  8. Close the head section • End of head section • Notice closing tags start with / This guy’s really into web design!

  9. body Tag • Pair of tags (will close later) • Contains content that WILL display on the webpage

  10. p Tag • Pair of tags • Surround paragraph content that displays on page

  11. Close the body section • End of body section

  12. Close of html • End of the page

More Related