Witryny aplikacji internetowych - Podstawowe znaczniki HTML
1. <br /> - przejście do nowej linii
2. <p> - akapit strony (zamknięcie: </p>)
3. <b> - pogrubienie tekstu (zamknięcie: </b>)
4. <i> - tekst napisany kursywą (zamknięcie: </i>)
5. <u> - tekst podkreślony (zamknięcie: </u>)
6. Formatowanie tekstu (<font>) (zamknięcie: </font>)
7. <em> - wyróżnienie zwykłe tekstu (emfaza) (zamknięcie: </em>)
8. <strong> - mocne wyróżnienie tekstu (zamknięcie: </strong>)
9. Nagłówek (od h1 - największy, do h6 - najmniejszy z możliwych)
<h1>tytuł1</h1><br />
<h2>tytuł2</h2><br />
.....
<h6>tytuł6</h6><br />
10. Cytat krótki i długi
<cite>Płucek</cite>
powiedział
<q>To jest mój blog!</q>
11. <hr> - oddzielenie poziomą linią
12. <!--komentarz--> - komentarz
13. Index górny
<p>zwykły tekst<sup>indeks górny</sup></p>
14. Indeks dolny
<p>tekst zwykły<sub>indeks dolny</sub></p>
15. Wstawianie grafiki
<img src= "grafika/logo_AIO.jpg" alt="Płuckowatość" />
16. Odnośniki
<a href="https://www.efortuna.pl/" title="Raj dla skarbnika" target="_blank">Gdzie znowu stracimy hajsy?</a>
UWAGA!
a href="https://www.efortuna.pl/" - strona, do której mamy zostać przekierowani
title="Raj dla skarbnika" - tytuł w dymku (gdy najedziemy kursorem)
target="_blank">Gdzie znowu stracimy hajsy? - Tekst do wyświetlenia na stronie (gdy na niego klikniemy przeniesie nas na daną stronę)
17. Kotwica (przeniesienie na daną część strony)
<a href="#kotwica">Skok do kotwicy</a>
18. Wykazy (listy):
<body>
<ol type="a"> // , gdzie "a" to atrybut odpowiedzialny za listę numerowaną
<li>Przekładamy</li>
<li>Uciekamy z lekcji</li>
</ol>
<ul> // lista nienumerowana
<li>Znowu przekładamy</li>
<li>Sroka znowu pijany</li>
</ul>
</body>
Lista numerowana to np. kolejno podpunkty: a) b) c) , 1) 2) 3) , I) II) III) itp.
Lista nienumerowana - podpunkty od "kropek"
19. Przykład formatowania przy pomocy stylów:
<ol style= "list-style-type: upper-roman">
,gdzie: list-style-type - atrybut stylu
upper-roman - wartość atrybutu stylu
20. Tworzenie tabeli znajdziesz w tym miejscu
2. <p> - akapit strony (zamknięcie: </p>)
3. <b> - pogrubienie tekstu (zamknięcie: </b>)
4. <i> - tekst napisany kursywą (zamknięcie: </i>)
5. <u> - tekst podkreślony (zamknięcie: </u>)
6. Formatowanie tekstu (<font>) (zamknięcie: </font>)
- zmiana rodzaju czcionki: <font face="Times New Roman">Jakiś tam tekst</font>
- zmiana wielkości czcionki, koloru, oraz jej rodzaju:
7. <em> - wyróżnienie zwykłe tekstu (emfaza) (zamknięcie: </em>)
8. <strong> - mocne wyróżnienie tekstu (zamknięcie: </strong>)
9. Nagłówek (od h1 - największy, do h6 - najmniejszy z możliwych)
<h1>tytuł1</h1><br />
<h2>tytuł2</h2><br />
.....
<h6>tytuł6</h6><br />
10. Cytat krótki i długi
<cite>Płucek</cite>
powiedział
<q>To jest mój blog!</q>
11. <hr> - oddzielenie poziomą linią
12. <!--komentarz--> - komentarz
13. Index górny
<p>zwykły tekst<sup>indeks górny</sup></p>
14. Indeks dolny
<p>tekst zwykły<sub>indeks dolny</sub></p>
15. Wstawianie grafiki
<img src= "grafika/logo_AIO.jpg" alt="Płuckowatość" />
16. Odnośniki
<a href="https://www.efortuna.pl/" title="Raj dla skarbnika" target="_blank">Gdzie znowu stracimy hajsy?</a>
UWAGA!
a href="https://www.efortuna.pl/" - strona, do której mamy zostać przekierowani
title="Raj dla skarbnika" - tytuł w dymku (gdy najedziemy kursorem)
target="_blank">Gdzie znowu stracimy hajsy? - Tekst do wyświetlenia na stronie (gdy na niego klikniemy przeniesie nas na daną stronę)
17. Kotwica (przeniesienie na daną część strony)
<a href="#kotwica">Skok do kotwicy</a>
18. Wykazy (listy):
<body>
<ol type="a"> // , gdzie "a" to atrybut odpowiedzialny za listę numerowaną
<li>Przekładamy</li>
<li>Uciekamy z lekcji</li>
</ol>
<ul> // lista nienumerowana
<li>Znowu przekładamy</li>
<li>Sroka znowu pijany</li>
</ul>
</body>
Lista numerowana to np. kolejno podpunkty: a) b) c) , 1) 2) 3) , I) II) III) itp.
Lista nienumerowana - podpunkty od "kropek"
19. Przykład formatowania przy pomocy stylów:
<ol style= "list-style-type: upper-roman">
,gdzie: list-style-type - atrybut stylu
upper-roman - wartość atrybutu stylu
20. Tworzenie tabeli znajdziesz w tym miejscu