Scribd Logo
Upload

Welcome to Scribd!

  • 02 Tîmekda Lapu Veido+ana - HTML Pamati

    Uploaded by

    Mārtiņš Mileika
    9 views10 pages

    Original Title

    02 Tîmekda lapu veido+ana - HTML pamati

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    9 views10 pages

    02 Tîmekda Lapu Veido+ana - HTML Pamati

    Uploaded by

    Mārtiņš Mileika

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 10

    Tīmekļa lapu veidošana

    2. HTML pamati
    Teksts, rindkopas, virsraksti,
    noformējuma stili
    HTML valodas pieraksts
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset=«UTF-8»>
    </head>
    <body>
    <h1>Mans virsraksts</h1>
    <p>Mans teksts.</p>
    </body>
    </html>
    Virsraksta tags <h>
    <html>
    <body>
    <h1>Mans virsraksts</h1>
    <h2>Mans 2. virsraksts</h2>
    <h3>Mans 3. virsraksts</h3>
    <h4>Mans 4. virsraksts</h4>
    <h5>Mans 5. virsraksts</h5>
    <h6>Mans 6. virsraksts</h6>
    <p>Mans teksts.</p>
    </body>
    </html>
    Rindkopas tags <p>
    <html>
    <body>
    <h1>Mans virsraksts</h1>
    <h6>Mans 6. virsraksts</h6>
    <p>Mans teksts.</p>
    <p>Šis ir cits mans teksts. Tas ir garāks.
    Un nav nekādas nozīmes tam, kā tas
    sadalās html kodā. Uz ekrāna
    dalījums būs atkarīgs no ekrāna
    izmēra,

    un neko nedod arī šādas atstarpes</p>


    <p>Vēl cita rindkopa</p>
    </body>
    </html>
    Pārtraukumu tags <br>
    <html>
    <body>
    <h1>Mans virsraksts</h1>
    <h6>Mans 6. virsraksts</h6>
    <p>Mans teksts.</p>
    <p>Šis ir cits mans teksts. Tas ir garāks. Un nav
    nekādas nozīmes tam, kā tas sadalās html
    kodā. Uz ekrāna dalījums būs atkarīgs no
    ekrāna izmēra,

    un neko nedod arī šādas atstarpes.Bet<br>es


    varu<br>salikt pārtraukumus.</p>
    <p>Vēl cita rindkopa</p>
    </body>
    </html>
    Komentāru tags <!-- …. -->
    <html>
    <body>
    <!--Šī ir piezīme - pārbaudam visus virsraksta stilus
    -->
    <h1>Mans virsraksts</h1>
    <!--Zemāk ir parasts teksts un pārtraukumi-->
    <p>Mans teksts.</p>
    <p>Šis ir cits mans teksts. Tas ir garāks. Un nav
    nekādas nozīmes tam, kā tas sadalās html
    kodā. Uz ekrāna dalījums būs atkarīgs no
    ekrāna izmēra,

    un neko nedod arī šādas atstarpes.Bet<br>es


    varu<br>salikt pārtraukumus.</p>
    <p>Vēl cita rindkopa</p>
    </body>
    </html>
    Horizontālas līnijas tags <hr>
    <html>
    <body>
    <!--Šī ir piezīme - pārbaudam visus virsraksta stilus
    -->
    <h1>Mans virsraksts</h1>
    <hr>
    <!--Zemāk ir parasts teksts un pārtraukumi-->
    <p>Mans teksts.</p>
    <p>Šis ir cits mans teksts. Tas ir garāks. Un nav
    nekādas nozīmes tam, kā tas sadalās html kodā.
    Uz ekrāna dalījums būs atkarīgs no ekrāna
    izmēra,

    un neko nedod arī šādas atstarpes.Bet<br>es


    varu<br>salikt pārtraukumus.</p>
    <hr>
    <p>Vēl cita rindkopa</p>
    </body> Netiek aizvērts!!!
    </html>
    Teksta noformēšanas tagi
    <p><b>Treknraksts</b></p>

    <p><big>Lielāks teksts</big></p>

    <p><i>Slīpraksts</i></p>

    <p><u>Pasvītrots</u></p>

    <p><code>Datorprogrammas
    kods</code></p>

    <p>Šis ir<sub> apakšraksts</sub> un


    <sup>augšraksts</sup></p>
    <u>Pasvītrojuma</u> tagu neieska izmantot. Ko darīt? Drīz uzzināsim :)
    Tagi <head> un <body>
    Starp <head> tagiem ir informācija par
    lapu – nosaukums, valoda, autors.
    <html>
    <head>
    <title>Pirmais vingrinājums</title>
    <meta http-equiv="content-type"
    content="text/html; charset=windows-
    1257">
    </head>
    <body>
    <!--Šī ir piezīme - pārbaudam visus virsraksta
    stilus -->
    <h1>Mans virsraksts</h1> u.t.t.

    Starp <body> tagiem – viss lapas saturs


    Tagu kopsavilkums
    <html> Nosaka HTML dokumentu <b> teksts treknrakstā

    <head>Satur informāciju par lapu <big> palielināts teksts

    <body> Nosaka lapas satura daļu <i> teksts slīprakstā


    <u> pasvītrots teksts (nav ieteicams)
    <h1> līdz <h6> Nosaka virsrakstus
    <small> samazināts teksts
    <!-- --> Nosaka komentāru
    <sub> teksts apakšrakstā
    <p> Nosaka rindkopu
    <sup> teksts augšrakstā
    <br /> vai <br> Pārtrauc teksta
    <del> dzēsts teksts
    rindu
    <ins> Dzēsta teksta vietā ievietots
    <hr> Horizontāla līnija teksts

    You might also like