PYTANIE o znaczniki <h1 i <h2 ?

[new future]

Jak w temacie a dokladnie :

Czy taka postac jak te 2 linki ponizsze sa wedlug was dobrym rozwiazaniem jesli chodzi o zancznik <h1> i czy zmiana czcionki <font style="font-size: 11px: i obrazek pomiedzy zncznikiem <img src="https://www.strona.pl/katalog.gif" ma jakies ujemne znaczenie dla tego zncznika <h ... i robotow jesli chodzi o indexacje ?

1-

<h2><font style="font-size: 11px;"><img src="https://www.strona.pl/katalog.gif" width="32" height="32" style="vertical-align:middle;"" border="0" alt="file_icons/katalog.gif"/>KATALOG</a></font></h2>

2-

<h1><font style="font-size: 11px;"><img src="https://www.strona.pl/katalog.gif" width="32" height="32" style="vertical-align:middle;"" border="0" alt="file_icons/katalog.gif"/>katalog

</font></h1>

czy lepiej jest wybierac czysty znacznik tzn. <h1>katalog</h1> przy budowie struktury kodu ( chodzi oczywiscie o pozycjonowanie ) ? dzieki za odpowiedzi !

[gizmoo3]

css....

[zero3]

czy lepiej jest wybierac czysty znacznik

tak.

[new future]

css....

Hej mam rozumiec ze w css ustawie to nie muszac wstawiac znacznika przed obrazkiem i zmiany czacionki ( biorac pod uwage ze obrazek nie bardzo jest jak ustawic kolo tytulu "katalog" w zanczniku <h1 w jednej lini bo idzie pod spod czy to tez css weznie pod uwage ale chyba nie ) ?

dzieki za odpowiedzi

[holee]

Wszystkie atrybuty formatujace wstaw do css'a. Troche za duzo tego kodu.

[new future]

Troche za duzo tego kodu.

Dzieki holee ! i pytanie jak ty bys inaczej ten kod skrocil ?

[joketown]

Poczytaj o podstawach css, z samej jego idei dowiesz się czemu ma on służyć i czemu inni Ci go polecają.

[holee]

Tak na szybko:

.pi h2 {
font-size:11px;
}
.pi img {
width:32px;
height:32px;
border:1px solid black;
float:left;
margin-top:-10px;
}

<div class="pi">

<img src="https://www.strona.pl/katalog.gif" alt="" /><h2>KATALOG</h2>

</div>

Zobacz jak to wyglada.

[yavaho]

Zobacz jak to wyglada.

A jak to zobaczyc jak sie nie wie jak to ugryźć?

[ciocia_hela]

https://www.google.pl/search?hl=pl&q=cs...+Google&lr=

[new future]

Tak na szybko:

.pi h2 {
font-size:11px;
}
.pi img {
width:32px;
height:32px;
border:1px solid black;
float:left;
margin-top:-10px;
}

<div class="pi">

<img src="https://www.strona.pl/katalog.gif" alt="" /><h2>KATALOG</h2>

</div>

Zobacz jak to wyglada.

Dzieki za wskazowki .