<p>
<p></p> - akapit. Akapit musi stanowić spójny logicznie fragment tekstu, można powiedzieć - nowa myśl, nowy akapit. Jest to blok tekstu, a nie wcięcie pierwszego wiersza z czym jest często mylony.
Przykład kodu
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Deserunt soluta impedit ducimus sunt possimus necessitatibus id quis eveniet quibusdam libero ullam, architecto modi dolorem ipsa maiores enim, vitae facere atque.</p>
<b>
<b></b> - pogrubienie. Element służący do foramatowania tekstu HTML, efektem zastosowania tego elementu, będzie pogrubienie czcionki.
Przykład kodu
<p><b>Lorem ipsum dolor sit amet consectetur,</b> adipisicing elit. Deserunt soluta impedit ducimus sunt possimus necessitatibus id quis eveniet quibusdam libero ullam, architecto modi dolorem ipsa maiores enim, vitae facere atque.</p>
<i>
<i></i> - kursywa. Element służący do foramatowania tekstu HTML, efektem zastosowania tego elementu, będzie pochylenie tekstu.
Przykład kodu
<p><i>Lorem ipsum dolor sit amet consectetur,</i> adipisicing elit. Deserunt soluta impedit ducimus sunt possimus necessitatibus id quis eveniet quibusdam libero ullam, architecto modi dolorem ipsa maiores enim, vitae facere atque.</p>
<u>
<u></u> - podkreślenie. Element służący do foramatowania tekstu HTML, efektem zastosowania tego elementu, będzie podkreślenie tekstu.
Przykład kodu
<p><u>Lorem ipsum dolor sit amet consectetur,</u> adipisicing elit. Deserunt soluta impedit ducimus sunt possimus necessitatibus id quis eveniet quibusdam libero ullam, architecto modi dolorem ipsa maiores enim, vitae facere atque.</p>
<br>
<br> - line break. Powrót karetki, co potocznie możemy nazwać zrobienie nowej linii.
Nie warto używać <br> do zwiększania przerw pomiędzy tekstem, korzystaj z CSS i z właściwości margin.
Przykład kodu
<p>Lorem ipsum dolor sit amet consectetur,<br> adipisicing elit. Deserunt soluta impedit ducimus sunt possimus necessitatibus id quis eveniet quibusdam libero ullam, architecto modi dolorem ipsa maiores enim, vitae facere atque.</p>
<h1> - <h6>
<h1></h1> - <h6></h6> - nagłówki. Nagłówki H1-H6 stosowane są w celu wyróżnienia i uporządkowania poszczególnych części tekstu na stronie internetowej.
Znacznik <h1> jest znacznikiem najwyższego poziomu i oznacza nagłówek pierwszego poziomu, dlatego może być użyty na stronie tylko raz.
Przykład kodu
<h1>H1 Example</h1>
<h2>H2 Example</h2>
<h3>H3 Example</h3>
<h4>H4 Example</h4>
<h5>H5 Example</h5>
<h6>H6 Example</h6>
<img>
<img> - obraz, zdjęcie. Element HTML, za pomocą, którego możemy wstawić obraz / zdjęcie na stronę internetową. Tag <img> reprezentuje zasób internetowy w postaci pliku graficznego typu .png, .jpg, .jpeg, .bmp, .gif, .svg, .apng, .ico, .cur lub .webp.
Atrybuty
src - pozwala nam określić adres obrazka, który chcemy, aby był reprezentowany przez dany element
alt - jest elementem odpowiadającym za wyświetlanie opisu alternatywnego grafiki osadzonej na stronie
Przykład kodu
<img src="img/chopper.webp" alt="chopper">
Hierarchia plików
<ul>, <ol>, <li>
<ul> - unordered list (lista nieuporządkowana). Rodzaj listy w HTML. Elementy listy nieuporządkowanej nie są numerowane.
<ol> - ordered list (lista uporządkowana). Rodzaj listy w HTML. Elementy listy uporządkowanej są numerowane.
<li> - list item (element listy). Podpunkt listy używany w listach <ol> oraz <ul>. Nie powinien występować samodzielnie.
Przykład kodu
<h3>Shopping list</h3>
<ul>
<li>
Meth, 100g
<ol>
<li>Blue</li>
<li>Yellow</li>
<li>Pink</li>
<li>Whatever man</li>
</ol>
</li>
<li>14 kawałków chrupiącego kurczaka</li>
<li>Bebra</li>
</ul>
<a>
<a> - znacznik definiuje hiperłącze (link), które służy do przejścia z jednej strony na drugą lub do określonego miejsca w obrębie tej samej strony.
Atrybuty
href - Określa adres URL strony, do której prowadzi link.
Przykład kodu
<a href="https://www.google.com/">Visit Google!</a>
