Pierwszy artykuł z serii dla zielonych . W tym wpisie nauczymy się wstawiać odnośnik oraz obrazek na stronę www. Wstawianie linku Wstawienie hiperłącza (linku) na stronę www jest bardzo proste i sprowadza się jedynie do napisania jednej linii kodu, a właściwie tagu HTML a z atrybutami. Atrybutem wymaganym jest href - hypertext reference (adres, pod który ma odsyłać odnośnik). Dodatkowy atrybut to title - tytuł, który wyświetli się po najechaniu na link kursorem. Między tagami <a></a> wpisujemy tzw. anchor text czyli tekst, na który klikamy, aby przejść do strony. Wstawianie linku <a href="https://www.ukodowani.pl" title="Blog programistyczny">Blog programistyczny</a> Powyższy kod da wynik Blog programistyczny Wstawianie obrazka Do wstawiania grafiki na stronę służy tag img z atrybutami src oraz alt . Atrybutem wymaganym jest src - źródło (adres grafiki, którą chcemy wyświetlić). Atrybut alt - zawiera tekst alternatywny, który z
W tym wpisie zajmiemy się odświeżaniem strony z poziomu PHP jak i poprzez odpowiedni tag meta. Zapewne tworząc jakąś stronę HTML nie raz spotkałeś się z tagiem meta refresh . Jak pamiętasz (lub nie) tag ten służy do odświeżania/przekierowania strony z poziomu klienta. W takim razie co zrobić, gdy chcemy takie odświeżenie lub przekierowanie wymusić po stronie serwera? W języku PHP z pomocą przychodzi nam funkcja header , która służy do wysyłania surowych nagłówków HTTP. Funkcja jest prosta w użyciu, a kod odświeżający stronę ogranicza się do jednej linii. My jednak napiszemy własną funkcję, która będzie odświeżała stronę. Nasza funkcja będzie oczywiście oparta o wbudowaną w PHP funkcję header. Odświeżanie strony HTML Aby emulować nagłówki HTTP z poziomu kodu HTML, należy użyć tagu meta http-equiv . Jeśli zatem chcemy odświeżyć lub przekierować stronę z poziomu przeglądarki, tworzymy w sekcji head taki tag: <meta http-equiv="refresh" content="5; url=http://localhost&q
Wbrew pozorom, wycentrowanie strony HTML jest bardzo proste i sprowadza się do zastosowania dodatkowego elementu blokowego, tzw. kontenera wraz z odpowiednią regułą CSS. Kontener jest głównym elementem, w którym umieszczamy całą zawartość strony. W kontenerze umieszczamy właściwą strukturę i treść strony (to co ma zostać wycentrowane musi znajdować się w głównym elemencie div - kontenerze). Następnie musimy dodać reguły CSS dla kontenera, a mianowicie ustawić margines margin:0 auto; oraz stałą szerokość np. width:900px; Przykład: <html> <head> </head> <body> <div class="container"> <!-- tu właściwa treść/szablon --> </div> </body> </html> Reguła CSS kontenera: .container {margin:0 auto;width:900px;} To wszystko, od teraz strona będzie wyświetlała się dokładnie po środku okna przeglądarki. Oczywiście szerokość (width) strony ustawiamy wedle własnych potrzeb.
Komentarze
Publikowanie komentarza