Scribd Logo
Unggah

Selamat datang di Scribd!

  • Syntax HTML

    Diunggah oleh

    Diana Marcus
    5 tayangan7 halaman

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    5 tayangan7 halaman

    Syntax HTML

    Diunggah oleh

    Diana Marcus

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 7

    Contoh Syntax/ coding membuat Halaman Judul HTML :

    <html>
    <head>
    <title>Page Title</title>
    </head>
    <body>
    <h1>My First Heading</h1>
    <p>My first paragraph.</p>
    </body>
    </html>

    Contoh Syntax/ coding membuat Judul HTML :

    <html>
    <body>
    <h1>ini adalah judul 1</h1>
    <p>This is some text.</p>
    <hr>

    <h2> ini adalah judul 2</h2>


    <p>This is some other text.</p>
    <hr>

    <h3> ini adalah judul 3</h3>


    <p>This is some other text.</p>

    <hr>
    <h4> ini adalah judul 4</h4>
    <p>This is some other text.</p>
    </body>
    Contoh Syntax/ coding membuat Paragraph HTML:
    </html>
    Membuat Paragaraph dengan HTML

    <html>
    <body>

    <p> Mencoba Membuat paragraf di HTML:</p>


    <br> example

    <p>

    Nama saya adalah Indah.


    Saya adalah siswi dari SMK N 1 Kupang.
    Saya dari Jurusan Teknik jaringan dan Komputer.
    Salam Kenal.

    </p>

    </body>
    </html>

    Contoh Syntax/ coding membuat formating HTML:

    <html>
    <body>

    <p><b><h1>This text is bold</h1></b></p>


    <p><i><h3>This text is italic</h3></i></p>
    <p>This is<sub> subscript</sub> and
    <sup>superscript</sup></p>
    <p> <u>coba </u> </p>
    <p> <small> Text Menjadi Kecil </small> </p>
    <p> <address> alamat rumah </address> </P>
    </body>
    </html>
    </body>
    </html>
    Membuat Jenis Pargraph di HTML:

    <html>
    <head>
    <title> Contoh Paragraph pada HTML </title>
    </head>
    <body>
    <p align="left"> 1. ini merupakan penulisan paragraf rata kiri dalam dokument HTML</p>
    <p align="right">2. ini merupakan penulisan paragraf rata kanan dalam dokument HTML </p>
    <p align="center">3. ini merupakan penulisan paragraf rata tengah dalam dokument HTML</p>
    <p align="justify">4. ini merupakan penulisan paragraf rata kiri kanan dalam dokument
    HTML</p>
    </body>
    </html>

    Contoh Syntax Membuat Gambar pada HTML :


    <html>

    <body>

    <h2>Alternative text</h2>

    <p>The alt attribute should reflect the image content, so users who
    cannot see the image gets an understanding of what the image
    contains:</p>

    <img src="unnamed.webp" alt="Flowers in Chania" width="300"


    height="300">

    </body>

    </html>
    Contoh Syntax Membuat Gambarmap pada HTML :

    <html>

    <body>
    <h2>Image Maps</h2>
    <p>Click on the computer, to go to a new page and read more about the
    topic:</p>
    <img src="blackpink.jpg" alt="Workplace" usemap="#workmap" width="400"
    height="379">
    <map name="workmap">
    <area shape="rect" coords="34,44,270,350" alt="Computer" href="garden-
    rose-red-pink-56866.webp">
    </map>
    </body>
    </html>

    Mambuat Form di HTML :


    <html>

    <body>

    <h2>The datalist Element</h2>

    <p>The datalist element specifies a list of pre-defined options for


    an input element.</p>

    <form action="/action_page.php">

    <input list="browsers" name="browser">

    <datalist id="browsers">

    <option value="Internet Explorer">

    <option value="Firefox">

    <option value="Chrome">

    <option value="Opera">

    <option value="Safari">

    </datalist>

    <input type="submit">

    </form>

    <p><b>Note:</b> The datalist tag is not supported in Safari or IE9


    (and earlier).</p>

    </body>

    </html>
    Membuat Tabel Di HTML :

    <html>

    <head>

    <style>

    table, th, td {

    border: 1px solid black;

    padding: 5px;

    table {

    border-spacing: 15px;

    </style>

    </head>

    <body>

    <h2>Border Spacing</h2>

    <p>Border spacing specifies the space between the cells.</p>

    <table style="width:100%">

    <tr>

    <th>Firstname</th>

    <th>Lastname</th>

    <th>Age</th>

    </tr>

    <tr>

    <td>Jill</td>

    <td>Smith</td>

    <td>50</td>

    </tr>

    <tr>

    <td>Eve</td>

    <td>Jackson</td>

    <td>94</td>

    </tr>

    <tr>

    <td>John</td>

    <td>Doe</td>

    <td>80</td>

    </tr>

    </table>
    Membuat Orderet List di HTML :

    Ordered list atau list angka/nomor dibuat dengan menggunakan tag <ol>. Penulisan item-item
    list tersebut menggunakan tag <li> yang ditelakkan diantara tag pembuka <ol> dan tag penutup
    </ol>.

    <html>
    <head>
    <title>Belajar ordered list</title>
    </head>
    <body>
    <p>Urutan nama pemenang lomba koding:</p>
    <ol>
    <li>Nama juara pertama</li>
    <li>Nama juara kedua</li>
    <li>Nama juara ketiga</li>
    </ol>
    </body>
    </html>

    Membuat Video di HTML:

    <html>
    <head>
    <title> Contoh Video di HTML </title>
    </head>
    <body>
    <h1> <b1> CONTOH VIDEO DI HTML </h1> </b>
    <video controls>
    <source src="Cara Membuat Jaringan VoIp Pada
    Cisco Packet Tracer.mp4" type="video/webm">
    </video>
    </body>
    </html>
    Membuat Audio di HTML:

    <html>
    <head>
    <title> Contoh Audio DI HTML</title>
    </head>
    <body>
    <h1> <font color ="crimson"> Contoh Membuat
    Audio Di HTML</font> </h1>
    <audio controls>
    <source src="Cruel-summer-
    (countelezmp3.wapkiz.com).mp3"
    type="audio/mpeg">
    </audio>
    </body>
    </html>

    Membuat Link di HTML

    <html>
    <head>
    <title> Contoh Membuat Link</title>
    </head>
    <body>
    <a href="http://www.malasngoding.com/"><h1>Contoh
    Membuat LINK </h1></a>
    </body>
    </html>

    Anda mungkin juga menyukai