stronie - Kurs HTML i CSS
Promocja strony WWW / Odpowiednia treść...zadanie. Jeśli strona będzie martwa i nie będzie na niej aktualizacji, stracisz czytelników. Dobrze jest informować o wprowadzonych zmianach na stronie głównej lub przez e-mail (tylko jeśli użytkownicy wyrażą na to zgodę). Chcę się tylko pochwalić... No tak, stron tego typu jest naprawdę dużo w Internecie, ale ile z nich jest naprawdę popularnych? Zatem zastanów się czy warto umieszczać w sieci króciutką stronę, w której opisujesz wyłącznie własną osobę. Oczywiście nie ma w tym nic...
- Promocja strony WWW / Pozycjonowanie (SEO)
...jednak, że słowa kluczowe nie mogą być oderwane od właściwej treści strony, bo może to zostać uznane za spam. Główną rolę grają słowa kluczowe na stronie głównej (index.html), ale nie należy ich pomijać na pozostałych stronach, bo stanowią one dodatkową szansę na nowe odwiedziny serwisu. Na każdej podstronie wyrazy kluczowe powinny być inne - odpowiednie do treści, która się tam znajduje. Nie należy zbyt często powtarzać jednakowych słów kluczowych na tej samej stronie, bo większość...
- Promocja strony WWW / Bannery i buttony
...bądź nawet kilku systemów wymiany bannerów (adresy znajdziesz w rozdziale: Darmowe komponenty). Taka wymiana polega na tym, że umieszczasz na swojej stronie (albo lepiej na wszystkich podstronach) banner systemowy, który powoduje wyświetlanie reklam innych uczestników systemu, a w zamian za to Twój banner jest wyświetlany na innych stronach. Podstawą oceny przydatności takiego systemu jest tzw. ratio - np. ratio = 2:1 oznacza, że na każde 2 wyświetlenia bannerów systemowych na Twoich stronach...
- Znaki specjalne HTML / Encje HTML
...HTML (znaków specjalnych) możesz sprawdzić tutaj. ✅ Rozpocznij przeglądanie Unicode Znaki specjalne HTML Co zrobić jeśli chcemy umieścić na swojej stronie np. taki tekst: <p>? Niestety ponieważ wyraz ten jest znacznikiem używanym w składni języka HTML, nie jest możliwe wpisanie go po prostu z klawiatury. W takim razie zastanawiasz się na pewno, jak udało mi się go tutaj wpisać. Jeśli jeszcze nie wiesz, spójrz dalej. Znajdziesz tam tabelę z wykazem znaków specjalnych (tzw. encji), których nie...
Wstawianie stylów CSS / Wewnętrzny arkusz stylów <style>...dokumentu (pomiędzy znacznikami <head> a </head>). Można go zastosować, gdy elementy które pragniemy poddać formatowaniu, występują wielokrotnie na stronie i wszystkim chcemy nadać takie same atrybuty (inne niż domyślne). Na przykład chcemy, aby wszystkie wykazy miały automatycznie kolor niebieski. Wystarczy wpisać odpowiednią deklarację stylów w arkuszu (w treści nagłówkowej) i nie trzeba już nic dopisywać przy samym elemencie. Komentarze w arkuszu stylów pisze się używając znaków...
- Selektory pseudoklas CSS / Odsyłacz podstawowy :link
...style i zostaną opisane w dalszych rozdziałach. Polecenie pozwala nadać określone atrybuty formatowania dla wszystkich podstawowych odsyłaczy na stronie czyli takich, które nie zostały jeszcze odwiedzone przez użytkownika. Ponieważ pseudoklasa :link odnosi się tylko do odsyłaczy, w regule stylu można pominąć selektor elementu a: :link { cecha: wartość } Przykład :link Jeżeli nie byłeś jeszcze na stronie głównej organizacji W3C, to ten odsyłacz powinien być pogrubiony. Pytania i...
- Selektory pseudoklas CSS / Łączenie selektorów
...A tutaj jest odsyłacz bez klasy. Taki sposób tworzenia selektora odsyłaczy jest szczególnie przydatny, ponieważ zwykle chcemy część odnośników na stronie wystylizować inaczej, jeżeli chodzi o ich podświetlanie po wskazaniu myszką. Mogą to być np. linki z menu, które powinny wyglądać inaczej niż normalne hiperłącza w tekście. Jeżeli jednak chcemy zmienić wygląd wszystkich odsyłaczy znajdujących się w jednym miejscu - np. w menu serwisu - wygodniej jest użyć następującej reguły...
- Tekst CSS / Wyrównanie tekstu {text-align}
...stylowanie CSS do elementu zawierającego tekst, na przykład używając: <p style="text-align: center">...</p>. Jak napisać tekst po prawej stronie w HTML? Aby napisać tekst po prawej stronie w HTML, możesz umieścić tekst w odpowiednim elemencie, na przykład <p> lub <div>, a następnie użyć CSS do wyrównania go do prawej strony. Na przykład: <p style="text-align: right">...</p>.
- Marginesy CSS / Model pudełkowy CSS
...Co to jest model pudełkowy? Model pudełkowy (box model) to koncept w kontekście Kaskadowych Arkuszy Stylów (CSS), w którym każdy element na stronie jest traktowany jako "pudełko" składające się z treści, marginesów, paddingu i obramowania. Właściwości CSS, takie jak width, height, margin, padding oraz border, wpływają na wymiary i układ tych pudełek, co pozwala na precyzyjne pozycjonowanie i stylizację elementów na stronie. Co to jest model blokowy? Model blokowy odnosi się do...
- Marginesy CSS / Atrybuty mieszane marginesu {margin}
...lewej strony marginesu. Na przykład: "margin: 10px 20px 10px 20px" ustawia marginesy 10 pikseli na górze i na dole oraz 20 pikseli po prawej i lewej stronie elementu. Co to jest "margin" w CSS? margin w CSS to właściwość określająca odstęp pomiędzy elementem a jego otoczeniem zewnętrznym. Może to być przestrzeń pomiędzy elementami lub między elementem a krawędzią kontenera. Przykład: "margin: 20px" ustawia margines o szerokości 20 pikseli wokół elementu. Jak działa "margin: auto...