dodać tekst strony - Kurs HTML i CSS
Dobre praktyki / Przykazania webmastera...Dlatego często stosuje się inną metodę. Zmiany można wprowadzać w tych samych plikach *.css, a w adresach do nich (występujących w plikach *.html) dodać po pytajniku numer kolejnej wersji (albo aktualną datę), np.: <link rel="stylesheet" href="style.css?2"> To samo dotyczy wszystkich odwołań do plików graficznych, występujących arkuszu CSS - jeśli uległy zmianie, należy podnieść im numer rewizji: background-image: url("plik.gif?2"); Gdzie to tylko możliwe, staraj się skracać zapis w...
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum...jak je poprawić. 5 min - Zadanie domowe: rozbudować stronę o kolejny odsyłacz do innej podstrony i linki menu Uczniowie mają za zadanie dodać koleją wewnętrzną podstronę oraz menu nawigacyjne w serwisie. Lekcja 2 - Wstawianie obrazków i podstawowe formatowanie tekstu Czas trwania: 45 minut Cele szczegółowe Uczeń potrafi wstawiać obrazki do strony HTML. Uczeń formatuje tekst, używając podstawowych znaczników (pogrubienie, kursywa, podkreślenie). Uczeń rozumie atrybuty...
Podcast HTML / #7 Widżety HTML...innym, jak i na własny użytek. W standardowym serwisie statycznym menu nawigacyjne musi być powtórzone na każdej podstronie. Jeśli chcemy dodać nowe podstrony, wymaga to mozolnej zmiany menu w każdym istniejącym dokumencie. Aby wyeliminować tę niedogodność, można stworzyć jeden wspólny widżet zawierający odnośniki menu i osadzić go na każdej podstronie. Dotyczy to także innych stałych elementów, takich jak nagłówek (wraz z logotypem) i stopka serwisu. Ramki lokalne Element...
- HTML dla zielonych / Wpisywanie tekstu HTML
...Zwykły test wystarczy wpisać w ciele dokumentu HTML - tzn. wewnątrz sekcji <body>...</body> - przy użyciu dowolnego 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ć...
- HTML dla zielonych / Akapit HTML <p "text-align">
...stosuje się jednak raczej w stosunku do przepisów prawnych, a nie do zwykłego tekstu. Jak wyśrodkować tekst? Aby ułożyć tekst na środku, można dodać odpowiedni atrybut do znacznika akapitu: <p style="text-align: center">...</p>. Jak wyjustować tekst w HTML? Aby wyróżnać tekt do obu marginesów jednocześnie, należy dodać odpowiedni atrybut do znacznika akapitu: <p style="text-align: justify">...</p>. Jak zrobić tekst po prawej stronie w HTML? Aby wyrównać tekst do prawego...
- Nagłówek i treść HTML / Opis zawartości strony <meta "description">
...Aby go sprawdzić, można podejrzeć kod źródłowy strony. W systemie Windows najczęściej robi się to za pomocą kombinacji klawiszy Ctrl+U. Jak dodać opis strony HTML? Aby dodać opis strony, który może pojawić się potem w wynikach wyszukiwania np. Google, trzeba w dowolnym miejscu nagłówka strony - tzn. wewnątrz elementu <head>...</head> - wstawić np. następujący znacznik: <meta name="description" content="Tu podaj opis twojej strony">. Należy jednak przy tym pamiętać, że w pliku *.html...
- Dla nauczycieli / Scenariusz lekcji informatyki dla szkoły podstawowej
...przynajmniej 3 znaczników formatowania tekstu. Lekcja 2 - Wstawianie obrazków i linków Czas trwania: 45 minut Cele szczegółowe Uczeń potrafi dodać obrazek i utworzyć odsyłacz. Rozumie znaczenie atrybutów src="...", href="...", alt="...". Materiały Wstawienie obrazka HTML Wyśrodkowanie obrazka Odsyłacz do podstrony Odsyłacz do adresu internetowego Odsyłacz obrazkowy Odsyłacz pocztowy Podcast HTML: #1 HTML dla zielonych Przebieg 5 min - Powtórzenie z poprzednich zajęć...
- Tło CSS / Tło obrazkowe {background-image}
...background-image i podać ścieżkę dostępu do obrazka jako wartość. Na przykład: "background-image: url('sciezka/do/obrazka.jpg')". Jak dodać tło do zdjęcia? Aby dodać tło do zdjęcia z elementami przezroczystymi w CSS, można jednocześnie użyć właściwości background-image do ustawienia obrazka jako tła oraz background-color do określenia koloru tła. Na przykład, jeśli obrazek ma format GIF lub PNG z elementami przezroczystymi i chcesz dodać kolor tła, możesz użyć...
Ochrona strony...się również inne znaczniki (<meta>, <title>...</title> itp.). Nie można zapomnieć o deklaracji DTD. Nic nie stoi również na przeszkodzie, aby dodać atrybuty do znacznika BODY, określające np. kolor tekstu i tła strony. Ważne jest jedynie, aby skrypt został wstawiony w ramy dokumentu tak jak pokazano. Podsumowanie Niestety takie rozwiązania zwykle nie są idealne i zawsze znajdzie się droga, aby je obejść. Mogą one natomiast utrudnić życie początkującym "hakerom". Powtarzam jeszcze raz...
- Tabele HTML / Struktura tabeli HTML <table, tr, td>
...Otrzymamy: komórka1 komórka2 komórka3 komórka4 Jak widać, taka tabela nie ma obramowania, dlatego jest mało czytelna. O tym, jak dodać obramowanie do tabeli, możesz przeczytać w sekcji CSS. Dla większej czytelności kodu można umieścić każdy znacznik <td> w nowej linii. Jest to przydatne zwłaszcza w przypadku dość obszernej treści w komórkach. Powyższa tabela jest równoznacza z: <table> <tr> <td>komórka1</td> <td>komórka2</td> </tr> <tr> <td>komórka3</td>...