• HTML

        •                     Podstawy HTML

           

           

          1. Nagłówek strony <head>...</head>. Zawiera między innymi polecenia meta odpowiedzialne za wyświetlanie polskich znaków diaktrycznych, oraz polecenie <title> tytuł dokument </title>.

           

          1. Znaczniki <body>...</body> określają właściwą treść strony cechy wyglądu całej strony, takie jak kolor tła oraz tekstu lub szerokość marginesów. W jednym dokumencie może się znajdować tylko jeden znacznik <body>.

           

           

          1. Kolor tła strony

          bgcolor="kolor"

           

          1. Tekst:
          <font>...</font> czcionka
           
          size="n"
          color="kolor"
          face="rodzaj"
           
          <b>...</b>
          <i>...</i>
          <u>...</u>
           
          <center>...</center>
          <left>...</left>
          <right>...</right>
          <justify>...</justify>

           

          1. Animacja tekstu
          <marquee>Tu wpisz tekst</marquee>

           

          Określonego typu: 

          <marquee behavior="typ">Tu wpisz tekst</marquee>

          gdzie jako "typ" należy wpisać:

          • "scroll" - tekst przesuwa się od prawej do lewej (domyślnie)
          • "alternate" - tekst przesuwa się od prawej do lewej, a następnie "odbija się" i powraca
          • "slide" - tekst przesunie się od prawej do lewej tylko raz, a później się zatrzyma i pozostanie nieruchomy

          O określonym kierunku przesuwania: 

          <marquee direction="kierunek">Tu wpisz tekst</marquee>

          gdzie jako "kierunek" należy wpisać:

          • "left" - tekst będzie przesuwał się w lewo (domyślnie)
          • "right" - tekst będzie przesuwał się w prawo
          • "up" - przesuwanie w górę (nie obsługuje MSIE 3.01 ani Netscape 7)
          • "down" - przesuwanie w dół (nie obsługuje MSIE 3.01 ani Netscape 7)

          O określonym kolorze tła (nie obsługuje Netscape 7): 

          <marquee bgcolor="kolor">Tu wpisz tekst</marquee>

          gdzie "kolor" oznacza definicję koloru

           

          O określonych rozmiarach na ekranie: 

          <marquee width="x" height="y">Tu wpisz tekst</marquee>

          lub 

          <marquee width="x%" height="y%">Tu wpisz tekst</marquee>

          gdzie "x" oznacza szerokość w pikselach, a "y" wysokość (również w pikselach).
          Natomiast "x%" oznacza szerokość w procentach ekranu, a "y" wysokość (również w procentach).

          1. Wstawianie linii
          <br>
          <hr>
           

          7.     Grafika na stronie: img src="ścieżka dostępu"


          <img src="ścieżka dostępu" alt="Tekst alternatywny" />



          O określonych rozmiarach:

          <img src="ścieżka dostępu" alt="Tekst alternatywny" width="x" height="y" />
          <img src="ścieżka dostępu" alt="Tekst alternatywny" width="x%" height="y%" />

          O określonym ustawieniu względem tekstu:
          <img  src="ścieżka dostępu" alt="Tekst alternatywny" align="rodzaj" />

          gdzie jako "rodzaj" należy wpisać:

          "left" - obrazek ustawiony po lewej stronie względem otaczającego go tekstu

          "right" - obrazek po prawej stronie względem tekstu

          "top" - tekst ustawiony na górze obrazka

          "middle" - tekst ustawiony na średniej wysokości względem obrazka

          "bottom" - tekst ustawiony na dole obrazka (domyślnie)

           

          Z obramowaniem:

          <img src="ścieżka dostępu" alt="Tekst alternatywny" border="n" />

                8. Tło obrazkowe:

          <body background="ścieżka dostępu do obrazka">...</body>

               9. Szerokość marginesów

          <body leftmargin="x1" rightmargin="x2"


              10. Odsyłaczy

          <a href="względna ścieżka dostępu">opis</a>
          <body link="kolor nowych" vlink="kolor odwiedzonych" alink="kolor aktywnych">...</body>

          gdzie "kolor nowych", kolor odwiedzonych" i "kolor aktywnych" oznaczają definicje kolorów, przy czym:

          kolor nowych
          Kolor odsyłaczy które nie zostały jeszcze użyte
          kolor odwiedzonych
          Kolor odsyłaczy, które zostały już użyte
          kolor aktywnych
          Kolor aktywnego odsyłacza, czyli takiego który właśnie został użyty

               11. Tytuł strony

          <head>
 <title>Tytuł strony</title>

          </head>


          12. Lista numerowana:

          <ol type="rodzaj numeracji">
          <li>Punkt pierwszy</li>
          <li>Punkt drugi</li>
          <li>Punkt trzeci</li>
          </ol>

          13. Lista wypunktowana:

          <ul>
          <li>Punkt pierwszy</li>
          <li>Punkt drugi</li>
          <li>Punkt trzeci</li>
          </ul>



           


            Pomoc:           www.kurshtml.boo.pl/

    • Kontakty

      • ZESPÓŁ SZKOLNO-PRZEDSZKOLNY W BESTWINIE
      • zspbestwina@bestwina.pl, przedszkole.bestwina@bestwina.pl
      • Szkoła: 32 215 71 21 Przedszkole: 32 215 75 48
      • ul. Szkolna 11 43-512 Bestwina Poland
      • mgr Angelika Gościk
      • Katarzyna Kupper mgr Lilla Czernek
      • Lider dostępności: mgr Maryla Taranowska kontakt taranowskamaryla@gmail.com lub przez mobi-dziennik

    • Logowanie