Základy HTML značky-up (základní) textu

Účelem této příručky je objasnit pro čtenáře syntaxi jazyka HTML značky by bylo vhodné pro dobrý web-spisovatel, musíte znát základní pravidla: text na webu, ve skutečnosti, se změní na hypertextové jen díky magické síly značky HTML-up je, musíme mít na paměti, základní strukturu každé webové stránky.

V předchozí lekci jsme mluvili o vyrovnání, výběr písma, atd.. Podívejme se nyní, velmi praktický způsob, jak udělat zásadní pro textový formát pro jeho online publikování.

Pomineme-tu analýzu struktury webové stránky (pro zájemce o suggersico přečíst zde ) a dostat přímo do formátu našeho textu.

Tituly

Název webu je obsah, a záhlaví tagy do <title> a </ title>, do záhlaví tagy (H1, H2, H3, ..., H6).
Název sám o sobě za normálních okolností, je poznamenán <h1> a </ h1>. Příklad:

 



 <h1> Jedná se o titul </ h1>

 

Podtitul je obsažen v <h2> a </ h2>. Příklad:

 



 <h2> To je nadpis </ h2>

 

Všechny ostatní názvy (hierarchicky pod nimi), budou definovány stejným způsobem za použití H3, H4, H5 a H6 (čím vyšší číslo po "h" snižuje význam titulu).

Odstavce

Normálně je text v HTML stránka obsahovala mezi tagy a <p> </ p>, který příslušně otevřete a zavřete odstavec textu. Příklad:

 



 <p>







 Můj text zde ... ...







 </ P>

 

Správa vyrovnání

Chcete-li vodorovné zarovnání textu v odstavci, musíte použít styly (CSS), pomocí vlastnosti text-align.
Předmětného majetku přijímá čtyři hodnoty:

• Levá (levá oprávněné; default)
• Pravá (pravá zarovnání)
• centrum (zarovnání na střed)
• ospravedlnění (Zarovnat oprávněné)

Zde je příklad:

 



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







 ... Příklad zarovnání na střed ...







 </ P>

 

Tučně, kurzívou či podtrženě

Tyto tři aspekty textu spravuje respektován <b> značek (tučně), <i> (kurzíva) a <u> (podtržené). Příklad:

 <b> TESO tučně </ b>







 <i> TESO kurzíva </ i>







 <u> TESO zdůraznil </ u>

Za zmínku, že značka má ekvivalent v tučné <strong> tagy:

 



 <strong> TESO tučně </ strong>

 

a kurzívu značky <em>:

 



 <em> TESO kurzívou </ em>

 

Přidat webový odkaz

Hypertextový odkaz (nebo, více obyčejně, odkazy), může být vložen přes <a> a jeho atributu href. Vedaimo příklad:

 



 <a href="http://www.sito.com/mario.html"> Mario Přejít na stránku </ a>

 

Jak můžete vidět v atributu href je uveden na webových adresu cílové stránky, která se otevře, když kliknete na související text.
Samozřejmě nlla zakazuje jak být spojeno s image, nikoli text (jako v našem případě).

Vložit obrázek

Chcete-li vložit obrázek, je samozřejmě nutné, aby to bylo dostupné online, které udržuje své vlastní URL.
Pro vložení obrázku se používá <img> toto:

 



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

 

Jak můžete vidět, atribut src obsahuje odkaz na umístění našeho image.

Je zřejmé, že informace uvedené v této lekci jsou velmi jednoduché dílčí a představují naprosté minimum. A "pouze na základě důkladné znalosti HTML a CSS, že budeme schopni našim formátování obsahu opravdu přesné a úplné.

• <<Předchozí lekce
• Nápověda Index
• Další lekce>>