html znaki - Kurs HTML i CSS
Dobre praktyki / Przykazania webmastera...przeglądarki. Jeśli dodatkowo zmiany dotyczyły również kodu HTML, mamy gotowy przepis na zupełne rozsypanie się wyglądu strony. Ponieważ pliki *.html zwykle cache'ują się słabiej (na krótszy czas), może dojść do sytuacji, kiedy użytkownicy dostaną już nową wersję kodu źródłowego HTML, która wymaga jednak zmienionego właśnie arkusza CSS, ale sam arkusz zaczyta się stary - z pamięci podręcznej przeglądarki. Aby do tego nie dopuścić, zawsze można wprowadzić na serwer po prostu nowy plik...
- Wstawianie stylów CSS / Zewnętrzny arkusz stylów <link "stylesheet"> @charset
...stylesheet"> <head> (...) <link rel="stylesheet" href="style.css"> (...) </head> gdzie "style.css" jest zewnętrznym arkuszem stylów. Natomiast znaki (...) oznaczają inne polecenia, które zwykle pojawiają się w nagłówku dokumentu, np. deklaracja strony kodowej. Możliwość wstawiania zewnętrznego arkusza jest chyba jedną z największych zalet stosowania stylów. Pozwala nam to zdefiniować takie samo formatowanie określonych elementów na wielu stronach jednocześnie. Dzięki temu, za pomocą...
Znaki specjalne HTML / Encje HTML...Na przykład jeśli chcemy napisać tekst: <p>, wpisujemy zamiast niego: <p> lub <p> i gotowe. Przeglądarka sama zinterpretuje te znaki jako właściwe. Jak widać, każdy znak specjalny rozpoczyna się od ampersand ("&"), a kończy średnikiem (";"). Z tego powodu, jeśli chcemy, aby ampersand pojawił się na ekranie, powinniśmy użyć: & lub &. W pierwszej kolumnie tabeli zawartej dalej w tym rozdziale widnieje dziesiętny numer danego znaku, w drugiej - jego nazwa. Są one...
- Nagłówek i treść HTML / Deklaracja strony kodowej <meta charset>
...tzn. wewnątrz elementu <head>...</head> - wstawić następujący znacznik: <meta charset="utf-8">. Należy jednak przy tym pamiętać, że w pliku *.html może się znajdować tylko jeden nagłówek dokumentu. Zatem deklarację strony kodowej dodajemy wewnątrz istniejącego elementu, a nie wstawiamy nowego!
- HTML dla zielonych / Wpisywanie tekstu HTML
...edytora HTML. Jak dodać tekst do strony? Aby dodać zwykły tekst do istniejącej strony internetowej, wystarczy otworzyć wybrany plik *.html w edytorze HTML. Następnie trzeba wyszukać miejsce w dokumencie, gdzie ma zostać dodany nowy tekst - powinno to być gdzieś wewnątrz sekcji <body>...</body>. Tekst można w tym miejscu po prostu wpisać z klawiatury albo wkleić ze schowka systemowego np. przy pomocy kombinacji klawiszy Ctrl+V (pod systemem Windows). Na koniec można zapisać...
- Czcionki CSS / Czcionki osadzone @font-face
...czcionki do wybranych elementów na stronie odbywa się już w standardowy sposób, który został opisany w rozdziale. pt. Rodzaj czcionki. <html> <head> <style> @font-face { font-family: comic; src: url(http://adres/plik.ttf); } body { font-family: comic; } </style> </head> <body> Ten tekst jest napisany czcionką osadzoną "comic". <p style="font-family: comic">Ten akapit używa czcionki osadzonej "comic".</p> </body> </html> Warto pamiętać, że jeśli chcemy przypisać tak...
- Nagłówek i treść HTML / Plik robots.txt
...Robots Exclusion Protocol). W głównym katalogu konta WWW - czyli tam, gdzie znajduje się dokument strony głównej serwisu (index.html) - należy umieścić specjalny plik pod nazwą robots.txt. W pliku tym umieszcza się tzw. rekordy - każdy zawiera grupę linijek w postaci: Pole: wartość Wielkość liter w nazwach pól nie ma znaczenia, natomiast zwykle ma znaczenie w wartościach pola. Oprócz typowych linijek możliwe jest również umieszczanie komentarzy, czyli tekstu, który nie...
- HTML dla zielonych / Koniec linii HTML <br>
...nie można po prostu nacisnąć Enter i przenieść kursor tekstowy do następnej linii? Otóż nie można. Przeglądarka internetowa ignoruje wszelkie znaki przejścia do następnej linii za pomocą klawisza Enter (ignoruje również postawienie obok siebie więcej niż jednej spacji - zobacz: Znaki specjalne). Na przykład jeśli wpiszesz w edytorze taki tekst: To jest pierwsza linia... a to jest druga linia. w przeglądarce pojawi się: To jest pierwsza linia... a to jest druga linia. Linia zostanie...
Indeks, wyszukiwarka / Skrypt indeksu, wyszukiwarki...Wklej do niego poniższy kod i zapisz w pliku indeks.js (koniecznie użyj kodowania utf-8): /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!) */ function Indeks(id, ramka) { this.id = id; if (typeof ramka == 'undefined') this.ramka = self; else if (typeof ramka == 'string') { if (ramka == '_blank') this.ramka = ''; else if (ramka == '_self') this.ramka = self; else if (ramka...
- Podcast HTML / #3 Tekst HTML
...wyświetlania znaczników HTML Język HTML przewiduje dwa podstawowe modele wyświetlania treści znaczników: W bloku: Automatycznie dodawane są znaki końca linii przed i po elemencie. Elementy blokowe, takie jak nagłówki (od <h1> do <h6>) oraz akapity (<p>), służą do tworzenia obszerniejszych struktur. Pamiętajmy, że <p> jest elementem blokowym, który nie może zawierać innych bloków. Do grupowania elementów służy również blok <div>. W linii: Elementy są wyświetlane normalnie, obok...