..


Linki sponsorowane

Podstawy HTML narzutu (zasadniczych) tekstu

Celem tego przewodnika jest przedstawienie czytelnikowi składni języka znaczników HTML, byłoby wskazane dla dobra internetowej pisarza, musisz znać podstawowe zasady: tekst w sieci, w rzeczywistości staje się hipertekstowe tylko dzięki magicznej mocy znaku HTML-up, musimy pamiętać, podstawowa struktura każdej strony.

W poprzedniej lekcji mówiliśmy o wyrównanie, wybór czcionki, itp.. Zobaczmy teraz, w bardzo praktyczny sposób, jak w istotny sposób z formatu tekstowego do jego publikacji online.

Pomijamy tutaj analizy struktury strony internetowej (dla osób zainteresowanych suggersico przeczytać tutaj ) i od razu do formatowania naszego tekstu.

Tytuły

Tytuł strony internetowej jest treść, a tagi nagłówka w <title> i </ title>, w tagach nagłówków (h1, h2, h3, ..., h6).
Sam tytuł, zwykle cechuje <h1> i </ h1>. Przykład:

 



 <h1> To jest tytuł </ h1>

 
Podtytuł jest zawarty w <h2> i </ h2>. Przykład:
 



 <h2> Jest to podtytuł </ h2>

 
Wszelkie inne tytuły (hierarchicznie pod nimi) zostaną określone w taki sam sposób za pomocą h3, h4, h5 i h6 (im wyższa liczba po "h" zmniejsza się znaczenie tytułu).

Ustępy

Normalnie, tekst na stronie HTML zawarty między tagami i </ p>, które odpowiednio otwierają i zamykają akapit tekstu. Przykład:

 



 <p>







 Mój tekst tutaj ... ...







 </ P>

 

Zarządzanie wyrównanie

Aby poziome wyrównanie tekstu w akapicie należy użyć arkuszy stylów (CSS) poprzez text-align.
Majątek ten przyjmuje cztery wartości:

  • lewo (po lewej uzasadnione; domyślnie)
  • prawo (wyrównany do prawej)
  • centrum (wyrównanie do środka)
  • uzasadnienia (align uzasadnione)
Oto przykład:
 



 <p style="text-align:center">







 ... Przykład tekst wyśrodkowany ...







 </ P>

 

Pogrubiony, pochylony lub podkreślony

Te trzy aspekty tekstu zarządza, przestrzegane przez tagów <b> (pogrubiony), <i> (kursywa) i <u> (podkreślone). Przykład:






 <b> Teso pogrubienie </ b>







 <i> Teso kursywą </ i>







 <u> Teso podkreślony </ u>



Warto zauważyć, że tag ma odpowiednika w tagi pogrubienia <strong>:
 



 <strong> Teso bold </ strong>

 
i tagi kursywy w <em>:
 



 <em> Teso kursywą </ em>

 

Dodaj link

Hiperłącze (lub, częściej, linki) mogą być wprowadzane przez <a> i jego atrybut href. Vedaimo przykład:

 



 <a href="http://www.sito.com/mario.html"> Mario Idź do strony </ a>

 
Jak widać w atrybucie href jest określony w adres internetowy strony docelowej, która otwiera się po kliknięciu na połączony tekst.
Oczywiście nlla zakazuje zarówno być związane z obrazu, a nie tekst (jak w naszym przykładzie).

Wstaw obraz

Aby wstawić obraz jest oczywiście konieczne, aby było to dostępne w Internecie, że prowadzi własny adres URL.
Aby wstawić obraz jest używany do <img> tym:

 



 <img src="http://www.sito.com/foto.jpg"/>

 
Jak widać atrybut src zawiera odniesienie do miejsca naszego wizerunku.

Oczywiście informacje zawarte w tej lekcji jest bardzo proste częściowe i stanowią minimum. I "tylko poprzez gruntowną znajomość HTML i CSS, że będziemy w stanie do formatu naszych treści w prawdziwie dokładne i kompletne.

Przewodnik Pisanie Web
E-Learning
CSS (Kurs) CSS (Kurs)
Web Design i dostępności zgodnie z W3C CSS i XHTML. Począwszy od 29 €.
Web Design (Kurs) Web Design (Kurs)
Strony Web Design z HTML, CSS i dynamicznego HTML. Od 39 €.
Webmaster Advanced (kursu) Webmaster Advanced (kursu)
Zostań profesjonalnym administratorem. Od 39 €.
Linki sponsorowane