Elementy liniowe
Część sekcji Podstawy ścieżki HTML w Coddy. Lekcja 26 z 60.
Co zrobić, jeśli mamy zdanie i chcemy wyróżnić tylko jedno słowo lub jego niewielką część? Możemy użyć tagu <span>! Pozwala nam zastosować style lub wprowadzić zmiany tylko w określonej części tekstu, nie wpływając na pozostałą część.
Oto podstawowa składnia użycia elementu span w HTML:
<span>This is some text.</span>Oto przykład użycia znaczników span do wyróżnienia fragmentu tekstu w akapicie:
<p>This is a <span style="color: blue;">blue</span> word.</p>W tym przykładzie słowo „blue” zostanie wyświetlone na niebiesko.
O atrybucie style nauczymy się później!
Wyzwanie
ŁatwyMając dokument HTML z akapitem. Twoim zadaniem jest użyć tagu <span>, aby objąć nim tekst "qwerty12345".
Spróbuj swoich sił
<!DOCTYPE html>
<html>
<body>
<!-- Wpisz kod tutaj -->
<p>The secret password is qwerty12345.</p>
</body>
</html>
Sprawdź sięTa lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.
Wszystkie lekcje w sekcji Podstawy
1Podstawy HTML
Czym jest HTML?Podstawowa struktura dokumentu HTMLTagi i elementyZagnieżdżanie i zamykanie tagówKomentarze w HTML7Strona profilu osobistego
Omówienie projektuSekcja nagłówka
Zdjęcie profiloweSekcja „O mnie”Linki do mediów społecznościowych2Tekst i formatowanie
NagłówkiAkapityPodziały wierszaTekst pogrubiony i pochylonyPonownie: tekst pogrubiony i pochylonyPodsumowanie — formatowanie8Formularze i pola wejściowe, część 1
Podstawy formularzyPola tekstoweAtrybuty pólPole hasłaEtykiety pólPodsumowanie – podstawowy formularz11Strona rejestracji na wydarzenie
Przegląd projektuSekcja nagłówkaSekcja szczegółów wydarzeniaFormularz rejestracyjnySekcja stopki6Układ strony
Elementy blokoweElementy linioweZnaczniki semantyczneSekcje i artykułyPodsumowanie — układ9Formularze i pola wejściowe, część 2
Przyciski opcjiPola wyboruListy rozwijanePrzyciskiPrzyciski w formularzachPowtórzenie — formularze nr 1Powtórzenie — formularze nr 2Poćwicz samodzielnie: Edytor online Web