Udostępnij za pośrednictwem

  • Artykuł

          

Encyklopedia: Jakie elementy są liniowe - Kurs HTML i CSS Udostępnij na: Facebook

Autor: Mateusz Mikulski

Opublikowano: 2011-10-26

Język HTML, na stronach internetowych, w obecnej formie odpowiada jedynie za semantykę dokumentu. Co za tym idzie, zostały w nim wydzielone elementy, pozwalające na logiczne określenie układu treści w dokumencie. Tego typu elementy dzielimy na blokowe oraz liniowe

  • elementy liniowe – to elementy, wplecione w tekst (np. odnośniki). W jednej linii może występować kilka elementów liniowych, nie mogą one natomiast zawierać w sobie elementów blokowych.

Przykład

Elementami liniowymi są głównie elementy, obejmujące semantykę danego tekstu :

  • <strong></strong> – znacznik używany do mocnego wyróżnienia tekstu,
  • <em></em> – znacznik używany do wyróżnienia tekstu,
  • <sub></sub> – znacznik używany do oznaczenia dolnego indeksu,
  • <sup></sup> – znacznik używany do oznaczenia górnego indeksu,
  • <del></del> – znacznik używany do oznaczenia usuniętego tekstu,
  • <abbr></abbr> – znacznik używany do oznaczenia skrótu,
  • <acronym></acronym> – znacznik używany do oznaczenia akronimu,
  • <cite></cite> – znacznik używany do oznaczenia cytatu,
  • <dfn></dfn> – znacznik używany do oznaczenia definicji,
  • <samp></samp> – znacznik używany do oznaczenia przykładowego kodu,
  • <code></code> – znacznik używany do oznaczania fragmentu kodu,
  • <var></var> – znacznik używany do oznaczenia zmiennej,
  • <kbd></kbd> – znacznik używany do oznaczenia części tekstu, wprowadzanego przez użytkownika.

Przykładowe zastosowanie powyższych znaczników prezentuje poniższy kod. Jego wynik został zaprezentowany na Rys. 1.

<html>
<head>
    <title>Jakie elementy są liniowe</title>
</head>
<body>
    To jest poprawnie sformatowany <strong>bardzo ważny</strong> element!<br />
    To jest poprawnie sformatowany element <em>podkreślający</em> jakąś myśl<br />
    To jest poprawnie sformatowany <sub>indeks dolny</sub><br />
    To jest poprawnie sformatowany <sup>indeks górny</sup><br />
    To jest poprawnie sformatowany <del>usunięty fragment tekstu</del><br />
    To jest poprawnie sformatowany <abbr>skrót</abbr><br />
    To jest poprawnie sformatowany <acronym>akronim</acronym><br />
    To jest poprawnie sformatowany <cite>cytat</cite><br />
    To jest poprawnie sformatowana <dfn>część definicji</dfn><br /> 
    To jest poprawnie sformatowany przykładowy <samp>Kod</samp><br />
    To jest poprawnie sformatowana część <code>kodu</code><br />
    To jest poprawnie sformatowana <var>zmienna</var><br />
    To jest poprawnie sformatowany element <kbd>który powinien wprowadzić     użytkownik</kbd>
</body>
</html>

Rys. 1. Elementy liniowe.

Elementem liniowym jest również znacznik <span>, który służy do grupowania elementów liniowych. Dzięki niemu możemy grupować elementy, wobec których nie ma możliwości zastosowania żadnego z powyższych znaczników.

Sprawdź

Praktyczne przykłady

Zobacz, jak praktycznie wykorzystać elementy blokowe w samouczkach: