HTML

Torolàlana HTML Fototra

HTML (HyperText Markup Language) dia fiteny ampiasaina amin'ny famoronana sy fandrafetana pejy web. Ity cheatsheet ity dia manome topi-maso fohy momba ny tag sy ny rafitra fototra ampiasaina amin'ny HTML.

Fomba fototra amin'ny HTML

Ny HTML dia mamorona rafitra amin'ny alalan'ny tag. Ny tag tsirairay dia aseho amin'ny alalan'ny marika mihidy <> sy marika mamarana </>.

Firafitry ny Pejy HTML Fototra

<!DOCTYPE html>
<html>
<head>
    <title>Lohahevitra Pejy</title>
</head>
<body>
    <h1>Tongasoa eto amin'ny pejy web-ko!</h1>
    <p>Ity no paragrafy voalohany.</p>
</body>
</html>

Tag Fototra

<html>...</html> : Tag lehibe mamorona pejy HTML.
<head>...</head> : Tag izay mamorona ny lohatenin'ny pejy sy mampiditra rohy amin'ny loharano ivelany (toy ny CSS, JavaScript).
<title>...</title> : Mametraka ny lohatenin'ny pejy hita eo amin'ny lohatenin'ny navigateur.
<body>...</body> : Tag izay mitazona ny atiny hita amin'ny pejy.

Tag Anaran-dohateny

Ny anaran-dohateny dia mamela ny fandrafetana lohateny amin'ny pejy amin'ny fampiasana ny tag <h1></h1> hatramin'ny <h6></h6>:

<nowiki>
<h1>Lohateny Voalohany</h1>
<h2>Lohateny Faharoa</h2>
<h3>Lohateny Fahatelo</h3>

Tag Paragrafy

Ny paragrafy dia soratana ao anaty tag <p></p>:

<p>Ity dia paragrafy iray.</p>
<p>Ity dia paragrafy hafa.</p>

Tag Rohy

Ny rohy dia atao amin'ny fampiasana ny tag <a href="..."></a>:

<a href="https://www.example.com">Tsindrio eto raha hijery ohatra</a>

Tag Sary

Ny sary dia ampidirina amin'ny fampiasana ny tag <img src="..." alt="...">:

<img src="sary.jpg" alt="Sarin'ny voankazo" />

Tag Lisitra

HTML dia manohana lisitra mirindra sy tsy mirindra.

Lisitra tsy mirindra (Unordered List) :

<ul>
    <li>Voankazo</li>
    <li>Legioma</li>
    <li>Tsindrin-tsakafo</li>
</ul>

Lisitra mirindra (Ordered List) :

<ol>
    <li>Mifoha</li>
    <li>Mandeha miasa</li>
    <li>Miomana hody</li>
</ol>

Tag tabilao

Ny tabilao dia soratana amin'ny fampiasana ny tag <tabilao>

</tabilao> miaraka amin'ny tag <tr> (andalan-tabilao) sy <td> (selan-tabilao):

<table>
    <tr>
        <th>Anarana</th>
        <th>Taona</th>
    </tr>
    <tr>
        <td>Rakoto</td>
        <td>30</td>
    </tr>
    <tr>
        <td>Rabe</td>
        <td>25</td>
    </tr>
</table>

Tag Formulara (Forms)

Ny formulara dia ampiasaina handraisana angon-drakitra avy amin'ny mpampiasa. Izy io dia manana tag toy ny <input>, <textarea>, ary <button>:

<form action="/mandefa" method="post">
    <label for="anaram-pianakaviana">Anarana:</label>
    <input type="text" id="anaram-pianakaviana" name="anaram-pianakaviana">

    <label for="mailaka">Mailaka:</label>
    <input type="email" id="mailaka" name="mailaka">

    <button type="submit">Mandefa</button>
</form>

Tag Div sy Span

Ny tag

dia ampiasaina handaminana ny firafitry ny pejy amin'ny sehatra lehibe, raha ny tag kosa dia ampiasaina amin'ny sehatra kely.

: Ampiasaina handaminana ireo andalana maro.

<div style="background-color: #f0f0f0;">
    <h2>Tongasoa</h2>
    <p>Ity no lahatsoratra ato anaty div.</p>
</div>

: Ampiasaina hanovana singa kely amin'ny lahatsoratra.

<p>Ampiasao ny <span style="color: red;">HTML</span> amin'ny famoronana pejy web.</p>

Fehiny

HTML dia fiteny fototra ilaina amin'ny famoronana tranonkala. Ireo tag fototra ireo dia manampy amin'ny fandrafetana sy fandaminana ny atiny eo amin'ny pejy web. Ny fahatakarana ny fampiasana ireo tag ireo dia zava-dehibe amin'ny famoronana pejy web tsara sy mahomby.

Jereo koa

Kajimirindra