Scribd Logo
Загрузить

Добро пожаловать в Scribd!

  • Sintaks css2

    Загружено:

    Sholeh Zhafry Zamzami
    4 просмотров9 страниц
    sintaks css

    Оригинальное название

    sintaks css2

    Авторское право

    © © All Rights Reserved

    Доступные форматы

    DOCX, PDF, TXT или читайте онлайн в Scribd

    Этот документ был вам полезен?

    Это неприемлемый материал?

    Пожаловаться на этот документ
    sintaks css

    Авторское право:

    © All Rights Reserved
    Скачайте в формате DOCX, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    4 просмотров9 страниц

    Sintaks css2

    Загружено:

    Sholeh Zhafry Zamzami
    sintaks css

    Авторское право:

    © All Rights Reserved
    Скачайте в формате DOCX, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    из 9

    1. <!

    DOCTYPE html>
    <html>
    <head>
    <title>Border Tabel</title>
    <style type="text/css">
    table,th,td{
    border:1px solid black;
    }
    </style>
    </head>
    <body>
    <table>
    <thead>
    <tr>
    <th>Nama Depan</th>
    <th>Nama</th>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>Adelin</td>
    <td>larasati</td>
    </tr>
    <tr>
    <td>Novero</td>
    <td>larasati</td>
    </tr>
    <tr>
    <td>Adika</td>
    <td>Dayandra</td>
    </tr>
    </tbody>
    </table>
    </body>
    </html>
    2. <!DOCTYPE html>
    <html>
    <head>
    <title>Border Tabel</title>
    <style type="text/css">
    table{
    border-collapse:collapse;
    }
    table,th,td{
    border:1px solid black;
    }
    </style>
    </head>
    <body>
    <table>
    <thead>
    <tr>
    <th>Nama Depan</th>
    <th>Nama</th>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>Adelin</td>
    <td>larasati</td>
    </tr>
    <tr>
    <td>Novero</td>
    <td>larasati</td>
    </tr>
    <tr>
    <td>Adika</td>
    <td>Dayandra</td>
    </tr>
    </tbody>
    </table>
    </body>
    </html>
    3. <!DOCTYPE html>
    <html>
    <head>
    <title>Border Tabel</title>
    <style type="text/css">
    table{
    width: 100%;
    }
    table,th,td{
    border:1px solid black;
    }
    th{
    height: 50px;
    }
    </style>
    </head>
    <body>
    <table>
    <thead>
    <tr>
    <th>Nama Depan</th>
    <th>Nama</th>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>Adelin</td>
    <td>larasati</td>
    </tr>
    <tr>
    <td>Novero</td>
    <td>larasati</td>
    </tr>
    <tr>
    <td>Adika</td>
    <td>Dayandra</td>
    </tr>
    </tbody>
    </table>
    </body>
    </html>
    4. <!DOCTYPE html>
    <html>
    <head>
    <title>Text Align</title>
    <style type="text/css">

    td{
    height: 50px;
    text-align: right;
    vertical-align: bottom;
    }
    table,th,td{
    border: 1px solid black;
    }
    </style>
    </head>
    <body>
    <table >
    <thead>
    <tr>
    <th>Nama Depan</th>
    <th>Nama</th>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>Adelin</td>
    <td>larasati</td>
    </tr>
    <tr>
    <td>Novero</td>
    <td>larasati</td>
    </tr>
    <tr>
    <td>Adika</td>
    <td>Dayandra</td>
    </tr>
    </tbody>
    </table>
    </body>
    </html>
    5. <!DOCTYPE html>
    <html>
    <head>
    <title>Text Align</title>
    <style type="text/css">

    td{
    height: 50px;
    text-align: right;
    vertical-align: bottom;
    padding: 15px;
    }
    table,th,td{
    border: 1px solid black;
    }
    </style>
    </head>
    <body>
    <table >
    <thead>
    <tr>
    <th>Nama Depan</th>
    <th>Nama</th>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>Adelin</td>
    <td>larasati</td>
    </tr>
    <tr>
    <td>Novero</td>
    <td>larasati</td>
    </tr>
    <tr>
    <td>Adika</td>
    <td>Dayandra</td>
    </tr>
    </tbody>
    </table>
    </body>
    </html>
    6. <!DOCTYPE html>
    <html>
    <head>
    <title>Text Align</title>
    <style type="text/css">

    td{
    height: 50px;
    text-align: right;
    vertical-align: bottom;
    padding-right: 70px;
    }
    table,th,td{
    border: 1px solid black;
    }
    </style>
    </head>
    <body>
    <table >
    <thead>
    <tr>
    <th>Nama Depan</th>
    <th>Nama</th>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>Adelin</td>
    <td>larasati</td>
    </tr>
    <tr>
    <td>Novero</td>
    <td>larasati</td>
    </tr>
    <tr>
    <td>Adika</td>
    <td>Dayandra</td>
    </tr>
    </tbody>
    </table>
    </body>
    </html>
    7.
    8.

    PRAKTIKUM
    9.
    10.
    11.

    12.
    13.
    14.

    Вам также может понравиться