zmienić tekst html - Kurs HTML i CSS
Dla nauczycieli / Scenariusz lekcji informatyki dla szkoły podstawowej...drugi do adresu e-mail (mailto). Lekcja 3 - Dostosowanie wyglądu strony i podsumowanie Czas trwania: 45 minut Cele szczegółowe Uczeń potrafi zmienić kolor tła, tekstu, czcionkę. Rozumie znaczenie estetyki i dopasowania strony do treści. Materiały Kolor tła oraz tekstu HTML Wielkość i rodzaj czcionki HTML Pozioma linia Podsumowanie Powtórka Quiz i certyfikat Przebieg 10 min - Pokaz: zmiana kolorów tła i tekstu strony, wielkości i rodzaju czcionki, dodanie <hr> - z...
Menu w CSS / Poziome menu...menu są otoczone obramowaniem, takim samym jak dolne obramowanie całej listy, dlatego wyglądają jak zakładki. Dla stanu podświetlenia musimy tylko zmienić kolor tła oraz ustawić taki sam kolor dolnego obramowania odnośnika, dzięki czemu uzyskamy efekt wysunięcia wskazanej zakładki do przodu - przed inne. Podobny efekt z zastosowaniem drugiego sposobu: Czcionki Tekst Tło Marginesy Obramowanie ul, ul li { display: block; list-style: none; margin: 0; padding: 0; } ul...
Menu rozwijane, otwierane, wysuwane / Wygląd menu rozwijanego, otwieranego, wysuwanegoJeżeli nie odpowiada nam podstawowy wygląd menu, można go zmienić wykorzystując polecenia CSS. W tym celu w pliku menu.css należy wkleić np.: #menu0 { width: 200px; margin: 10px; padding: 0; } #menu0 dt { background-color: #888; color: #fff; font-weight: bold; text-align: center; cursor: pointer; margin: 10px 0 0 0; padding: 2px; } #menu0 dd { background-color: #eee; color: #000; border-width: 0 1px 1px 1px; border-style: solid; border-color: #888...
Tekst HTML / Kod poprawny semantycznie...w języku HTML wyróżniamy dwa podstawowe typy elementów określających atrybuty tekstu: Znaczniki formatujące - mają za zadanie tylko i wyłącznie zmienić wygląd tekstu, który obejmują, bez żadnego odniesienia do znaczenia tego tekstu. Są to np.: B (pogrubienie), I (pochylenie), U (podkreślenie), S (przekreślenie), SMALL (czcionka pomniejszona). Użycie tych znaczników gwarantuje, że w każdej sytuacji tekst otrzyma określone formatowanie (wygląd), ale nic nie mówi o charakterze tego...
- Wykaz generatorów
...tak proste i szybkie! Generator META i BODY Bardzo obszerny kreator sekcji META i BODY do automatycznego tworzenia dokumentów HTML. Pozwala np. zmienić kolor suwaków strony. Posiada szereg unikalnych funkcji, niedostępnych nawet w programach komercyjnych! Tester pliku robots.txt Jeśli nie masz pewności co do konstrukcji pliku robots.txt, dobrze jest sprawdzić efekt jeszcze przed wprowadzeniem zmian, ponieważ błąd może skutkować niezamierzonym usunięciem z indeksu wyszukiwarek poważnej...
- Szablon strony na DIV-ach / Stały szablon
...w arkuszu CSS jest ustalenie domyślnego koloru tła oraz kolor tekstu w całym dokumencie. Zawsze trzeba o tym pamiętać, ponieważ użytkownik może zmienić domyślne kolory w swoim systemie operacyjnym, a wtedy przypadkowo możemy uzyskać dość osobliwy efekt kolorystyczny - np. czarny tekst na czarnym tle. Nigdy nie zakładaj, że domyślny kolor tekstu to czarny, a kolor tła - biały! W tym samym miejscu usuwamy wszystkie marginesy strony. Analogicznie postępujemy z marginesem wewnętrznym, aby...
- HTML dla zielonych / Tekst pogrubiony HTML <b>
...i odpowiedzi <b> Jak zrobić pogrubiony tekst? Aby wytłuścić tekst w języku HTML, wystarczy wpisać go wewnątrz znacznika <b>...</b>. Jak zmienić grubość tekstu HTML? Domyślnie tekst na stronie internetowej jest napisany zwykłą czcionką. Aby pogrubić fragment tekstu, wystarczy umieścić go wewnątrz znacznika <b>...</b>, dzięki czemu będzie się on lepiej wyróżniał wizualnie.
- Tabele HTML / Struktura tabeli HTML <table, tr, td>
...HTML domyślnie nie mają obramowania. Z tego powodu mogą nie być zbyt czytelne, ponieważ nie widać granic pomiędzy sąsiadującymi komórkami. Aby to zmienić, wystarczy do znacznika tabeli dodać odpowiedni atrybut: <table border="1">...</table>. Jak wycentrować tabelę? Szerokość tabeli dopasowuje się proporcjonalnie do zawartości jej komórek w taki sposób, aby rozciągnąć się tak bardzo, jak to będzie potrzebne, ale jednocześnie nie przekroczyć dostępnej szerokości strony. Jeśli jednak...
- Menu w CSS / Pionowe menu
...a także zwiększamy szerokość lewego obramowania, uzyskując efekt wysuwania tekstu w prawo. Skoro zmianie uległa szerokość obramowania, musimy zmienić także szerokość bloku odnośnika. Czcionki Tekst Tło Marginesy Obramowanie ul, ul li { display: block; list-style: none; margin: 0; padding: 0; } ul li { width: 190px; padding-left: 10px; background: #797 url("punkt.gif") no-repeat left top; border-width: 1px; border-style: solid; border-color: #dfe #365 #365 #dfe; }...
- Tekst HTML / Wykaz <ul, ol, li>
...się akapit. Jak widać akapit zakończył się przed wykazem, ponieważ ostatnia linijka nie została ustawiona na środku (tak jak pierwsza). Aby to zmienić, należy rozpocząć nowy akapit tuż za wykazem i określić dla niego odpowiednie atrybuty lub ewentualnie zamiast akapitu użyć bloku. Pytania i odpowiedzi <ul, ol, li> Czym się różni tag UL od OL? Element UL tworzy listę nieuporządkowaną (ang. unordered list) w postaci wypunktowania, natomiast UL - listę uporządkowaną (ang. ordered...