wstawienie - Kurs HTML i CSS
HTML dla zielonych / Wyśrodkowanie obrazka HTML <div "center", img src alt>...i odpowiedzi <div "center", img src alt> Jak wycentrować zdjęcie HTML? Najłatwiejszym sposobem umieszczenia obrazka na środku strony jest wstawienie go wewnątrz znacznika z ustawionym atrybutem o odpowiedniej wartości: <div style="text-align: center"><img src="obrazek.jpg" alt="Tu wpisz krótki opis obrazka"></div>. Jak wyśrodkować obraz i tekst HTML? W tym celu zarówno obrazek jak i tekst można umieścić wewnątrz znacznika z ustawionym atrybutem o odpowiedniej wartości: <div...
- Formularze HTML / Pole wyboru <input "checkbox">
Spis treści <input "checkbox"> Pole wyboru <input "checkbox"> Domyślne zaznaczenie pola <input "checkbox" checked> Blokada pola <input "checkbox" disabled> Etykieta <label> Klawisz skrótu <input "checkbox" accesskey> Dynamiczne blokowanie pól formularza Pole wyboru <input "checkbox"> <form action="..."> <input type="checkbox" name="nazwa" value="wartość">Tu wpisz opis pola </form> gdzie jako "nazwa" należy wpisać nazwę danego pola (np. skróconą treść pytania), która nie powinna być...
Aktywne przyciski / Animowane przyciski...zmieniają swój wygląd, co sugeruje użytkownikowi, że kliknięcie wywoła jakąś akcję (najczęściej przeniesienie do innej strony). Wbrew pozorom wstawienie takich przycisków na własną stronę, wcale nie jest takie trudne. Wymagana wiedza: Odsyłacze obrazkowe (podstawowe) Aby wprowadzić na stronę zwykłe przyciski (nieaktywne), które nie zmieniają wyglądu, wystarczy skorzystać z odsyłaczy obrazkowych.
- 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.
- HTML dla zielonych / Odsyłacz do podstrony HTML <a href>
(w obrębie tego samego serwisu) Praktycznie na każdej stronie WWW spotyka się odsyłacze (inaczej: odnośniki lub hiperłącza). Najczęściej stanowi je specjalnie wyróżniony krótki tekst (lub obrazek), po kliknięciu którego, następuje przeniesienie do innej strony. Tak jak każda książka składa się z rozdziałów, tak samo serwisy internetowe składają się zwykle z podstron. Każda podstrona jest osobnym plikiem HTML (z rozszerzeniem *.html lub *.htm) i zawiera treść, która dość znacznie różni się...
- Tekst HTML / Blok cytowany <blockquote>
...understanding.</p> </blockquote> Pytania i odpowiedzi <blockquote> Co to BLOCKQUOTE w HTML? Jest to element (znacznik) odpowiedzialny za wstawienie bloku z cytatem. Jak zrobić cytat w HTML? Aby wstawić dłuższy cytat w postaci osobnego akapitu lub kilku akapitów, należy umieścić go wewnątrz znacznika <blockquote>...</blockquote>. Natomiast do umieszczenia krótkiego cytatu w postaci jednego lub kilku zdań mieszczących się w tym samym akapicie co reszta tekstu, trzeba użyć...
- Menu rozwijane, otwierane, wysuwane / Skrypt menu rozwijanego, otwieranego, wysuwanego
...nagłówka</a>. Można też wstawić normalny odsyłacz, prowadzący do wybranego dokumentu, jednak wtedy w docelowym dokumencie należy zadbać o wstawienie takiego samego układu menu, ponieważ inaczej nigdy nie będzie dostępu do linków znajdujących się w tej sekcji menu (po kliknięciu menu nie zdąży się rozwinąć, ponieważ natychmiast zostanie wczytana nowa strona - musi zostać rozwinięte na starcie po wczytaniu nowej strony). Zwracam uwagę, że w takim przypadku nie będzie możliwości...
- Tekst HTML / Kod poprawny semantycznie
...marginesie: wiele osób próbuje oszukać wyszukiwarki, umieszczając na stronie tytuły w taki sposób: <h1><font size="1">...</font></h1>. Powoduje to wstawienie tytułu pierwszego rzędu (czyli najważniejszego dla wyszukiwarek) miniaturową czcionką. W tym przypadku efekt jednak może być odwrotny, ponieważ wyszukiwarki już dawno uodporniły się na takie sztuczki. W skrajnym przypadku taka strona może zostać zupełnie usunięta z wyszukiwarki! Podsumowanie Zrozumienie istoty poprawności semantycznej...
- Widżety HTML / Szablon strony bez ramek
Spis treści Wstęp Szablon PHP Szablon SSI Wstęp Załóżmy, że Twój serwis składa się z kilkudziesięciu podstron. Na każdej podstronie trzeba będzie wstawić jakieś powtarzające się elementy, jak np. nagłówek, menu nawigacyjne, stopka itd. W każdym pliku podstrony trzeba za każdym razem powtórzyć te elementy. Wyobraź sobie teraz, że chcesz dodać do menu nowy link. Aby to zrobić, musisz otworzyć osobno każdy dokument i ręcznie dodać tam link. Oczywiście jest to ogromnie niewygodne, do tego...
Oprawa graficzna / Zamiennik obrazkowy...osób niewidomych, ale również dla robotów indeksujących wyszukiwarek internetowych, co niekorzystanie odbije się na popularności witryny. Poza tym wstawienie pustego elementu uniemożliwia przygotowanie skórki, która w tym miejscu nie będzie miała żadnej grafiki, a jedynie zwykły tekst. Lepszym rozwiązaniem będzie wstawianie normalnego tekstu, a następnie ukrycie go i zastąpienie tłem graficznym. Technika ta nazywana jest zamiennikiem obrazkowym (ang. image replacement) i jest powszechnie...