Scribd Logo
Upload

Welcome to Scribd!

  • Learning HTML & Css

    Uploaded by

    Alimpic Tatjana
    17 views13 pages
    HTML

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    HTML

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    17 views13 pages

    Learning HTML & Css

    Uploaded by

    Alimpic Tatjana
    HTML

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 13

    LEARNING HTML & CSS

    Tatjana Alimpi

    HTML Hyper Text Markup Language

    HTML je jezik za kreiranje web stranica


    koje svakodnevno poseujemo

    Definie strukturu i prezentaciju


    sadraja,

    Omoguava postavljanja linkova tj.veza


    ka drugim tekstovima na web-u

    CSS-Cascading Style Sheets

    Slui za stilizovanje sadraja koji


    dodajemo na web stranicu
    Mogu se nalaziti u okviru html
    dokumenta u okviru head-a ili
    U posebnom fajlu style.css i da se poziva
    u okviru html-a u head-u na taj css fajl
    Ili u okviru same stranice tj. body-a
    koriscenjem style atributa

    HTML Hyper Text Markup Language

    Web stranice moemo


    praviti preko
    profesionalnih text
    editora (Adobe
    Dreamweaver,Microso
    ft Expression Studio
    Web Pro,NetObjects
    Fusion) ili
    Preko obinih text
    editora kao to je
    notepad i notepad ++

    OtvoritiStart>

    Programs >Accessories >Notepad


    Sauvati File>Save As i nazvati Moja
    prva web stranica.htm
    Izabrati npr. Desktop kao mesto gde ete
    sauvati fajl.

    HTML-izgled jedne strane

    Svaki HTML fajl poinje sa naredbom


    <!DOCTYPE html>
    Ova naredba kae browser-u da je ovo html
    fajl
    Sve se pise izmedju tagova
    < > ovo je pocetni tag
    </>ovo je krajnji tag
    Sve se nalazi izmedju
    <html> i
    </html>

    Kostur jedne stranice

    Unutar head-a se pored


    naslova(title) mogu
    naci i stilovi, skripte, metapodaci
    itd.

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

    Primer 1-Postavljanje imena stranici


    <!DOCTYPE html>
    <html>
    <head>
    <title>O html-u

    </title>
    </head>
    <body>
    </body>
    </html>

    u browser-u tab ce imati naziv


    O html-u

    Primer 2-Naslov i tekst na


    stranici
    <!DOCTYPE html>
    <html>
    <head>
    <title>O html-u </title>
    </head>
    <body>
    <h1>O html-u</h1>
    <p>Html je jezik za pravljenje web
    stranica</p>
    </body>
    </html>

    Elementi HTML-a
    Za naslove nam je u html-u na
    raspolaganju 6 razlicitih od h1
    do h6.
    Kada zelimo da postavimo
    npr.naslov na sredini onda
    pisemo:
    <h1 align=center>O htmlu</h1>
    Align je osobina ili atribut koji
    moze da se menja.Postoji
    mnogo atributa kao sto su:
    jezik,font,boja slova,boja
    pozadine itd.

    Atributi su osobine nekog elementa


    html-a
    I uvek se unose u pocetnom tagu.
    Uvek se navodi
    ime_atributa=vrednost Npr.
    <img
    src=slika.jpgwidth=300heig
    ht=200/>

    Primer 3
    <!DOCTYPE html>
    <html>
    <head><title>O html-u</title>
    </head>
    <body style="background-color:lightblue;">
    <h1 align="center">O html-u</h1>
    <p >Zovem se ...........Ucenik sam .... razreda osnovne skole Jovan Cvijic iz Zminjaka.<br/>
    Imam ....godina.Danas sam ovde da naucim osnove HTML-a.</><br/>
    Saznao sam da mogu online dosta da naucim na sledecim sajtovima:<br/>
    <ul>
    <li>www.w3schools.com</li>
    <li>www.codeacademy.com</li>
    <li>www.khanacademy.com</li>
    </ul>
    <p>Probajte i vi! Idi na link</p>
    <a href="http://www.w3schools.com">HTML & CSS</a>
    <img src="http://www.w3schools.com/html/w3schools.jpg"/>
    </body>
    </html>

    Primer 3
    Velicina slike moze da se promeni tako sto
    se menja njena visina i sirina. Npr.
    Postavljanje slike u okvire stranice
    <img
    src="http://www.w3schools.com/html/w3sc
    hools.jpg" width="100%" height="100%"/>
    Npr.definisemo velicinu u pixelima
    <img
    src="http://www.w3schools.com/html/w3sc
    hools.jpg" width=300" height=200"/>

    CSS
    Umetanje stila u naslov(menja se boja naslova
    u crveno)
    <h1style="color:red;">O html-u</h1>
    Umetanje u head stila
    <style>
    body{background-color:powderblue;}
    h1{color:blue;}
    p{color:red;}
    </style>
    Ili link-om ka styles.css
    <linkrel="stylesheet"href="styles.css">

    Learning HTML & CSS

    LETS START RIGHT NOW!


    www.w3schools.com

    You might also like