informacje - Kurs HTML i CSS
- HTML dla zielonych / Edytory HTML
Co jest potrzebne, żeby napisać stronę internetową? Teoretycznie może to być dowolny edytor tekstu, no i oczywiście dobre chęci. Dokument HTML, czyli Hypertext Markup Language - Hipertekstowy Język Oznaczania, jest po prostu plikiem tekstowym, gdzie wpisujemy wszystkie polecenia dotyczące formatowania tekstu, wstawiania grafiki i inne. Lecz pisanie strony w zwykłym edytorze tekstu byłoby bardzo uciążliwe. Dlatego powstało wiele wyspecjalizowanych edytorów, które ułatwią, przyspieszą i...
- HTML dla zielonych / Wpisywanie tekstu HTML
...niepotrzebne błędy, których przecież można bardzo łatwo uniknąć. Jeśli napiszesz swoją stronę internetową "byle jak", może to sugerować, że również informacje na niej zawarte nie są wiarygodne! To wszystko była powtórka, lecz jest coś, czego najczęściej nie uczą w szkole, a co jest niezbędne przy pracy z tekstem komputerowym - są to zasady wpisywania znaków interpunkcyjnych: Podstawowe znaki przestankowe: kropka ("."), przecinek (","), wykrzyknik ("!"), pytajnik ("?"), dwukropek (":")...
- HTML dla zielonych / Akapit HTML <p "text-align">
...przeglądarka lepiej wyświetli taki tekst. Dzięki temu strona będzie wyglądała estetyczniej i łatwiej będzie można odszukać na niej interesujące informacje. Akapit (paragraf) jest bardzo ważny w składni HTML, ponieważ pozwala w określony sposób sformatować tekst na ekranie (ułożyć go w podany sposób). Robi się to podając atrybuty znacznika. Atrybut wpisuje się zawsze wewnątrz znacznika otwierającego - bezpośrednio po jego nazwie (oddzielony od niej spacją), a przed znakiem zamknięcia...
- Komendy HTML 4.01 / BDO
Włącza algorytm dwukierunkowego tekstu. Atrybuty: CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie LANG="język" Informacja o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) STYLE="styl" Informacje stylów...
- Komendy HTML 4.01 / DT
Termin listy definicyjnej (DL). Zobacz więcej... Atrybuty: CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie LANG="język" Informacja o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) STYLE="styl" Informacje...
- Komendy HTML 4.01 / ISINDEX
Jednoliniowe pole tekstowe (zdeprecjonowane - należy używać INPUT). Atrybuty: CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie LANG="język" Informacja o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.)...
- Tekst HTML / Tekst preformatowany <pre>
...zawijany. Dzięki niemu możesz np. wkleić na stronę WWW tekst, wprost ze zwykłego edytora, bez stosowania dodatkowych znaczników (niestety informacje dotyczące formatowania zostaną pominięte). Należy jednak przy tym pamiętać, aby tekst nie zawierał znaków: "<" oraz ">" (w zamian używaj: < i >). Znacznik tekstu preformatowanego nie może zawierać elementów blokowych ani: IMG, OBJECT, BIG, SMALL, SUB, SUP. Tekst preformatowany w długich linijkach ciężko się czyta, ponieważ...
- Komendy HTML 4.01 / META
Informacje profilowe dokumentu (właściwości). Zobacz więcej... Atrybuty: CONTENT="wartość" Wartość własności DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej HTTP-EQUIV="nazwa" Informacja nagłówkowa (może być używana w zamian NAME) LANG="język" Informacja o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) NAME="nazwa" Identyfikuje nazwę własności SCHEME="schemat" Schemat interpretacji własności Znacznik otwierający...
- Aktualizacja / System newsów
...i obszernej witryny może dość długo trwać). Natomiast w odróżnieniu od sygnalizowania nowości, system newsów zbiera w jednym miejscu wszystkie informacje wraz z opisami wprowadzonych zmian. Wystarczy spojrzeć i już można szybko przenieść się do nowych stron, klikając odpowiednie odsyłacze. Wymagana wiedza: Odsyłacze Wstawianie obrazków Podstawy stylów CSS (m.in. arkusze stylów) Aby wprowadzić system newsów, należy skopiować poniższy kod i zapisać go w pliku z rozszerzeniem *.css...
- Wyszukiwarka / Formularz wyszukiwania na stronie
Dzięki wyszukiwarkom szybko możemy odnaleźć interesujące nas informacje. Gdyby nie one, funkcjonowanie Internetu byłoby znacznie utrudnione. Bez wielkiego nakładu pracy możesz urozmaicić i własną witrynę taką wyszukiwarką. Wstawienie formularza szukania Google jest bardzo proste. Sposób opisywany tutaj jest całkowicie dozwolony, zatem nie trzeba się obawiać żadnych konsekwencji ewentualnego nieuprawnionego używania wyszukiwarki Google do własnych celów.