Pytania i odpowiedzi: Podstawy HTML
Pytania i odpowiedzi >Podstawy HTML |
Chcę wiedzieć więcej o (X)HTML/CSS. Gdzie mam zajrzeć? | Co to w ogóle jest HTML? | Jak wstawić obrazek do własnego panela? | Jak wstawić skrypt do własnego panelu? |
Jakie są najbardziej użyteczne tagi? |
Chcę wiedzieć więcej o (X)HTML/CSS. Gdzie mam zajrzeć?
W polskim internecie w praktyce poleca się trzy kursy - reszta to, w większości przypadków, ich kompilacja.
Do góry
W polskim internecie w praktyce poleca się trzy kursy - reszta to, w większości przypadków, ich kompilacja.
- Kurs języka HTML autorstwa Pawła Wimmera, którego początki sięgają roku 1996, prawdziwa skarbnica wiedzy.
- Kurs HTML - strona WWW za darmo pióra Sławomira Kokłowskiego. Solidny i konkretny.
- Kurs BrowseHappy.pl rozpoczęty przez porneLa, tworzony w formie wiki, zatem każdy może być jego współautorem. Głównym celem tego kursu jest pokazanie najnowszych technik tworzenia stron WWW.
Do góry
Co to w ogóle jest HTML?
Na początek cytat z Wikipedii: "HTML (ang. HyperText Markup Language, hipertekstowy język znaczników) to język składający się ze znaczników (tagów) stosowany do pisania stron WWW.". Co prawda obsługa PHP-Fusion jest maksymalnie uproszczona, ale niektóre rzeczy po prostu wypada znać - jedną z nich są właśnie absolutne podstawy HTML-a :).
Kursów HTML w sieci jest mnóstwo - w większości są to strony bardzo rozbudowane, których lektura zajęłaby kilka godzin. Na szczęście jeśli nie miałeś wcześniej styczności z HTML-em, nie musisz czytać tego wszystkiego - wystarczą podstawy zawarte w tym FAQ :).
Do góry
Na początek cytat z Wikipedii: "HTML (ang. HyperText Markup Language, hipertekstowy język znaczników) to język składający się ze znaczników (tagów) stosowany do pisania stron WWW.". Co prawda obsługa PHP-Fusion jest maksymalnie uproszczona, ale niektóre rzeczy po prostu wypada znać - jedną z nich są właśnie absolutne podstawy HTML-a :).
Kursów HTML w sieci jest mnóstwo - w większości są to strony bardzo rozbudowane, których lektura zajęłaby kilka godzin. Na szczęście jeśli nie miałeś wcześniej styczności z HTML-em, nie musisz czytać tego wszystkiego - wystarczą podstawy zawarte w tym FAQ :).
Do góry
Jak wstawić obrazek do własnego panela?
Struktura panelu posiada dwie postawowe składnie, które wyglądają tak:
1) zwykły panel
2) panel z przyciskiem pokaż/ukryj
Pomiędzy cudzysłowami komendy echo wpisujesz:
1) przy użyciu pojedynczego cudzysłowa
2) przy użyciu podwójnego cudzysłowa
Objaśnienie:
- BASEDIR - jest to stała PHP-Fusion, która odpowiada za to, że obrazek będzie zawsze pokazywany, bez względu na to, czy akurat jesteśmy na stronie głównej, czy też w jakimś podkatalogu strony, np.: forum
- images/ - domyślny katalog PHP-Fusion, gdzie znajdują się obrazki
- alt='obrazek' - nazwa obrazka wyświetlana przy najechaniu na niego myszką
- border='0' - wyłączenie obramowania wokół obrazka.
Do góry
Struktura panelu posiada dwie postawowe składnie, które wyglądają tak:
1) zwykły panel
openside("nazwa");
echo "";
closeside();
2) panel z przyciskiem pokaż/ukryj
opensidex("nazwa", "on/off");
echo "";
closesidex();
Pomiędzy cudzysłowami komendy echo wpisujesz:
1) przy użyciu pojedynczego cudzysłowa
echo '< img src="'.BASEDIR.'images/moj_obrazek.jpg" alt="obrazek" border="0" />';
2) przy użyciu podwójnego cudzysłowa
echo "< img src='".BASEDIR."images/moj_obrazek.jpg' alt='obrazek' border='0' />";
Objaśnienie:
- BASEDIR - jest to stała PHP-Fusion, która odpowiada za to, że obrazek będzie zawsze pokazywany, bez względu na to, czy akurat jesteśmy na stronie głównej, czy też w jakimś podkatalogu strony, np.: forum
- images/ - domyślny katalog PHP-Fusion, gdzie znajdują się obrazki
- alt='obrazek' - nazwa obrazka wyświetlana przy najechaniu na niego myszką
- border='0' - wyłączenie obramowania wokół obrazka.
Do góry
Jak wstawić skrypt do własnego panelu?
Z racji, że panel nie akceptuje podwójnych apostrofów ", musisz je:
a) zamieniać na "
b) zamieniać na pojedyncze apostrofy '
c) zamieniać echo " na echo '
d) wstawiać w tagi PHP.
Do góry
Z racji, że panel nie akceptuje podwójnych apostrofów ", musisz je:
a) zamieniać na "
b) zamieniać na pojedyncze apostrofy '
c) zamieniać echo " na echo '
d) wstawiać w tagi PHP.
Do góry
Jakie są najbardziej użyteczne tagi?
Trzeba jedynie pamiętać, by zamykać je w odwrotnej kolejności niż ta, w której je otwieraliśmy. Wpisy takie jak:
są niedopuszczalne.
Do góry
- obrazek
<img src='adres do obrazka' alt='opis obrazka' />
- tabela
<table>
<tr><td>1. komórka</td><td>2. komórka</td></tr>
<tr><td>3. komórka</td><td>4. komórka</td></tr>
</table>
1. komórka 2. komórka 3. komórka 4. komórka - pogrubienie tekstu
-<b> Tekst </b>
(Tekst)
-<strong> Tekst </strong>
(Tekst)
- <span style='font-weight:bold'> Tekst </span> (Tekst) - kursywa tekstu
- <i> Tekst </i> (Tekst)
- <em> Tekst </em> (Tekst)
- <span style='font-style: italic'> Tekst </span> (Tekst) - podkreślenie tekstu
- <u> Tekst </u> (Tekst)
- <span style='text-decoration: underline'> Tekst </span> (Tekst) - wycentrowanie tekstu
- <center> Tekst </center>
- <p style='text-align:center'> Tekst </p> - nowy paragraf
- <p> Tekst </p> - odnośnik
- <a href='adres_strony'> Nazwa odnośnika </a> (Nazwa odnośnika)
Oczywiście tagi mozna łączyć:
- <center> <b> <i> <u> Tekst </u> </i> </b> </center>
Tekst
Trzeba jedynie pamiętać, by zamykać je w odwrotnej kolejności niż ta, w której je otwieraliśmy. Wpisy takie jak:
<center> <i> Tekst </center> </i>
są niedopuszczalne.
Do góry