znacznik - Kurs HTML i CSS
Podcast HTML / #5 Tabele HTML...przecięciu wiersza i kolumny, w której można umieścić tekst lub inne elementy. Należy pamiętać, że komórki tabeli <td> muszą znajdować się wewnątrz znaczników wierszy <tr>. Domyślnie tabele nie mają obramowania, co może sprawić, że są mało czytelne. Obramowanie można dodać za pomocą atrybutu <table border="1">. Wąską tabelę można wyśrodkować, używając atrybutu style="margin: auto" w znaczniku <table>. Nagłówki i tytuły tabeli Komórki nagłówkowe <th>: służą do wstawiania komórek...
Wstawianie stylów CSS / Wewnętrzny arkusz stylów <style>...składowe wewnętrznego arkusza stylów. Natomiast w miejsce kropek (...) można wpisać dalsze polecenia. Selektorem może być praktycznie dowolny znacznik, np. p (akapit), h1 (tytuł), td (komórka tabeli) i inne. To właśnie elementom, które znajdują się w kodzie źródłowym, pomiędzy tymi znacznikami, nadajemy atrybuty formatowania opisane w arkuszu. Jako "cecha" (w deklaracji stylu - powyżej) należy wpisać o jakie konkretnie atrybuty formatowania nam chodzi (opisane w kolejnych rozdziałach)...
- Nagłówek i treść HTML / Roboty <meta "robots, googlebot">
...a zamiast wpisywać "noindex, follow" czy "index, nofollow" zwykle wystarczy wpisać odpowiednio: "noindex" i "nofollow". W przypadku zupełnego braku znacznika <meta name="robots" content="..."> robot zaindeksuje wszystkie strony serwisu, dlatego dodaje się go zwykle tylko, kiedy chcemy zablokować dostęp robotowi do wybranych stron. Zwróć uwagę, że wartość "nofollow" blokuje jedynie podążanie za odnośnikami, a to oznacza, że może nie zapobiec indeksowaniu stron, do których prowadzą linki...
- HTML dla zielonych / Łączenie znaczników i atrybutów HTML <p "text-align", span "font-size, color", b, i, u>
Wszystkie powyższe parametry (atrybuty i znaczniki: akapit, wielkość czcionki, kolor czcionki, pogrubienie, pochylenie, przekreślenie) dotyczące tekstu można łączyć, np. po wpisaniu w edytorze: <p style="text-align: center"><span style="font-size: large; color: red"><b><i><u> To jest jakiś tekst </u></i></b></span></p> otrzymamy: To jest jakiś tekst Zauważ, że znaczniki zamykamy w kolejności odwrotnej jak je otwieraliśmy. Czyli najpierw zamykamy znacznik, który został otwarty jako ostatni...
- HTML dla zielonych / Kolor tła oraz tekstu HTML <body "background-color, color">
...się to tak samo jak w przypadku czcionek. Jeśli chcemy ustalić kolor tła oraz tekstu na całej stronie możemy użyć dodatkowych wartości atrybutu dla znacznika <body>. Wartości te ("background-color: ...; color: ...") nie wpisujemy w miejscu właściwej treści strony - tak jak w przypadku znaczników - lecz w atrybucie style="..." wewnątrz znacznika otwierającego <body> (przed właściwą treścią) - tak jak pokazano powyżej - ponieważ nie są one oddzielnymi znacznikami tylko wartościami atrybutu...
- Nagłówek i treść HTML / Opis zawartości strony <meta "description">
<head> <meta name="description" content="Tu podaj opis twojej strony"> </head> Polecenie to należy wstawić między znacznikami: <head> oraz </head>. Pozwala ono opisać co znajduje się na Twojej stronie. Z informacji tej korzystają wyszukiwarki sieciowe, dlatego staraj się tutaj wpisać tekst, który jak najlepiej opisze zawartość strony i zachęci do jej odwiedzenia. Ciekawy, ale niezbyt długi, opis może zachęcić internautów do obejrzenia Twojej strony. Znacznik <meta name="description"> nie ma...
- Komendy HTML 4.01 / SCRIPT
...wewnątrz HEAD oraz BODY. Skrypty mogą korzystać ze zdarzeń, wygenerowanych przez inne elementy. Jeśli skrypt nie został wykonany, to znacznik NOSCRIPT pozwala określić treść alternatywną. Atrybuty: CHARSET="kodowanie" Określa sposób kodowania znaków zasobu, wyznaczonego przez odnośnik DEFER Podaje, że skrypt niczego nie wyświetla LANGUAGE="język" Określa język skryptowy (zdeprecjonowane - należy używać atrybutu TYPE) SRC="adres" Podaje lokalizację zewnętrznego skryptu...
- Nagłówek i treść HTML / Język strony <html lang, link hreflang>
...uwagę, że w dokumencie HTML może się znajdować tylko jeden element <html>. Dlatego powyższy atrybut lang="..." należy przypisać do już istniejącego znacznika, a nie dodawać kolejnego. Inne wersje językowe <link hreflang> <head> <link rel="alternate" hreflang="język" href="adres"> </head> gdzie jako "język" należy podać skrót nazwy wybranego języka. Natomiast zamiast "adres" wpisuje się bezwzględny adres strony (rozpoczynający się od http:// lub https://), która stanowi odpowiednik...
- Nagłówek i treść HTML / Strona kanoniczna <link "canonical">
...strony kanonicznej (podstawowej), ponieważ wywoła to tylko ich niepotrzebną eliminację z wyników wyszukiwania. Trzeba również mieć świadomość, że znacznik ten stanowi jedynie sugestię dla robota wyszukiwarki i może nie być wzięty pod uwagę, jeśli robot z innego powodu uzna, że w danej sytuacji takie oznaczenie strony kanonicznej nie będzie pożądane dla użytkownika korzystającego z wyszukiwarki. Pytania i odpowiedzi <link "canonical"> Co to jest strona kanoniczna? Jeżeli w serwisie...
- Tabele HTML / Łączenie wierszy tabeli w grupy <thead, tbody, tfoot>
...pomocą CSS. W grupę można połączyć dowolną liczbę wierszy. W jednej tabeli może istnieć kilka grup. Jeżeli umieścimy w tabeli przynajmniej jeden znacznik TBODY, wszystkie wiersze muszą być objęte tego typu znacznikami! Dla pozostałych komórek należy utworzyć dodatkowy znacznik TBODY, który nie musi posiadać żadnych atrybutów. Przykład <tbody> Po wpisaniu: <table> <tbody style="background-color: red"> <tr> <td>komórka1</td> <td>komórka2</td> <td>komórka3</td> </tr> <tr>...