zrobić html - Kurs HTML i CSS
HTML dla zielonych / Akapit HTML <p "text-align">...justowanie, czyli wyrównanie do obu marginesów jednocześnie (style="text-align: justify")... Pytania i odpowiedzi <p "text-align"> Jak zrobić akapit w HTML? W tym celu umieść tekst wewnątrz znacznika <p>...</p>. Co to jest paragraf w HTML? Paragraf to inna nazwa akapitu - czyli pewnego oddzielnego wizualnie i tematycznie fragmentu dłuższego tekstu. Tę nazwę stosuje się jednak raczej w stosunku do przepisów prawnych, a nie do zwykłego tekstu. Jak wyśrodkować tekst...
- I co dalej... / Wysłanie strony
...Wstęp Total Commander Eksplorator plików Wstęp Teraz kiedy masz już założone konto, możesz przystąpić do wprowadzania strony na serwer. Aby to zrobić, musisz się zaopatrzyć w dowolny program klient FTP Uwaga! Niektóre serwery nie oferują możliwości kopiowania plików przez program FTP. W takim przypadku musisz dokładniej zaznajomić się z opisem przesłania strony, znajdującym się na danym serwerze. Programy FTP są bardzo często wbudowane w edytory HTML czy w przeglądarki internetowe...
CSS dla zielonych / Ramki z tekstem CSS {background-color, padding, padding-top, padding-bottom, padding-left, padding-right, border-width, border-style, border-color, border-radius}...z tekstem. W tym celu wystarczy w arkuszu stylów zdefiniować każda klasę z inną nazwą. Pytania i odpowiedzi {border-style, background-color} Jak zrobić obramowanie tekstu w CSS? Aby obramować tekst, musimy wykonać dwa kroki. Najpierw w arkuszu stylów CSS wstawiamy następujący kod: .obramowanie { border-style: solid; } - zwracam uwagę, że na początku tego kodu znajduje się znak kropki, a po nim nie może być spacji! Następnie w kodzie HTML wystarczy objąć znacznikiem wybrany tekst: <div...
- CSS dla zielonych / Wstawienie arkusza stylów CSS <link "stylesheet">
...że w pliku *.html może się znajdować tylko jeden znacznik nagłówka dokumentu. Zatem nie tworzymy nowego, tylko używamy już istniejącego! Jak zrobić zewnętrzny CSS? Zewnętrzny arkusz stylów można utworzyć przy pomocy dowolnego edytora CSS albo jeszcze lepiej przy pomocy edytora HTML z wbudowaną obsługą również języka CSS. Arkusz stylów zapisujemy na dysku w pliku z rozszerzeniem *.css, a następnie możemy go dołączyć do dokumentu HTML za pomocą odpowiedniego znacznika w sekcji...
- HTML dla zielonych / Gotowiec HTML
...oferuje darmowo gotowe projekty graficzne witryn. Zawierają one całą strukturę dokumentu oraz wszystkie potrzebne grafiki. Jedyne co trzeba zrobić samodzielnie, to uzupełnić szablon własnym tekstem w odpowiednich miejscach. Jeśli nie masz zatem pomysłu na projekt graficzny swojego serwisu, radzę poszukać ciekawego szablonu w sieci. Dzięki temu Twoja strona na pewno nie będzie "straszyła" internautów 😉 Jeżeli nie chcesz korzystać z gotowych rozwiązań, przy tworzeniu własnego...
- HTML5 / Napisy do filmów <track>
...Twój system operacyjny. Zwróć przy tym uwagę tylko na dwie bardzo ważne kwestie: Nazwa pliku musi mieć rozszerzenie *.vtt, a nie *.vtt.txt. Aby to zrobić w Notatniku, w oknie zapisywania pliku wybierz opcję: "Zapisz jako typ: Wszystkie pliki", a następnie wpisz pełną nazwę (np. napisy.vtt). Plik napisów musi być zapisany przy użyciu kodowania znaków UTF-8 - nieważne przy użyciu jakiej strony kodowej został utworzony dokument HTML, w którym jest wstawiony odtwarzacz wideo z dołączonymi tymi...
- Nagłówek i treść HTML / Strona kanoniczna <link "canonical">
...dokumentu. Istnieje jednak możliwość jasnego wskazania robotowi wyszukiwarki, która wersja strony jest tą podstawową - stroną kanoniczną. Aby to zrobić, na każdej wersji takiej strony, która różni się adresem URL od wersji podstawowej, należy podać bezpośredni adres prowadzący do wersji kanonicznej: <head> <link rel="canonical" href="adres strony podstawowej"> </head> gdzie jako "adres strony podstawowej" należy podać bezwzględny adres strony (rozpoczynający się od http:// lub...
- HTML5 / Załącznik <figure, figcaption>
...<figure> <p>Język HTML5 upraszcza deklarowanie strony kodowej dokumentu. Na <a href="#listing1">przykładzie 1</a> możemy się przekonać, jak to zrobić.</p> <figure id="listing1"> <pre><code> <meta charset="UTF-8"> </code></pre> </figure> <p>Krótszą formę ma również deklaracja typu dokumentu.</p> Warto zwrócić uwagę, że gdyby tekst akapitu był sformułowany w inny sposób, użycie znacznika FIGURE mogłoby być raczej niewłaściwe: <p>Język HTML5 upraszcza deklarowanie strony kodowej...
Galeria zdjęć HTML / Skrypt galerii zdjęć...na stronie wstaw znaczniki odnośników i obrazków - podobnie jak się to robi w klasycznej galerii zdjęć. Jedyną zmianą, którą musisz dodatkowo zrobić, to do znaczników odsyłaczy z powiększonymi zdjęciami dodaj atrybut data-gallery. Na przykład: <a data-gallery href="zdjecie1.jpg"><img src="miniatura1.jpg" border="0"></a> <a data-gallery href="zdjecie2.jpg"><img src="miniatura2.jpg" border="0"></a> <a data-gallery href="zdjecie3.jpg" title="Opis"><img src="miniatura3.jpg...
- Nagłówek i treść HTML / Strona mobilna <link media>
...initial-scale=1.0">. Ten tag umożliwia przeglądarce odpowiednie skalowanie i dostosowanie widoku do szerokości ekranu urządzenia. Jak zrobić stronę mobilną? Aby zrobić stronę mobilną, można użyć znacznika <link> z atrybutem media="..." do wskazania adresu strony dedykowanej urządzeniom mobilnym. Przykład: <link rel="alternate" media="only screen and (max-width: 600px)" href="https://m.example.com/">. Ten link informuje przeglądarkę o istnieniu alternatywnej wersji strony...