Scribd Logo
Importer

Bienvenue sur Scribd !

  • Clase 1

    Transféré par

    Carlos Grande
    21 vues15 pages
    HTML is a markup language used for structuring and presenting content on the web. It uses tags to describe different types of content like headings, paragraphs, lists, etc. A web browser reads HTML documents and displays them by using the tags to determine how to display the content. Common tags include <html> <head> <title> <body> <h1> <p> which are used to define overall page structure and different elements within the page.

    Description originale:

    HTML5

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PPTX, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    HTML is a markup language used for structuring and presenting content on the web. It uses tags to describe different types of content like headings, paragraphs, lists, etc. A web browser reads HTML documents and displays them by using the tags to determine how to display the content. Common tags include <html> <head> <title> <body> <h1> <p> which are used to define overall page structure and different elements within the page.

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PPTX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    21 vues15 pages

    Clase 1

    Transféré par

    Carlos Grande
    HTML is a markup language used for structuring and presenting content on the web. It uses tags to describe different types of content like headings, paragraphs, lists, etc. A web browser reads HTML documents and displays them by using the tags to determine how to display the content. Common tags include <html> <head> <title> <body> <h1> <p> which are used to define overall page structure and different elements within the page.

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PPTX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 15

    What is HTML?

    HTML is amarkuplanguage fordescribingweb


    documents (web pages).
    HTML stands forHyperTextMarkupLanguage
    A markup language is a set ofmarkup tags
    HTML documents are described byHTML tags
    Each HTML tagdescribesdifferent document content

    Ejemplo
    <!DOCTYPEhtml>
    <html>
    <head>
    <title>Page
    Title</title>
    </head>
    <body>
    <h1>My First
    Heading</h1>
    <p>My first
    paragraph.</p>
    </body>
    </html>

    Example Explained
    The<!DOCTYPE html>declaration defines
    this document to be HTML5
    The text
    between<html>and</html>describes an
    HTML document
    The text
    between<head>and</head>provides
    information about the document
    The text
    between<title>and</title>provides a title
    for the document
    The text
    between<body>and</body>describes the
    visible page content
    The text between<h1>and</h1>describes
    a heading
    The text between<p>and</p>describes a
    paragraph

    HTML Tags
    HTML tags arekeywords(tag names) surrounded
    byangle brackets:
    <tagname>content goes here...</tagname>
    HTML tags normally comein pairslike <p>
    and </p>
    The first tag in a pair is thestart tag,the
    second tag is theend tag
    The end tag is written like the start tag, but
    with aforward slashinserted before the tag
    name
    The start tag is also called theopening tag, and
    the end tag theclosing tag.

    Web Browsers
    The purpose of a web browser (Chrome, IE,
    Firefox, Safari) is to read HTML documents and
    display them.
    The browser does not display the HTML tags, but
    uses them to determine how to display the
    document:

    HTML Page Structure


    Below is a visualization of an HTML page
    structure:

    Only the <body> section (the white area above) is displayed in a browser.

    The <!DOCTYPE>
    Declaration
    The <!DOCTYPE> declaration represents the
    document type, and helps the browser to display
    a web page correctly.
    It must only appear once, at the top of the page
    (before any HTML tags).
    There are different document types. To display a
    web page correctly, the browser must know both
    type and version.
    The doctype declaration is not case sensitive. All
    cases are acceptable:
    <!DOCTYPEhtml>
    <!doctypeHTML>

    Common <!DOCTYPE>
    Declarations

    HTML5
    <!DOCTYPEhtml>
    HTML 4.01
    <!DOCTYPEHTML PUBLIC "-//W3C//DTD
    HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    XHTML 1.0
    <!DOCTYPEhtml PUBLIC "-//W3C//DTD
    XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd">

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

    Year

    HTML

    1991

    HTML 2.0

    1995

    HTML 3.2

    1997

    HTML 4.01

    1999

    XHTML

    2000

    HTML5

    2014

    HTMLEditors
    Write HTML Using Notepad
    or TextEdit
    Web pages can be created and modified by using
    professional HTML editors.
    However, for learning HTML we recommend a
    simple text editor like Notepad (PC) or TextEdit
    (Mac).
    We believe using a simple text editor is a good
    way to learn HTML.
    Follow the four steps below to create your first
    web page with Notepad or TextEdit

    Step 1: Open Notepad (PC)

    Open Notepad in Windows 8 or later:


    Open theStart Screen(the window symbol at
    the bottom left on your screen). TypeNotepad.
    Open Notepad in Windows 7 or earlier:
    ClickStart(bottom left on your screen).
    ClickAll Programs. ClickAccessories.
    ClickNotepad

    Step 2: Write Some


    HTML
    Write or copy some HTML into
    Notepad.
    <!DOCTYPEhtml>
    <html>
    <body>
    <h1>My First Heading</h1>
    <p>My first paragraph.</p>
    </body>
    </html>

    Step 2: Write Some


    HTML
    Write or copy some HTML into
    Notepad.
    <!DOCTYPEhtml>
    <html>
    <body>
    <h1>My First Heading</h1>
    <p>My first paragraph.</p>
    </body>
    </html>

    Step 3: Save the HTML Page


    Save the file on your computer. SelectFile >
    Save asin the Notepad menu.
    Name the file"index.htm"and set the encoding
    toUTF-8(which is the preferred encoding for
    HTML files)

    u can use either .htm or .html as file extension. There is no difference, it is up to

    Step 4: View the HTML Page in


    Your Browser
    Open the saved HTML file in your favorite browser
    (double click on the file, or right-click - and choose "Open
    with").
    The result will look much like this:

    What is New in
    HTML5?

    Vous aimerez peut-être aussi