Scribd Logo
Upload

Welcome to Scribd!

  • HTML Podstawy

    Uploaded by

    eephikoo
    2 views8 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    PPT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PPT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    2 views8 pages

    HTML Podstawy

    Uploaded by

    eephikoo

    Copyright:

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

    Technologie Informacyjne

    Wprowadzenie do laboratoriów

    Katedra Technologii Informacyjnych


    Uniwersytet Ekonomiczny w Poznaniu
    www.kti.ue.poznan.pl
    HTML – Podstawy
    • HTML to z ang. Hyper Text Markup Language, czyli
    - nadzwyczajny tekstowy język znaczników,

    • Przykład

    <HTML>
    <HEAD>
    <title>Tytuł strony</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    </HEAD>
    <BODY>
    <p>właściwa treść (ciało) dokumentu</p>
    </BODY>
    </HTML>

    © UEP 2
    HTML/XHTML/HTML4/HTML5
    • Różnica między wersjami HTML polega na tym, że niektóre wersje posiadają
    więcej dostępnych znaczników, a także bardziej lub mniej rygorystyczne reguły
    dotyczące pisania kodu strony. Nowe znaczniki w HTML5 to między innymi:

     <canvas></canvas>
     <footer></footer>
     <aside></aside>
     <section></section>
     <article></article>

    • Niektóre znaczniki wykorzystywane w wersjach HTML przed wersją HTML5 są


    zdeprecjonowane (ang. deprecated), co oznacza, że nie powinno się już z nich
    korzystać.
    Znaczniki
    • Cały dokument objęty jest parami znaczników. W przypadku gdy nie
    zostaną one zamknięte, zawartość zostanie wyświetlona jako normalny
    tekst

    <b>tekst pogrubiony</b>
    <strong> tekst pogrubiony</strong>
    <p>paragraf</p>
    <a>kotwica</a>
    <i>kursywa</i>
    <em>kursywa</em>

    © UEP 4
    Atrybuty
    • Dodatkowe informacje na temat zawartości umieszczonej między znacznikami
    nazywa się atrybutami. Atrybuty z klei określają cechy. Cechy natomiast
    posiadają wartości

    • Przykład

    <p style="color: red”>paragraf</p>

    <BODY style="background-color: red”>


    <p>właściwa treść (ciało) dokumentu</p>
    </BODY>

    © UEP 5
    Tytuły
    • Tytuły to znaczniki o znaczeniu semantycznym które pomagają w
    pozycjonowaniu naszej strony pod względem zawartości = treści naszej
    strony

    <H1>To jest tytuł </H1>


    <H2>To jest tytuł </H2>
    <H3>To jest tytuł </H3>
    <H4>To jest tytuł </H4>
    <H5>To jest tytuł </H4>
    <H6>To jest tytuł </H4>

    © UEP 6
    Encje
    • Znaki specjalne, zastrzeżone w języku HTML takie jak > < oraz ;
    kodowane są za pomocą encji.

    • Przykład

    ” &quot;
    & &amp;
    < &lt;
    > &gt ;

    © UEP 7
    Blok dokumentu
    • Bloki dokumentu wydzielane są za pomocą znacznika <div>. Fragmenty
    dokumentu które znajdują się w tym znaczniku można swobodnie
    edytować. Za pomocą tego znacznika tworzy się strukturę blokową strony.

    Źródło: https://stackoverflow.com/questions/30476921/locate-3-html-div-in-different-height-1st-on-left-2nd-and-3rd-on-the-right/
    30477725

    © UEP 8

    You might also like