Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • HTML5+Level+1+Online Handout PDF

    Încărcat de

    Juliana Milanov
    13 vizualizări2 pagini

    Titlu original

    HTML5+Level+1+Online_Handout.pdf

    Drepturi de autor

    © © All Rights Reserved

    Formate disponibile

    PDF, TXT sau citiți online pe Scribd

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    13 vizualizări2 pagini

    HTML5+Level+1+Online Handout PDF

    Încărcat de

    Juliana Milanov

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 2

    HTML5 Level 1

    INTRODUCTION WEB HOSTING ANATOMY OF A WEBPAGE


    Have you ever wanted to create your personal A web hosting service is a company that hosts and
    You can view the source of a webpage through
    website? Do you have a small business and are makes your site accessible via the World Wide
    the web browser. The HTML markup shown in
    thinking about creating a company website? It Web for a fee, or for free. There are many web
    Figure 2 will display. Notepad is the default text
    is important to know how to lay out your site hosting companies to choose from; however, your
    editor in Windows computers.
    and use the web tools available to you. decision should be based on the following criteria:
    • Reliability A webpage is created with building blocks called
    Figure 1: Design Process
    “Elements” that start with an opening tag and
    • Data Transfer (Traffic/Bandwidth) end with a closing tag. A tag consists of two an-
    gled brackets (< >). Inside the brackets is a tag
    • Disk Space name. For example: <body>… </body>.
    • SSL (secure server), Shopping Cart Figure 2: Example of HTML Code

    • FTP, PHP,.htaccess, MySQL


    • Technical support
    • Price

    FREE HOSTING
    • Includes advertisements
    • Domain names www.freeservers.mysite.com
    PAYING FOR WEB HOSTING
    • Control Panel (web designer t ools)
    • No Advertising
    • Unlimited Email Accounts (info@mysite.com)
    • Your own Domain Name (www.mysite.com)
    • Domain registration is provided by many web
    Different web browsers will affect how a site hosts, so there is no need to pay for domain-
    will display. Before publishing on the web, it is registration from another company.
    highly recommended to test your webpage on
    different browsers. Web browsers are free. The
    five most popular browsers are Chrome, POPULAR WEB HOSTING SITES
    Firefox, Internet Explorer, Safari and Opera. http://www.1and1.com/
    http://www.bluehost.com/
    HTML5 Level 1
    WHAT IS HTML? BASIC HTML TAGS HTML LIST
    HTML (Hypertext Markup Language) is the TAG DESCRIPTION You can add bullets or numbers to an HTML
    formatting language used to create webpages. It <> Opening tag document the same way you add them in
    defines how the text and graphics on a page Microsoft Word. HTML gives the option to
    will appear and creates links between webpag- </> Closing tag create ordered or unordered lists.
    es. The new standard for HTML is HTML5. It
    is a combination of HTML, CSS3 and JavaS- <html>…</html> HTML documents begin ORDERED LIST
    cript. and end with this tag .
    Ordered lists are the same as the numbering list
    HTML documents are simply text documents <title>…</title> Document’s title in Microsoft Word. You can use the <ol> and
    that contain codes read by the World Wide <head>…</head> Document’s head </ol> tag to create a numbered list with numbers
    Web (www) through browsers like Internet starting at 1. Inside the <ol>, an <li> tag defines
    Explorer, Mozilla Firefox, Google Chrome or <body>…</body> Document's body each list item. See Figure 3.
    Safari. Figure 3: Ordered List
    <p>…</p> Paragraph
    WORKING WITH HTML TAGS Class Attribute The class attribute speci-
    fies one or more class
    Tags are used to control the layout and format names for an element.
    of the webpage content as viewed on the World The class attribute is
    Wide Web. Tags are markers enclosed in mostly used to point to
    brackets (< >), which indicate how text and a class in a style sheet.
    graphics should appear. Here are some
    guidelines to follow when writing your <section>...</section> The <section> tag
    webpage: defines sections in a UNORDERED LIST
    • Tags are generally used in pairs. That is, if a document Unordered lists are the same as the bullet list in
    tag is open, it must be closed. Here are <h1>…</h1> HTML has six levels of Microsoft Word. You can use the <ul> </ul> tags
    some examples of paired tags: <h2>…</h2> headings, numbered 1 to create a bullet list. Inside the <ul>, an <li> tag
     <tag> Text goes here. </tag>. <h3>…</h3> through 6, with 1 being describes each list item. See Figure 4.
     <b> Bold </b> ; the b tag will Bold <h4>…</h4> the largest font size. Figure 4 : Unordered List
    the text inside. <h5>…</h5>
    <h6>…</h6>
    There are a few HTML tags that do not need to
    be paired. Here is an example of an unpaired <!--comments --> This element is used to
    tag: add a comment to
    • Line break tag <br /> an HTML document.
    <br /> or <br> Line breaks
    <style>…</style> The style attribute
    specifies an inline style
    for an element.

    S-ar putea să vă placă și