Jak umieścić tekst na stronie internetowej? - Kurs HTML i CSS
HTML dla zielonych / Odsyłacz do podstrony HTML <a href>...Aby umożliwić użytkownikowi swobodne przechodzenie pomiędzy podstronami naszego serwisu, trzeba je w jakiś sposób połączyć między sobą. Należy umieścić w wybranym miejscu odsyłacze do wszystkich podstron. Zwykle przeznacza się na to osobną stronę, która stanowi spis treści i zawiera ułożone kolejno odsyłacze do wszystkich podstron serwisu. Składnia odsyłacza do podstrony (w obrębie tego samego serwisu) jest następująca: <a href="względna ścieżka dostępu do podstrony">opis odsyłacza</a>...
- Tekst / Przekreślenie <s>
...Jak skreślić tekst HTML? Domyślnie tekst na stronie internetowej jest napisany zwykłą czcionką. Aby skreślić fragment tekstu, wystarczy umieścić go wewnątrz znacznika <s>...</s>. W ten sposób często oznacza się treść, która jest już nieaktualna albo przestała być istotna.
- HTML dla zielonych / Jak zrobić dobrą stronę HTML
...Pamiętaj, że to właśnie grafika najbardziej wpływa na szybkość ładowania strony, dlatego ogranicz jej ilość oraz rozmiary. Jeśli już musisz coś umieścić, postaraj się, aby było to naprawdę dobrej jakości. Tworząc samodzielnie obrazy używaj antialiasingu, czyli wygładzania poszarpanych krawędzi. Cechą po której na pierwszy rzut oka można rozpoznać dobrego projektanta jest oszczędne i umiejętne operowanie grafiką, która dobrze komponuje się z wyglądem strony. Przyjrzyj się innym...
HTML dla zielonych / Ćwiczenia...internecie, na których czytelnik będzie mógł znaleźć więcej informacji na opisywany przez Ciebie temat. Jeżeli tworzysz stronę o sobie, możesz tutaj umieścić odnośniki do Twojego profilu w serwisach społecznościowych: Facebook, Twitter, YouTube, LinkedIn itp. Stwórz podstronę o nazwie kontakt.html (nowy plik HTML w edytorze) i umieść do niej odsyłacz na stronie głównej (czyli w pliku index.html). Wstaw na niej odsyłacz pocztowy z Twoim adresem e-mail.
- Tabele / Struktura tabeli HTML <table, tr, td>
...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> <td>komórka4</td> </tr> </table> Oczywiście wcięcia w tekście nie są obowiązkowe, ale zwiększają przejrzystość...
- Multimedia / Obrazek HTML <img>
...dość znaczny, dlatego warto się tym zainteresować. Przed wstawieniem obrazka radzę zastanowić się, czy jest on absolutnie konieczny. Jeżeli chcesz umieścić na swojej stronie grafikę o znacznych rozmiarach, zawsze staraj się wcześniej pokazać miniaturkę, aby użytkownik mógł ocenić, czy chce czekać na załadowanie pełnowymiarowego obrazu (można to zrobić np. za pomocą galerii zdjęć). Przy przeglądaniu większej liczby dużych obrazków, pomocne mogą okazać się galeria lub przeglądarka zdjęć. Dla...
- Multimedia / Osadzenie pliku <embed>
...w którym będzie odtwarzany wskazany plik. Należy pamiętać, że pliki multimedialne mają zwykle duże rozmiary, dlatego najlepiej na początku strony umieścić tekst, a dopiero na końcu polecenie <embed>. W takim przypadku w pierwszej kolejności wczyta się tekst. Polecenie <embed> sprawia wiele kłopotów nawet w przeglądarkach, które je interpretują! Ponadto należy pamiętać, że pliki multimedialne mają zwykle bardzo duże rozmiary, a więc wczytywanie takiej strony w Internecie, może trwać...
- Widżety / Ramki lokalne <iframe>
...przyjąć dla niego kolor tła strony, na której wstawiona jest ramka. Pomiędzy znacznikiem otwierającym <iframe...> a zamykającym </iframe> można umieścić dowolny kod, który wyświetli się tylko w sytuacji, jeśli przeglądarka nie obsługuje ramek lokalnych. Najłatwiej podać po prostu odsyłacz do tej samej strony, którą wczytujemy do ramki. Wtedy użytkownicy niekompatybilnych przeglądarek będą mogli przynajmniej bezpośrednio do niej przejść. Oczywiście zamiast odnośnika można również wstawić...
Wstawianie stylów / Wewnętrzny arkusz stylów <style>...dokumentu HTML. Jak zrobić arkusz stylów CSS? Aby stworzyć arkusz stylów CSS, należy użyć znacznika <style> w sekcji <head> dokumentu HTML lub umieścić styl w zewnętrznym pliku CSS i dołączyć go za pomocą znacznika LINK. Do czego służą arkusze stylów CSS? Arkusze stylów CSS służą do definiowania wyglądu i formatowania elementów HTML, umożliwiając kontrolę nad kolorami tekstu oraz tła, rozmiarami czcionek, marginesami i innymi aspektami prezentacji strony. Który znacznik pozwala...