Powrót do strony głównej.

Powrót do moje lekcje programowania.

Sekcja 4: HTML|Podstawy.

Sekcja 4 na Udemy

Spis treści:

10. Podstawowy wygląd dokumentu

Spis treści.
Kurs Programowania - Lekcja 10
lekcja 10 na Udemy
                            
                                <html>
                                    <head>
                                        informacje o stronie internetowej
                                        <title>
                                        tytuł strony internetowej - widziny w karcie strony
                                        </title>
                                    </head>
                                    <body>
                                        zawartość strony internetowaj
                                    </body>
                                </html>
                            
                        

11. Poprawne zagnieżdżanie tagów | WAŻNY skrót do szybkiego owijania tagów - 29.09.2022

Spis treści.
Kurs Programowania - Lekcja 11
lekcja 11 na Udemy
Jakiś przykładowy tekst.
                                
                                    <b><i>Jakiś przykładowy tekst.</i></b>
                                
                            

12. Tworzenie akapitów <p> | białe znaki - 29.09.2022

Spis treści.
Lekcja 12
Kurs Programowania - Lekcja 12
lekcja 12 na Udemy

Kurs jest podzielony na 48 sekcji. Jak widzisz jest on ogromny! Z tego powodu warto byś przeczytał na spokojnie ten artykuł, abyś miał ogólne pojęcie co i gdzie znajduje się w kursie. Swoją drogą... staram się mówić wolno i wyraźnie.

Przez pierwsze 10 sekcji będziesz poznawał fundamenty języka HTML, a w 11 fundamenty CSS tzn. dowiesz się czym są, jakie są oraz jak korzystać z tagów HTML/selektorów CSS. Te sekcje możesz traktować bardziej jako pewnego rodzaju słownik do którego zaglądasz, gdy czegoś nie pamiętasz. Chyba, że jest to Twoja pierwsza styczność z HTML -> wtedy te lekcje bardzo dużo Ci pomogą. Pamiętaj, że ja prowadzę kursy w zdecydowanie inny sposób. Gdy poznasz fundamenty ze mną to zostaną one z Tobą na długo. Co więcej będziesz potrafił korzystać z tych wiadomości w sprawniejszy i bezbłędny sposób. Fundamenty jak to fundamenty najczęściej są dosyć nudne, aczkolwiek staram się jak mogę umilić Ci ten czas :-)

Warto więc byś nie pomijał tych lekcji. Aczkolwiek jeśli wiesz już czym jest HTML i CSS to możesz przeskoczyć od razu do sekcji 13 i 14. Jeśli jednak nie będziesz czegoś w tych sekcjach rozumiał to warto byś powrócił do podstaw i przerobił je dokładnie.

                                

                                
                            

13. Tag pusty vs tag z początkiem i zakończeniem <br> - 3.10.2022

Spis treści.
Kurs Programowania - Lekcja 13
lekcja 13 na Udemy
Lekcja 13

Samuel Sokołowski stan: zajęty stan cywilny: kawaler


Samuel Sokołowski

stan: zajęty

stan cywilny: kawaler


Samuel Sokołowski
stan: zajęty
stan cywilny: kawaler

                                
                                    <p>
                                        Samuel Sokołowski
                                        stan: zajęty
                                        stan cywilny: kawaler
                                    </p>
                            
<p>Samuel Sokołowski</p> <p>stan: zajęty</p> <p>stan cywilny: kawaler</p>
<p> Samuel Sokołowski<br> stan: zajęty<br> stan cywilny: kawaler<br> </p>


14. Czym są atrybuty? Atrybut 'title' i 'lang' - 6.10.2022

Spis treści.
Kurs Programowania - Lekcja 14
lekcja 14 na Udemy
Lekcja 14
p[title="od 2017"]*3
                            
                                <p title="od 2017"></p>
                                <p title="od 2017"></p>
                                <p title="od 2017"></p>



                                <html lang="pl">
                                    <head>
                                        <title>Obrazki z kotkami</title>
                                    </head>
                                    <body>
                                        <p>
                                            Samuel Sokołowski <br>
                                            stan cywilny: <b title="od 2017">żonaty</b>
                                        </p>
                                
                                        <p> 1) Czym jest atrybuty? <br>
                                            2) Atrybut title <br>
                                            3) Atrybur lang <br>
                                            4) Skrót dodający atrybut z pomocą Emmet</p>
                                    </body>
                                </html>
                            
                        

15. Neutralny tag - span

Spis treści.
Kurs Programowania - Lekcja 15
lekcja 15 na Udemy
Lekcja 15
                            
                                <html lang="pl">
                                    <head>
                                        <title>Obrazki ze śmiesznymi kotkami</title>
                                    </head>
                                    <body>
                                        <p>Arkadiusz Włodarczyk <br>
                                            stan cywilny: <span title="od 2017">żonaty</span>
                                        </p>
                                        <p>
                                            1) Czym jest atrybut span?
                                        </p>
                                    </body>
                                </html>
                            
                        

16. Instalowanie rozszerzeń w VSC: Auto Rename Tag

Spis treści.
Kurs Programowania - Lekcja 16
lekcja 16 na Udemy

17. Spis rozszerzeń używanych w kursie

Spis treści.
Kurs Programowania - Lekcja 17
lekcja 17 na Udemy
HTML:

Lekcja 16: Auto Rename Tag

Lekcja 27: Live Server

CSS:

Lekcja 63:

HTML CSS Support

CSS PEAK

JavaScript:

ESLint - podpowiedzi odnośnie kodu

Bracket Pair Colorizer - by nie pogubić się z klamrami ^^

Edytor:

Lekcja 30: vscode-icons

Prettier - automatyczne upiększanie kodu

18. Atrybut 'style' - zmiana koloru tła strony - teoria kolorów - WAŻNA LEKCJA

Spis treści.
Kurs Programowania - Lekcja 18
lekcja 18 na Udemy
Lekcja 18
                            
                                
                            
                        

19. Dodawanie zdjęcia na stronę <img>

Spis treści.
Kurs Programowania - Lekcja 19
lekcja 19 na Udemy
Lekcja 19
Dłonie zbierające energie
                            
<img src="../../kurs_tworzenia_stron_WWW_w_HTML_i_CSS/zdjęcia/dlonie_zbierajace_energie.jpg" alt="Dłonie zbierające energie" width="564" height="807">
                            
                        

20. BONUS: Skąd ściągać darmowe zdjęcia na stronę?

Spis treści.
Kurs Programowania - Lekcja 20
lekcja 20 na Udemy

21. Pobieranie szerokości i wysokości zdjęcia do edytora szybkim skrótem VSC

Spis treści.
Kurs Programowania - Lekcja 21
lekcja 21 na Udemy

22. Jak stworzyć ścieżkę do pliku znajdującego się w innym folderze?

Spis treści.
Kurs Programowania - Lekcja 22
lekcja 22 na Udemy