How Hyper Text Markup Language Works PowerPoint presentation | free to download - id: 58dfae-MDY3Z

<html> <head> <title> Basic HTML PowerPoint </title> </head> <body> How Hyper Text Markup Language Works </body> </html> - PowerPoint PPT Presentation

1 / 8
About This Presentation
Title:

<html> <head> <title> Basic HTML PowerPoint </title> </head> <body> How Hyper Text Markup Language Works </body> </html>

Description:

Basic HTML PowerPoint How Hyper Text Markup Language Works Basics of HTML 2 ways to view a webpage Web ... – PowerPoint PPT presentation

Number of Views:268
Avg rating:3.0/5.0
Slides: 9
Provided by: johnso83
Learn more at: http://gactaern.org
Category:

less

Transcript and Presenter's Notes

Title: <html> <head> <title> Basic HTML PowerPoint </title> </head> <body> How Hyper Text Markup Language Works </body> </html>


1
lthtmlgtltheadgtlttitlegtBasic HTML
PowerPointlt/titlegtlt/headgtltbodygtHow Hyper Text
Markup Language Workslt/bodygtlt/htmlgt
2
Basics of HTML
  • 2 ways to view a webpage
  • Web view is how the browser interrupts your code
    (how you normally view web pages). The purpose
    of a web browser (like Internet Explorer,
    Firefox, Chrome, etc) is to read HTML documents
    and display them as web pages.
  • Source code view is the written text that is
    created by the web designer. The source code for
    any webpage can be viewed .
  • HTML tags are written between angle brackets (lt
    gt) and most tags will usually come in pairs like
    ltigt and lt/igt

3
Basics of HTML cont.
  • The first tag in a pair is called the opening tag
    (ltigt ) and the second is called the closing tag
    (lt/igt note the /)
  • The browser does not display the HTML tags, but
    uses the tags to interpret the content of the
    page.
  • Tags order matters! If you open the tags one way
    then it must reverse when closed.
  • Example ltbgtltigtHello Worldlt/igtlt/bgt
  • Tags are not case sensitive

4
Basics of HTML cont.
  • All HTML documents start with ltHTMLgt and end with
    lt/HTMLgt
  • Every HTML webpage has 2 sections which are
    denoted by HTML tags
  • ltHeadgt
  • ltBodygt
  • The Head section will always open close before
    the Body section opens

5
Basics of HTML Head Section
  • Head section
  • This section always begins with ltheadgt and ends
    with lt/headgt
  • This section will not be visible in the body of
    the web browser
  • The name of the webpage that appears in the title
    bar is placed in this section
  • Example lttitlegtMy First Pagelt/titlegt
  • Others elements can be placed in this section but
    we will go over those in a later lesson

6
Basics of HTML Body Section
  • Body Section
  • Information displayed in this section will be
    displayed in the body of the web browser
  • The closing body tag will always proceed the
    closing HTML tag.

7
Basics of HTML Saving
  • How to save as HTML
  • File -gt Save As -gt (the name you want the file to
    be).html
  • When you save as .html this tells the computer
    that this file should be opened by a browser
  • If using a simple text editor, typing .html
    manually is required
  • Example
  • MyFirstPage.html
  • MyFirstPage.doc

- Will open as a webpage
- Will not open as a webpage
8
Basics of HTML REVIEW
  • lthtmlgt
  • ltheadgt
  • lttitlegt
  • Webpage title
  • lt/titlegt
  • lt/headgt
  • ltbodygt
  • My first webpage
  • lt/bodygt
  • lt/htmlgt

Starts every HTML page
Info in this section will not appear in the body
of the web browser
Info in this section will appear in the body of
the web browser
Ends every HTML page
Write a Comment
User Comments (0)
About PowerShow.com