1 / 9

Beginner's Guide to HTML: Basics and Structure

Learn the fundamentals of HTML, including its structure, tags, versions, and the importance of HTML in web design. Discover the elements that make up an HTML page and how to use them effectively. Enhance your web design skills with this introductory HTML course.

smobley
Download Presentation

Beginner's Guide to HTML: Basics and Structure

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. HTML Module1-Introduction

  2. What you will learn • Introduction • What you need to know before learning HTML • What is HTML? • Versions of HTML • Structure of an HTML page • Code • Body, Head, Title

  3. HTML Introduction • Some time ago web designing was done merely using graphic designing software like Photoshop, CorelDraw etc.. You did not need to know any code • This time as a wed designer you need to know how to code • In order to code or understand how web pages are coded, you need to learn HTML, CSS and JavaScript languages. • This is the HTML Course

  4. What you need to know before learning HTML Before you to learn HTML you should already have Knowledge of :- • Basic computer knowledge • basic word processing software • Basic graphic designing software e.g Photoshop etc…

  5. What is HTML? -HTML is a coding language used to make web pages • HTML stands for Hyper Text Markup Language. • HTML describes the structure of Web pages using markup. • HTML elements are the building blocks of HTML pages. • HTML elements are represented by tags. • HTML tags label pieces of content such as "heading", "paragraph", "table", and so on. • Browsers do not display the HTML tags, but use them to render the content of the page

  6. Structure of an HTML page The <!DOCTYPE> Declaration • The <!DOCTYPE> declaration represents the document type, and helps browsers to display web pages correctly. • It must only appear once, at the top of the page (before any HTML tags). • The <!DOCTYPE> declaration is not case sensitive. • The <!DOCTYPE> declaration for HTML is: <!DOCTYPE html>

  7. HTML Versions Since the early days of the web, there have been many versions of HTML:

  8. Code showing tags <html> <body> <h1>This is the Main Heading</h1> <p>This text might be an introduction to the rest of the page. And if the page is a long one it might be split up into several sub-headings.<p> <h2>This is a Sub-Heading</h2> <p>Many long articles have sub-headings so to help you follow the structure of what is being written. There may even be sub-sub-headings (or lower-level headings).</p> <h2>Another Sub-Heading</h2> <p>Here you can see another sub-heading.</p> </body> </html>

  9. Body, Head, Title <body> • You met the <body> element in the first example we created. Everything inside this element is shown inside the main browser window. <head> • Before the <body> element you will often see a <head> element. • This contains information about the page (rather than information that is shown within the main part of the browser window that is highlighted in blue on the opposite page). You will usually find a <title>element inside the <head>element. <title> • The contents of the <title> element are either shown in the top of the browser, above where you usually type in the URL of the page you want to visit, or on the tab for that page (if your browser uses tabs to allow you to view multiple pages at the same time).

More Related