strona - Kurs HTML i CSS
HTML dla zielonych / Wpisywanie tekstu HTML...(co, nie wiesz kto to powiedział... ja też nie 🙂), jednak przydatne może okazać się chociaż minimum wiedzy przedstawione tutaj. Ważne, aby Twoja strona nie odstraszała internautów poprzez niepotrzebne błędy, których przecież można bardzo łatwo uniknąć. Jeśli napiszesz swoją stronę internetową "byle jak", może to sugerować, że również informacje na niej zawarte nie są wiarygodne! To wszystko była powtórka, lecz jest coś, czego najczęściej nie uczą w szkole, a co jest niezbędne przy pracy...
- HTML dla zielonych / Akapit HTML <p "text-align">
...można po prostu objąć wybrany fragment tekstu paragrafem. Efekt będzie identyczny, a dodatkowo przeglądarka lepiej wyświetli taki tekst. Dzięki temu strona będzie wyglądała estetyczniej i łatwiej będzie można odszukać na niej interesujące informacje. Akapit (paragraf) jest bardzo ważny w składni HTML, ponieważ pozwala w określony sposób sformatować tekst na ekranie (ułożyć go w podany sposób). Robi się to podając atrybuty znacznika. Atrybut wpisuje się zawsze wewnątrz znacznika otwierającego...
- HTML dla zielonych / Odsyłacz do podstrony HTML <a href>
...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ę tematycznie od pozostałych (tworzy się ją w taki sam sposób jak stronę główną). Taka organizacja ułatwia użytkownikowi nawigację oraz zapobiega niepotrzebnemu wczytywaniu całego serwisu od razu (co trwałoby prawdopodobnie bardzo...
- HTML dla zielonych / Odsyłacz do adresu internetowego HTML <a "http, https">
...powinno to wyglądać np. tak: <a href="https://www.google.pl/">Przejdź do Google</a>. Rzadszą przyczyną może być użycie "https://" podczas gdy strona z odsyłacza obsługuje tylko "http://". Ten pierwszy rodzaj jest bezpieczniejszy dla użytkownika, ponieważ zapewnia szyfrowane połączenie, ale jeśli nie działa, trzeba użyć drugiego typu. Jak otworzyć link w nowej karcie HTML? W tym celu trzeba dodać specjalny atrybut do znacznika odsyłacza: <a target="_blank...
- Nagłówek i treść HTML / Edytor <meta "generator">
...name="generator" content="nazwa edytora"> </head> gdzie jako "nazwa edytora" można wpisać nazwę programu, przy użyciu którego została stworzona strona. Pozwala określić nazwę edytora HTML, który został wykorzystany do utworzenia dokumentu. Przykład <meta "generator"> <meta name="generator" content="MetBod (https://www.kurshtml.edu.pl/generatory/metbod.html)">
- I co dalej... / Podsumowanie
Jeśli chcesz, aby Twoja strona stała się bardziej popularna, zaraz po jej publikacji radzę przeczytać rozdział pt. Promocja strony WWW. Życzę jak największego zainteresowania Twoją stroną wśród wszystkich internautów oraz samych pochlebnych opinii na jej temat Sławomir Kokłowski P.S.: Swoją nową stroną możesz pochwalić się na forum dyskusyjnym i w księdze gości tego serwisu (online). Będzie mi również bardzo miło, jeśli na swojej stronie umieścisz link do mojego kursu www.kurshtml.edu.pl...
- HTML dla zielonych / Jak zrobić dobrą stronę HTML
...że kolorystyka witryny oraz projekt oprawy graficznej to pierwsze rzeczy, na które zwracają uwagę użytkownicy. Jeśli się nie postarasz, Twoja strona już na wstępie będzie mówiła: "Tutaj nie ma nic godnego uwagi, możesz opuścić to miejsce". Większość dobrych stron w Internecie zbudowana jest następująco: na górze znajduje się banner lub logo serwisu, po lewej lub po prawej - menu, a obok - treść strony. Nie znaczy to, że musisz koniecznie podporządkować się takiemu kanonowi, lecz jeżeli...
- Języki / Skróty nazw języków
...Wstęp W tabelach poniżej znajdziesz skróty literowe nazw języków, które mają zastosowanie podczas definiowania języka, w którym napisana jest strona oraz jako wartość atrybutu lang="..." wskazującego język pojedynczego elementu strony. Kody języków mogą być jednoczłonowe lub dwuczłonowe: Pierwszy człon (wymagany), najczęściej pisany małymi literami, zawsze określa język mówiony. Drugi człon (opcjonalny), zwyczajowo pisany wielkimi literami, może wskazywać kraj, terytorium lub...
Menu rozwijane, otwierane, wysuwane / Skrypt menu rozwijanego, otwieranego, wysuwanego...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 bezpośredniego zwinięcia takiej sekcji menu bez wczytania nowej strony. Element... Rozwijane elementy (<dd>...</dd>), przynależące do kolejnych, poprzedzających nagłówków menu (<dt>...</dt>). Tutaj również nie ma...
- Menu drzewiaste / Skrypt menu drzewiastego
...CSS (m.in. arkusze stylów i klasy selektorów) Skrypt menu drzewiastego Aby uzyskać menu drzewiaste, utwórz plik tree.css w tym samym katalogu co strona i zapisz w nim: ul.tree { display: block; margin-left: 0; padding-left: 0; } ul.tree ul { display: block; margin-left: 0; padding-left: 0; margin-top: 0; margin-bottom: 0; } ul.tree li { display: block; list-style-type: none; padding-left: 20px; background-image: url("document.gif"); background-position: left top...