Wpisy otagowane ‘HTML’

« Starsze wpisy

Nagłówki w HTML

poniedziałek, 19 Maj 2008

Do formatowania tekstu na stronie WWW można wykorzystać wiele różnych znaczników. Poza tym można wykorzystać jeszcze Kaskadowe Arkusze Stylów CSS, które dają o wiele potężniejsze możliwości formatowania tekstu niż same znaczniki HTML.

Za pomocą znaczników HTML można też dokonać podzielenia tekstu na logiczne części – można wyróżnić m.in. paragrafy i nagłówki. Dzięki temu tekst na stronie jest znacznie łatwiejszy do czytania.

Aby wstawić nagłówek w HTML, należy użyć jednego ze znaczników od <h1> do <h6>, które służą do utworzenia sześciu różnych poziomów nagłówków. Każdy jest inaczej sformatowany – nagłówek wstawiony za pomocą znacznika <h1> jest największy, a ten utworzony za pomocą znacznika <h6> jest najmniejszy.

Dodatkowo warto wiedzieć że tekst w nagłówkach jest szczególnie traktowany przez wyszukiwarki internetowe, które nadają większą wagę tekstowi który został oznaczony jako nagłówek.

Tagi:, ,
Zaszufladkowany do HTML, Webmaster | Brak komentarzy »

Jak zastosować metaznaczniki

środa, 19 Marzec 2008

W artykule Metaznaczniki – czy warto je stosować? opisane jest zastosowanie metaznaczników. Brakuje tam jednak kilku istotnych informacji.

Po pierwsze, nie ma tam nic o tym że znaczniki te powinny być umieszczane wyłącznie w sekcji <head> dokumentu HTML.

Po drugie, znacznik meta określający kodowanie polskich znaków powinien być umieszczony jako pierwszy znacznik w tej sekcji, a w szczególności przed znacznikiem <title>. Taka kolejność jest istotna, gdyż niektóre przeglądarki mogą zawierać błąd i nie znając sposobu kodowania polskich znaków zamiast polskich znaków w tytule wyświetlą jakieś krzaczki.

Warto też dodać że kodowanie polskich znaków można też określić po stronie serwera w jego konfiguracji, tak aby nagłówek Content-type wysyłany przez serwer do przeglądarki zawierał już właściwe określenie sposobu kodowania polskich znaków.

Tagi:, ,
Zaszufladkowany do HTML, Webmaster | Brak komentarzy »

Jak połączyć komórki tabeli

niedziela, 16 Marzec 2008

Do łączenia komórek w tabeli służą atrybuty colspan (łączenie kolumn) i colspan (łączenie wierszy. Aby połączyć kilka kolejnych wierszy lub kolumn w jedną komórkę, należy użyć jednego lub obydwu tych atrybutów, i podać ile kolejnych wierszy bądź kolumn powinno być połączone razem.

Przykład:

<table border="1">
<tr>
<td rowspan="2">Język HTML</td>
<td colspan="2">Tworzenie stron WWW</td>
</tr>
<tr>
<td>PHP</td>
<td>SQL</td>
</tr>
</table>
Język HTML Tworzenie stron WWW
PHP SQL

Tagi:, , ,
Zaszufladkowany do HTML, Webmaster | Brak komentarzy »

Jak wstawić poziomą linię na stronę

niedziela, 16 Marzec 2008

W HTML można utworzyć poziomą linię za pomocą znacznika <hr>.

Jak widać powyżej, linia rozciąga się na całą szerokość elementu w którym jest osadzona. Można jednak zmienić jej długość za pomocą atrybutu width, gdzie można podać długość linii w pikselach lub w procentach:

<hr width="50%">
Taka linia jest domyślnie wycentrowana. Aby to zmienić, można użyć atrybutu align. Poszczególne jego wartości oznaczają: left – wyrównanie do lewej, center – wyrównanie linii do środka i right – wyrównanie do prawej.

<hr width="50%" align="left">
<hr width="50%" align="center">
<hr width="50%" align="right">




 Istnieje też atrybut size, za pomocą którego można określić wysokość linii. Można w ten sposób utworzyć pionową linię:


<hr width="10" size="50">



				


				
Tagi:, , 
 Zaszufladkowany do HTML,  Webmaster |   Brak komentarzy »


			


				

				
Jak wyrównać zawartość tabeli w pionie

				niedziela, 16 Marzec 2008

				

					
Wyrównanie zawartości tabeli w pionie uzyskuje się za pomocą atrybutu valign. Można go użyć razem z e znacznikami <td> i <th>.


Atrybut valign może mieć wartości: top – wyrównanie komórki do góry, middle – wyrównanie zawartości komórki do środka, i bottom – wyrównanie komórki do dołu.


Domyślnym wyrównaniem jest wyrównanie do środka, czyli tekst w komórce tabeli będzie wycentrowany w pionie.


Przykład:


<table height="100" border="1">
<tr>
<td valign="top">Język HTML</td>
<td valign="middle">Język HTML</td>
<td valign="bottom">Język HTML</td>
</tr>
</table>





Język HTML
Język HTML
Język HTML




				


				
Tagi:, , , 
 Zaszufladkowany do HTML,  Webmaster |   1 komentarz »


			


		
		

			
« Starsze wpisy