html - Kurs HTML i CSS
HTML dla zielonych / Tekst pogrubiony HTML <b><b>Tu wpisz tekst</b> Znacznik ten pozwala pogrubić (wytłuścić) część tekstu (ang. bold), który się wewnątrz niego znajduje. Podobna funkcja jest zwykle dostępna w zwykłych edytorach (np.: WordPad), podczas tworzenia normalnego dokumentu tekstowego. Przykład <b> Po wpisaniu w edytorze HTML następującego kodu: <b>Ten tekst jest pogrubiony (wytłuszczony)</b> na ekranie przeglądarki otrzymamy: Ten tekst jest pogrubiony (wytłuszczony) Pytania i odpowiedzi <b> Jak zrobić pogrubiony tekst...
- HTML dla zielonych / Tekst pochylony HTML <i>
<i>Tu wpisz tekst</i> Pozwala napisać tekst pismem pochylonym, czyli kursywą (ang. italic). Przykład <i> Po wpisaniu w edytorze HTML następującego kodu: <i>Ten tekst jest napisany pismem pochylonym, czyli kursywą</i> na ekranie przeglądarki otrzymamy: Ten tekst jest napisany pismem pochylonym, czyli kursywą Pytania i odpowiedzi <i> Jak zrobić pochyloną czcionkę? Aby w języku HTML napisać tekst kursywą - czyli pismem pochylonym - wystarczy wpisać go wewnątrz znacznika <i>...</i>...
- HTML dla zielonych / Tekst podkreślony HTML <u>
<u>Tu wpisz tekst</u> Pozwala podkreślić fragment tekstu (ang. underline). Przykład <u> Po wpisaniu w edytorze HTML następującego kodu: <u>Ten tekst jest podkreślony</u> na ekranie przeglądarki otrzymamy: Ten tekst jest podkreślony Pytania i odpowiedzi <u> Jak zrobić podkreślony tekst? Aby podkreślić tekst w języku HTML, wystarczy wpisać go wewnątrz znacznika <u>...</u>. Jak dodać podkreślenie HTML? Domyślnie tekst na stronie internetowej jest napisany zwykłą czcionką. Aby...
Nagłówek i treść HTML / Podcast HTMLZanim przejdziesz do właściwej treści tego rozdziału, posłuchaj krótkiego wprowadzenia w formie podcastu: #2 Nagłówek i treść HTML (online). Pomoże Ci to lepiej zrozumieć, czego się nauczysz w tej części kursu: Twórz profesjonalne strony WWW! Kompleksowy przewodnik po strukturze HTML, znaczeniu metatagów, SEO i RWD. Opanuj robots, canonical, viewport i obowiązkowe UTF-8, aby osiągnąć optymalne wyniki w Google. 🔊 Posłuchaj podcastu HTML
- Tekst HTML / Podcast HTML
Zanim przejdziesz do właściwej treści tego rozdziału, posłuchaj krótkiego wprowadzenia w formie podcastu: #3 Tekst HTML (online). Pomoże Ci to lepiej zrozumieć, czego się nauczysz w tej części kursu: Wprowadzenie do tekstu HTML. Poznaj znaczniki blokowe (p, div, h1) i liniowe (b, i). Odkryj, dlaczego kod poprawny semantycznie (używający strong, em, abbr) jest niezbędny dla robotów wyszukiwarek, SEO i syntezatorów mowy. 🔊 Posłuchaj podcastu HTML
- HTML dla zielonych / Ustawienie obrazka HTML <img src alt "float">
<img src="Tu podaj względną ścieżkę dostępu do obrazka" alt="Tu podaj tekst alternatywny" style="float: ustawienie"> gdzie zamiast: "Tu podaj względną ścieżkę dostępu do obrazka" należy podać lokalizację na dysku, gdzie znajduje się żądany obrazek, a w miejsce "Tu podaj tekst alternatywny" wpisuje się krótką informację, która pojawi się w przypadku, kiedy obrazek nie zostanie wyświetlony. Natomiast jako: "ustawienie" należy wpisać: left Obrazek będzie ustawiony po lewej stronie względem...
- Odsyłacze HTML / Podcast HTML
Zanim przejdziesz do właściwej treści tego rozdziału, posłuchaj krótkiego wprowadzenia w formie podcastu: #4 Odsyłacze HTML (online). Pomoże Ci to lepiej zrozumieć, czego się nauczysz w tej części kursu: Odsyłacze HTML (linki, hiperłącza): naucz się tworzyć przejścia do innych stron WWW, etykiety (kotwice), linki pocztowe (mailto), odsyłacze obrazkowe oraz mapy odsyłaczy. Kontroluj SEO, blokując indeksowanie za pomocą rel="nofollow", "ugc" i "sponsored". 🔊 Posłuchaj podcastu HTML
- HTML dla zielonych / Odsyłacz obrazkowy HTML <a href, img src alt "border">
...alternatywny" style="border: 0"></a> gdzie jako "adres" można podać: względną ścieżkę dostępu do dowolnej podstrony Twojego serwisu (np.: index.html), adres internetowy poprzedzony przez "http://" lub "https://" (np.: http://www.onet.pl), adres poczty elektronicznej poprzedzony przez "mailto:" (np.: mailto:jan_kowalski@example.com). Natomiast zamiast: "Tu podaj względną ścieżkę dostępu do obrazka" należy podać lokalizację na dysku, gdzie znajduje się żądany obrazek, a w miejsce "Tu...
- HTML dla zielonych / Tekst przekreślony HTML <s>
<s>Tu wpisz tekst</s> Pozwala przekreślić fragment tekstu (ang. strikethrough). Przykład <s> Po wpisaniu w edytorze HTML następującego kodu: <s>Ten tekst jest przekreślony</s> na ekranie przeglądarki otrzymamy: Ten tekst jest przekreślony Pytania i odpowiedzi <s> Jak zrobić przekreślony tekst? Aby przekreślić tekst w języku HTML, wystarczy wpisać go wewnątrz znacznika <s>...</s>. Jak przekreślić tekst w HTML? Domyślnie tekst na stronie internetowej jest napisany zwykłą czcionką...
- HTML dla zielonych / Pozioma linia HTML <hr>
<hr> Pozwala wstawić na stronie poziomą linię (ang. horizontal rule), za pomocą której np. można rozdzielić sąsiednie grupy akapitów wyraźnie różniące się między sobą tematycznie. UWAGA! Znacznik <hr> nie posiada w języku HTML znacznika zamykającego! Przykład <hr> <p>Akapit...</p> <p>Akapit...</p> <hr> <p>Akapit...</p> <p>Akapit...</p> Pytania i odpowiedzi <hr> Jak napisać poziomą linię w HTML? W celu dodania poziomej linii na stronie WWW należy posłużyć się znacznikiem <hr>. Jak...