Scribd Logo
Hochladen

Willkommen bei Scribd!

  • Code A Caden My Notes

    Hochgeladen von

    Renee Gibbs
    73 Ansichten3 Seiten
    Code a Caden My Notes

    Originaltitel

    Code a Caden My Notes

    Copyright

    © Attribution Non-Commercial (BY-NC)

    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
    Code a Caden My Notes

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Als PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    73 Ansichten3 Seiten

    Code A Caden My Notes

    Hochgeladen von

    Renee Gibbs
    Code a Caden My Notes

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Als PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    von 3

    HTML

    Setting up document <!DOCTYPE html>


    On the first line. This tells the browser what language it's reading (i.e HTML).

    using src i.e. <img src="website URL" /> .

    <html>
    Everything in our HTML file will go between the opening <html> and closing </html> tags.

    Clicking Image <a href=" "><img src=" " /></a>


    Put a <a href=""> tag before your <img> tag and a </a> tag after them. In the quotes after href=, put the website address!

    Hyperlinks / Links
    href stands for "hypertext reference. href

    <head>
    The head includes important information about the webpage, such as its title. _____________________________________ tells that link where to go i.e a webpage. text between <a> and </a> is the text you click on

    <!DOCTYPE html> <html> <head> <title> </title> </head> <body> <p> </p> <p> </p> </body> </html> _____________________

    <a href=" "></a> Ordered list 1,2,3 etc


    opening tag <ol> wrap each individual item with <li> and </li> tags.

    <ol> <li> </li> <li> </li> <li> </li> </ol> Unordered list <ul> <li> </li> <li> </li> <li> </li> </ul> Comments/Notes
    You can include little notes in your HTML code that the browser won't display. But it will be in the code to help you remember why you did certain things.

    Headings ____________________
    <h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6> _____________________

    Images <img src=""/>


    This tag is a bit different from the others. Instead of putting the content between the tags, you tell the tag where to get the picture

    <!-- Secret comment! -->

    CSS
    -style="background-color:yellow" -style="text-align:center"

    </tr> <tr> <td>Dracula</td> <td>1897</td> </tr> <tr> <td>Bride of Frankenstein</td> <td>1935</td> </tr> </tbody> </table>

    "text align:left" (or right, or center) -bold <strong> </strong> -italicize words for emphasis <em> and closing tag </em>.
    -style="font-family:Futura"

    Tables
    -<td> ("table data") cell to the first row,

    <div> <span>
    <div></div> tag. Short for "division," <div> allows you to divide your page into

    essentially creating a single column.

    - create table rows with <tr></tr>. - create table data cells with <th></th>
    -Make a column span 2 columns with the colspan attribute -

    containers (that is, different pieces). Then in CSS you'll be able to style different parts of your website individually!

    sidebars, menus etc <div style="width:50px; height:50px; background-color:red"></div>

    OTHER

    The <a></a> tag is the one used to make hyperlinks (or just links) on webpages. These are the words or images you click to go to a new page!
    <table border="1px"> <thead> <tr> <th colspan="2">Title</th> </tr> <tr> <th>Famous Monster</th> <th>Birth Year</th> </tr> </thead> <tbody> <tr> <td>King Kong</td> <td>1933</td>

    Just like <img>, <a> has an attribute that tells the link where to go. Instead of src, <a> uses href, like so:
    <a href="http://www.codecademy.com">Learn to code!</a> src stands for "source." It tells the <img>

    link where the picture comes from!


    href stands for "hypertext reference."

    Remember when we said that hypertext

    (that is, links) is text you can click on? Well, href tells that link where to go! The text after href is the web address, and the text between <a> and </a> is the text you click on.

    Das könnte Ihnen auch gefallen