Siem, przedstawię tutaj wam składnie i podstawowe tagi w html. Wartości, które masz wstawić są w nawiasach (). Siem, przedstawię tutaj wam składnie i podstawowe tagi w html. Wartości, które masz wstawić są w nawiasach ().Polecam zainstalować notepada++, który podkreśli wam błędy w html.składnia:

<!DOCTYPE HTML><html><head></head><body></body></html>powyżej znajduje się składnia html. Doctype - standard języka dokumentu (tutaj html)<html> - zaczyna strone<head> - w sekcji head znajdują się informacje, których na stronie fizycznie nie widać, ale są wymagane do poprawnego działania strony<body> - ciało strony. znajduje tu się wszystko, co jest widoczne na stronieznacznik umieszczamy w <>. (uwaga: każdy znacznik w html musi mieć swoje zamknięcie, które jest poprzedzane ukośnikiem. np. gdy mamy <html> zamykamy go znacznikiem </html>) proste?

 

sekcja head: tagi i ich zastosowania

 

<title>(zawartość)</title> - służy do nadania tytułu strony. wyświetli się ona w karcie strony.

<meta charset="utf-8"/> - służy do powiedzenia stronie, w jakim standardzie piszemy. utf-8 jest najnowszym standardem i zaleca się jego używanie.

<meta name="description" content="(tutaj wpisujesz opis)"/> - to właśnie tutaj umieszczasz opis strony, który się wyświetli, gdy próbujesz wyszukać stronę.

<meta name="keywords" content="(tutaj możesz wpisywać słowa kluczowe po przecinku)"/> - wprowadzając informacje na temat słów kluczowych, wyszukiwarka wyświetli w swoich wynikach strony internetowe odpowiadające wyszukiwaniu.

<meta name="(wpisz tutaj autora)" content="Author name" /> w tym znaczniku możesz określić kto jest autorem strony.

<link rel="shortcut" href="(ścieżka do ikony)"> - ustalisz tu ikonkę strony. 

<link rel="stylesheet" href="(ścieżka do pliku css)"> - możesz tutaj podpiąć plik css.

 

sekcja body: tagi i ich zastosowania:

 

<h1>(tekst)</h1> - nagłówek pierwszego stopnia. jest pogrubiony.

<h2>(tekst)</h2> - nagłówek drugiego stopnia. jest pogrubiony.

<h3>(tekst)</h3> - nagłówek trzeciego stopnia. jest pogrubiony.

<h4>(tekst)</h4> - nagłówek czwartego stopnia. jest pogrubiony.

<h5>(tekst)</h5> - nagłówek piątego stopnia. jest pogrubiony.

<header>(tekst nagłówka)</header> - nagłówek.

<p>(tekst)</p> - zacznij tekst od nowej linijki.

<br /> - "złam linię" czyli po prostu przejdź do nowej linijki.

<a href="(wklej tu link http)">(tekst)</a> - tekst, który jest linkiem do danej strony http. możesz tu  też dodać: target="_blank"  aby strona otworzyła się w nowym oknie.

<img src="(ścieżka pliku img (nie zapomnij dodać rozszerzenia obrazu!))"> - dodaj zdjęcie na stronę. możesz tu też dodać: width="(wartość szerokości obrazu)" / height="(warość wysokości obrazu)" aby ustalić wymiary obrazu.

<span>(tekst)</span> - span nic nie wnosi do budowy html. możesz w tym znaczniku wystylizować coś, co się w nim znajduje.

<ol>      <li>(tekst w 1 punkcie)</li>      <li>(tekst w 2 punkcie)</li>      <li> (tekst w 3 punkcie)</li></ol>

ten zapis to nic innego niż numerowanie. <ol> oznacza zaczęcie numerowania, a <li> oznacza nowy punkt. (numerowanie jest od liczb)

<ul>      <li>(tekst w 1 punkcie)</li>      <li>(tekst w 2 punkcie)</li>      <li> (tekst w 3 punkcie)</li></ul> 

ten zapis oznacza punktowanie. niczym się nie zmienia od poprzedniego punktu poza tym, że jest to punktowanie (od kropek)

<table>

<tr> <td>(tekst)</td>   <td>(tekst)</td>

</tr><tr> <td>(tekst)</td>   <td>(tekst)</td>

</tr></table>

to jest tabela. znacznik <table> otwiera tabelę, <tr> zaczyna nową <td> oznacza pojedynczą komórkie, w której można pisać.

<div>(tekst)</div>

dzięki <div> możemy układać elementy na stronie. jeżeli chcemy tego użwyać musimy znać język CSS (bo to on właśnie stylizuje divy). jeżeli nie znasz CSS`a zalcam układać stronę w tabelach (lecz divy są lepszym rozwiązaniem)

stylizacje tekstu:

<b>(tekst)</b> - pogróbienie

<strong>(tekst)</strong> - 2 sposób na pogróbienie

<u>(tekst)</u> - podkreślenie

<i>(tekst)</i> - kursywa

<em>(tekst)</em> wypuklenie tekstu

Dzięki za przeczytanie! Mam nadzieję, ze komuś mogłem pomóc :D Oczywiście jest to bardzo uproszczone i nie są to wszystkie tagi, a raczej te podstawowe, na start.