Scribd Logo
Upload

Welcome to Scribd!

  • HTML

    Uploaded by

    kerkc7
    74 views33 pages

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PDF or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF or read online from Scribd
    Flag for inappropriate content
    74 views33 pages

    HTML

    Uploaded by

    kerkc7

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF or read online from Scribd
    Flag for inappropriate content
    of 33

    Podstawy Informatyki

    PRZEMYSŁAW SOŁTAN
    email: kerk@moskit.ie.tu.koszalin.pl

    07.09.2002
    HTML

    2
    ..ML - Markup Language
    SGML

    HTML

    XML

    SGML (Standard Generalized Markup Language)


    HTML (HyperText Markup Language)
    XML (Extensible Markup Language)
    XHTML
    XHTML (Extensible HTML)
    3
    Budowa znaczników

    <nazwa>...</nazwa>
    Znacznik początkowy Treść Znacznik końcowy

    Nazwa atrybutu Wartość

    <nazwa atrybut = ”wartość”>


    ... HTML nie wymusza zamykanie wartości
    atrybutów w cudzysłowy, czy w apostrofy, ale jest
    to wskazane.
    </nazwa>
    4
    Zagnieżdzanie znaczników
    <i><b>...</i></b>

    <i><b>...</b></i>

    • Zalecenie: Nie powinno się zamykać


    elementu zewnętrznego, dopóki nie zostanie
    zamknięty element wewnętrzny
    5
    Wielkość liter nazw znaczników

    <html>...</HTML>
    <html>...</html>

    • Zalecenie: Znacznik zamykający powinien mieć


    taką samą nazwę jak znacznik otwierający
    (z uwzględnieniem wielkości liter)

    6
    Znacznik otwierający i
    zamykający
    <znacznik> Stosowanie tylko znaczników początkowych jest
    dopuszczalen, ale zostało zabronione w XML’u

    <znacznik></znacznik>
    <znacznik/>
    • Walidacja dokumentów
    • Wzrost wydajności przetwarzania
    • Mniejszy silnik (engine) przeglądarek do
    obsługi XML (w porównaniu z HTML)
    7
    Dodawanie komentarzy
    <!--tekst komemtarza-->
    • Brak możliwości zagnieżdżania komentarzy

    8
    HTML
    html <html>
    <head>
    <title>
    head body Tytuł
    </title>
    </head>
    <body>
    <h1>
    title h1 b Nagłówek
    </h1>
    <b>Tekst</b>
    </body>
    Tytuł Nagłówek Tekst </html>
    9
    HTML
    html

    head body

    title h1 b

    Tytuł Nagłówek Tekst

    Informacje o Widok dokumentu


    dokumencie powiązany z treścią

    Dokument HTML
    10
    HTML - znacznik <font>
    html

    head body

    title h1 b

    Tytuł Tekst
    font
    Informacje o Color=„red”
    dokumencie

    Nagłówek

    Widok dokumentu powiązany z treścią


    Dokument HTML 11
    HTML - znacznik <br> <nobr>

    12
    HTML - znacznik <h1..h6>

    13
    HTML - znacznik <sub> <sup>

    14
    HTML - znacznik <pre>

    15
    HTML - znacznik <img>

    16
    HTML - znacznik <hr>

    17
    HTML - znacznik <body>

    18
    HTML - znacznik <body>

    #000000 – kolor czarny


    #FFFFFF- kolor biały

    Nasycenie poszczególnych
    składowych kolorów RGB
    (zakres 0-255) ($00-$FF)
    #FFFF80
    19
    HTML - znacznik <a>

    Naciśnięcie odnośnika
    powoduje otwarcie
    nowej strony w tym
    samym oknie
    Sprawdź działanie odnośników:

    <a href=”witaj.htm” target=”_blank”>Link</a>


    <a href=”witaj.htm” target=”_top”>Link</a>

    20
    HTML - znacznik <a>

    http://
    ftp://
    mailto:

    21
    HTML - znacznik <body>

    Klawisz TAB można


    umożliwia
    przemieszczanie się
    pomiędzy
    poszczególnymi
    odnośnikami

    22
    HTML - znacznik <ol> <ul>

    23
    HTML - znacznik <ol> <ul>

    24
    HTML – znacznik <table>

    25
    HTML – znacznik <table>

    26
    HTML – znacznik <table>

    27
    HTML – znacznik <table>

    28
    HTML – znacznik <table>

    29
    CSS - znacznik <style>
    html

    head body

    style title h1 b

    TYPE="text/css"

    Tytuł Nagłówek Tekst


    <!--
    H1 { color: red }
    Widok dokumentu
    -->
    powiązany z treścią

    Informacje o dokumencie + styl wewnątrz dokumentu


    Dokument HTML 30
    CSS - znacznik <style>

    31
    CSS - znacznik <link>
    html

    head body

    link title h1 b H1 { color: red }

    REL=STYLESHEET
    TYPE="text/css"
    HREF=”AdresPliku” Tytuł Nagłówek Tekst
    TITLE=”NazwaStylu">

    Widok dokumentu
    powiązany z treścią

    Informacje o dokumencie + link do pliku ze stylem dokumentu


    Dokument HTML Dokument CSS 32
    CSS - znacznik <link>

    33

    You might also like