Scribd Logo
Hochladen

Willkommen bei Scribd!

  • 2 - Lecture of HTML PDF

    Hochgeladen von

    U C Ilozue
    20 Ansichten11 Seiten
    lectures

    Originaltitel

    2 - Lecture of HTML.pdf

    Copyright

    © © All Rights Reserved

    Verfügbare Formate

    PDF, TXT oder online auf Scribd lesen

    Stufen Sie dieses Dokument als nützlich ein?

    Sind diese Inhalte unangemessen?

    Dieses Dokument melden
    lectures

    Copyright:

    © All Rights Reserved
    Als PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    20 Ansichten11 Seiten

    2 - Lecture of HTML PDF

    Hochgeladen von

    U C Ilozue
    lectures

    Copyright:

    © All Rights Reserved
    Als PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    von 11

    Eng.moaz al hosny Academia.

    edu
    HTML&CSS
    basics and good practices for developers
    Content of this course
    Basic tags

    example

    practice

    Friendly Exam

    Eng.moaz al hosny Academia.edu


    What is an html File?
    HTML is a format that tells a computer how to display a web page. The documents
    themselves are plain text files with special "tags" or codes that a web browser uses to
    interpret and display information on your computer screen.

    Open your text editor and type the following text:


    <!DOCTYPE html> <!--
    http://www.w3schools.com/TAgs/tag_doctype.asp-->
    <html>
    <head>
    <title>My First Webpage</title>
    </head>
    <body>
    This is my first homepage. <b>This text is bold</b>
    </body>
    </html>
    Eng.moaz al hosny Academia.edu
    1

    This lecture we will


    use MSI computer.
    We will talk about
    links and images.

    Eng.moaz al hosny Academia.edu


    Example 1 <links with list(Linking to Other Sites) >

    <p>Movie Reviews:
    <ul>
    <li><a href="http://www.empireonline.com">
    Empire</a></li>
    <li><a href="http://www.metacritic.com">
    Metacritic</a></li>
    <li><a href="http://www.rottentomatoes.com">
    Rotten Tomatoes</a></li>
    <li><a href="http://www.variety.com">
    Variety</a></li>
    </ul>
    </p>

    Eng.moaz al hosny Academia.edu


    Academia.edu
    Eng.moaz al hosny
    Example 2 <Linking to Other Pages on the Sa me Site>
    Example 3 <Adding Images and specified name) >

    <img src="images/quokka.jpg" alt="A family of


    quokka" title="The quokka is an Australian
    marsupial that is similar in size to the
    domestic cat." />

    <p id="pullquote">Every</p>
    <p class ="pullquote">every2</p>

    Eng.moaz al hosny Academia.edu


    https://www.tesla.com/modelx/design

    Eng.moaz al hosny Academia.edu


    Example 3 <>

    <h1 id="top">Film-Making Terms</h1>


    <a href="#arc_shot">Arc Shot</a><br />
    <a href="#interlude">Interlude</a><br />
    <a href="#prologue">Prologue</a><br /><br />
    <h2 id="arc_shot">Arc Shot</h2>
    <p>A shot in which the subject is photographed by an
    encircling or moving camera</p>
    <h2 style="color:red" id="interlude">Interlude</h2>
    <p>A brief, intervening film scene or sequence, not
    specifically tied to the plot, that appears
    within a film</p>
    <h2 id="prologue">Prologue</h2>
    <p>A speech, preface, introduction, or brief scene
    preceding the the main action or plot of a film;
    contrast to epilogue</p>
    <p><a href="#top">Top</a></p>

    Eng.moaz al hosny Academia.edu


    Your email and name
    test

    When we click on photo go to tesla website?

    Co2 with sub and when we click it goes to wiki/co2

    Eng.moaz al hosny Academia.edu


    Second lecture end
    Any question?

    Eng.moaz al hosny Academia.edu

    Das könnte Ihnen auch gefallen