A PHP Error was encountered

Severity: 8192

Message: array_key_exists(): Using array_key_exists() on objects is deprecated. Use isset() or property_exists() instead

Filename: helpers/template_helper.php

Line Number: 1042

Backtrace:

File: /home/u8613374/public_html/dasar/dev/application/helpers/template_helper.php
Line: 1042
Function: _error_handler

File: /home/u8613374/public_html/dasar/templates/frontend/belajar/header.php
Line: 100
Function: head

File: /home/u8613374/public_html/dasar/dev/application/libraries/Site.php
Line: 69
Function: view

File: /home/u8613374/public_html/dasar/dev/application/helpers/template_helper.php
Line: 13
Function: view

File: /home/u8613374/public_html/dasar/templates/frontend/belajar/artikel.php
Line: 1
Function: get_template

File: /home/u8613374/public_html/dasar/dev/application/libraries/Site.php
Line: 69
Function: view

File: /home/u8613374/public_html/dasar/dev/application/controllers/Artikel.php
Line: 37
Function: view

File: /home/u8613374/public_html/dasar/index.php
Line: 335
Function: require_once

A PHP Error was encountered

Severity: 8192

Message: array_key_exists(): Using array_key_exists() on objects is deprecated. Use isset() or property_exists() instead

Filename: helpers/template_helper.php

Line Number: 1049

Backtrace:

File: /home/u8613374/public_html/dasar/dev/application/helpers/template_helper.php
Line: 1049
Function: _error_handler

File: /home/u8613374/public_html/dasar/templates/frontend/belajar/header.php
Line: 100
Function: head

File: /home/u8613374/public_html/dasar/dev/application/libraries/Site.php
Line: 69
Function: view

File: /home/u8613374/public_html/dasar/dev/application/helpers/template_helper.php
Line: 13
Function: view

File: /home/u8613374/public_html/dasar/templates/frontend/belajar/artikel.php
Line: 1
Function: get_template

File: /home/u8613374/public_html/dasar/dev/application/libraries/Site.php
Line: 69
Function: view

File: /home/u8613374/public_html/dasar/dev/application/controllers/Artikel.php
Line: 37
Function: view

File: /home/u8613374/public_html/dasar/index.php
Line: 335
Function: require_once

Rabu, 19-Januari-2022

A PHP Error was encountered

Severity: Warning

Message: ini_set(): A session is active. You cannot change the session module's ini settings at this time

Filename: Session/Session.php

Line Number: 282

Backtrace:

File: /home/u8613374/public_html/dasar/dev/application/core/MY_Controller.php
Line: 12
Function: library

File: /home/u8613374/public_html/dasar/dev/application/core/frontend_controller.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/dev/application/controllers/Artikel.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/index.php
Line: 335
Function: require_once

A PHP Error was encountered

Severity: Warning

Message: session_set_cookie_params(): Cannot change session cookie parameters when session is active

Filename: Session/Session.php

Line Number: 294

Backtrace:

File: /home/u8613374/public_html/dasar/dev/application/core/MY_Controller.php
Line: 12
Function: library

File: /home/u8613374/public_html/dasar/dev/application/core/frontend_controller.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/dev/application/controllers/Artikel.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/index.php
Line: 335
Function: require_once

A PHP Error was encountered

Severity: Warning

Message: ini_set(): A session is active. You cannot change the session module's ini settings at this time

Filename: Session/Session.php

Line Number: 304

Backtrace:

File: /home/u8613374/public_html/dasar/dev/application/core/MY_Controller.php
Line: 12
Function: library

File: /home/u8613374/public_html/dasar/dev/application/core/frontend_controller.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/dev/application/controllers/Artikel.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/index.php
Line: 335
Function: require_once

A PHP Error was encountered

Severity: Warning

Message: ini_set(): A session is active. You cannot change the session module's ini settings at this time

Filename: Session/Session.php

Line Number: 375

Backtrace:

File: /home/u8613374/public_html/dasar/dev/application/core/MY_Controller.php
Line: 12
Function: library

File: /home/u8613374/public_html/dasar/dev/application/core/frontend_controller.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/dev/application/controllers/Artikel.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/index.php
Line: 335
Function: require_once

A PHP Error was encountered

Severity: Warning

Message: session_set_save_handler(): Cannot change save handler when session is active

Filename: Session/Session.php

Line Number: 110

Backtrace:

File: /home/u8613374/public_html/dasar/dev/application/core/MY_Controller.php
Line: 12
Function: library

File: /home/u8613374/public_html/dasar/dev/application/core/frontend_controller.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/dev/application/controllers/Artikel.php
Line: 7
Function: __construct

File: /home/u8613374/public_html/dasar/index.php
Line: 335
Function: require_once


Menggunakan CSS di HTML

0 BYAdmin

Dalam CSS Ada 3 cara memberikan style ke dalam halaman HTML, yaitu Inline CSS, Embedded CSS, External CSS. Untuk penjelasannya silahkan simak lebih lengkapnya di bawah ini :

Inline Style

Inline Style merupakan cara dalam memberikan Style CSS dengan menambahkan langsung ke dalam tag/elemen HTML, style-nya disisipkan sebagai atribut dari tag/elemen HTML. Cara yang seperti ini umumnya digunakan ketika dipadukan dengan javascript. Tapi kadang ada juga designer yang malas membuat embedded css ataupun external css sehingga langsung saja bekerja memberikan style CSS ke elemen langsung, jadi tambahan atribut, yakni atribut style. Contoh penggunaannya adalah kurang lebih seperti ini :

    <html>
        <head>
        <title>Judul Halaman</title>
        </head>
        <body>
            <p style="color:blue">Membuat tulisan warna biru</p>
            <p style="font-style:italic;">Membuat tulisan miring</p>
        </body>
    </html>

Hasilnya kurang lebih seperti ini :

See the Pen Contoh Inline CSS by Ilmuwebsite (@ilmuwebsite) on CodePen.

Embedded Style

Cara penggunaan Embedded Style, yakni stylenya yang disisipkan ke dalam tag head/body kemudian di dalamnya ditambahkan lagi tag <style> ...</style>. Cara ini biasanya di temui dalam template-template yang disediakan untuk blogger. Pemberian stylenya dalam satu file XML, tidak lagi diletakkan difile terpisah. Contoh penggunaannya adalah seperti ini :

    <html>
        <head>
            <style>
                p{
                    color:green;
                    font-family:arial;
                    font-size:120%;
                }
            </style>
        </head>
        <body>
            <p>Belajar Css Mudah</p>
            <p>Pengaturan paragraf dengan menggunakan CSS di dalam header dokumen html</p>
            <p>Dengan contoh ini, maka setiap paragraf atau yang berada diantara dan akan memiliki format yang sama</p>
        </body>
    </html>

Hasilnya nanti akan seperti ini :

See the Pen Contoh Embeded CSS by Ilmuwebsite (@ilmuwebsite) on CodePen.

External File CSS

Nah cara yang ini, external file CSS, merupakan cara yang paling sering digunakan oleh web designer maupun web developer. Cara yang populer karena mengurangi size halaman HTML, jika dibandingkan menggunakan cara inline dan embedded menghasilkan file HTML yang besar ukurannya. Dan itu seharusnya dihindari karena berpengaruh kepada kecepatan dalam meload halaman HTML.

Ada dua langkah cara yang harus dikerjakan untuk menggunakan jenis pemberian style menggunakan cara External File CSS

1. Kita buat terlebih dahulu sebuah file CSS menggunakan Text Editor kesukaan Anda misalnya Notepad++ atau sublime. Isinya kurang lebih seperti di bawah ini, dan berikan nama style.css

    p{
        font-family: arial;
        font-size: small;
        color: green;
    }

    h1{
        color: red;
    }

2. Langkah kedua adalah memanggil file style.css dari semua halaman web. Caranya dengan memasukkan kode di bawah ini yang disisipkan di antara tag <head> dan </head>

    <html>
        <head>
            <link rel="stylesheet" href="style.css" type="text/css"></link>
        </head>
        <body>
            <h1>Ini adalah contoh heading</h1>
            <p>Ini adalah contoh paragraf, implementasi dari eksternal file style.css </p>
        </body>
    </html>

Hasil akhirnya nanti akan seperti ini :

See the Pen Contoh Eksternal File CSS by Ilmuwebsite (@ilmuwebsite) on CodePen.