Dekorasi HTML & CSS

Contoh dekorasi HTML & CSS

HTML & CSS Myscript2010 Cibeber Cimahi

<style type="text/css">
#box {
    position:relative;
    background:#444;
    width:300px;
    height:200px;
    margin:20px 25px;
}
#ribbon {
    position:absolute;
    top:15px;
    left:-20px;
    width:260px;
    height:55px;
    background:#ff2702;
    color: #F0FFFF;
    padding:30px 40px;
    font-size:40px;
    font-weight:bold;
    border-radius:9px 5px 0 0;
    box-shadow:0 0 9px #333;
    text-shadow:0 0 8px #000;
}
#ribbon:before {
    content:'';
    position:absolute;
    bottom:-20px;
    left:0;
    border-top:solid 10px #ff2702;
    border-right:solid 10px #ff2702;
    border-bottom:solid 10px transparent;
    border-left:solid 10px transparent;

#ribbon:before {
    content:'';
    position:absolute;
    bottom:-20px;
    left:0;
    border-top:solid 10px #ff2702;
    border-right:solid 10px #ff2702;
    border-bottom:solid 10px transparent;
    border-left:solid 10px transparent;
}
#ribbon:after {
    content:'';
    position:absolute;
    bottom:-20px;
    right:0;
    border-top:solid 10px #ff2702;
    border-right:solid 10px transparent;
    border-bottom:solid 10px transparent;
    border-left:solid 10px #ff2702;
}
</style>

Sumber by. Stackoverflow
Edited by. Myscript2010

SAMPLE HTML5

Contoh kode (CSS) dan (HTML)

Contoh kode (CSS) dan (HTML)

(kode CSS)

h1 {text-align: center; color: #0000FF;}

yang akan digabungkan dengan kode HTML
menjadi sebuah kalimat (Mari Belajar)

(kode HTML)

<html>
<head>
<title> Post </title>
<link rel=”stylesheet” type=”text/css” href=”css.css”>
</head>
<body> <h1>Mari Belajar </h1>
</body>
</html>

Contoh CSS dan HTML yang digabung mengunakan tag penutup
<style type="text/css"> </style>

<style type="text/css">
h1 { text-align: center; color : # 0000FF; }
</style>
<html>
<head>
<title> CSS & HTML </title>
<link rel=”stylesheet” type=”text/css” href=”css.css”>
</head>
<body> <h1>Mari Belajar </h1>
</body>
</html>

Contoh CSS dan HTML setelah digabung hasilnya menjadi

Mari Belajar

All Sources
Edited by. Myscript2010

Pelajaran Dasar Tentang Kode CSS

(CSS) : adalah Cascading Style Sheets

(CSS) Berfungsi untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam.

(CSS) bukan merupakan bahasa pemograman.

Yang dapat dikendalikan dengan (CSS) adalah Teks spasi paragraf, dan juga border margin pada tabel serta pewarnaan baik itu teks tabel maupun gambar berikut ukurannya. untuk saat ini CSS memiliki 3 Versi yaitu CSS 1 CSS 2 dan CSS 3 masing masing berfungsi untuk mendesain Website maupun Webblog.

Contoh penulisan CSS :

           h1
       {
       color: #0789de;
                 }

Penjelasan :

h1      adalah Selector Berfungsi untuk memperbesar Teks
{ }    adalah declaration penutup isi, baik pewarnaan
       border, margin, dan juga ukuran panjang lebar sebuah
         gambar yang akan ditampilkan dalam postingan

#483D8B;
        adalah property Berfungsi untuk pewarnaan yang
        diakhiri dengan titik koma ;

contoh susunan (CSS )    h1 { color: #483D8B; }

CSS dibuat oleh : World WideWeb Consortium (W3C)

All Sumber
Edited by. Myscript2010

Mari Belajar

Pelajaran Dasar Kode Edit Simbol

Pelajaran dasar simbol kode HTML untuk postingan (HTML) Hyper Text Markup Language adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman webblog, yang menampilkan berbagai informasi di dalam sebuah webblog, dibawah ini adalah beberapa contoh Simbol kode HTML yang dapat diedit

Simbol Code HTML	Hasil Code HTML
►	►
◀	◀
▼	▼
▲	▲
♣	♣
♥	♥
☼	☼
♫	♫
☠	☠

Nama Simbol Code HTML	Code Simbol HTML	Hasil Code HTML
Trade merk	™	™
Registered	®	®
Copyright	©	©
double Right pointing	»	»
double left pointing	«	«

All Sources
Edited by. Myscript2010

Mari Belajar

Pelajaran Dasar Kode Edit Text

Pelajaran dasar kode edit text untuk postingan di blogg (HTML) Hyper Text Markup Language adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman webblog, yang menampilkan berbagai informasi di dalam sebuah webblog, dibawah ini adalah beberapa contoh kode edit text HTML yang dapat diedit

Nama Code HTML	Hasil Code HTML
Spasi	isi teks
Paragrafasi	<p> isi teks </p>
Baris Baru	<br> isi teks </br>
Teks besar	<h1> isi teks </h1>
Teks Kecil	<h6> isi teks </h6>
Teks Tebal	<b> isi teks </b>
Teks Tebal	<strong> isi teks </strong>
Teks Miring	<i> isi teks </i>
Teks Garis Bawah	<u> isi teks </u>

Font Ukuran & Warna Text
Teks rata kiri	<p align="left"> isi teks </p>
Teks rata kanan	<p align="right"> isi teks </p>
Teks rata tengah	<p align="center"> isi teks </p>
Font / gaya text	<font face="arial"> isi teks </font>
Font / warna text	<font color="red"> isi teks </font>
Font / warna text	<span style="color: red;"> isi teks </span>
Font / Ukuran text	<font style="font-size:50%;"> isi teks </font>
Font / warna & &ukuran text	<font size="3" color="blue"face="arial"> isi teks</font>
Font / ukuran text kecil	<span style="font-size: xx-small;"> isi teks </span>
Font / ukuran text besar	<span style="font-size: large;"> isi teks </span>
Font / ukuran text px	<span style="font-size: 40px;"> isi teks </span>
Font / warna text	<span style="color: #f53477;"> isi teks </span>

All Sources
Edited by. Myscript2010

Mari Belajar

Forum Muut dan Google

Pengertian Forum
forum adalah sebuah sarana komunikasi untuk sebuah komunitas. sama halnya seperti Social Network. didalam forum tersebut ada pembagian kategori yang dibuat untuk memudahkan penggunanya dalam berinteraksi. atau bisa diartikan sebagai tempat untuk berinteraksi, dengan adanya forum kita dapat dengan mudah mencari sebuah informasi.
Untuk bergabung klik Forum Contoh Forum Myscript2010

From Contact Us Mys2010

From Contact Us ini berfungsi untuk memudahkan para pengunjung blog agar dapat berkomunikasi secara privasi melalui pesan pribadi kepada penulis, dan juga memberikan saran serta kritik.
Jika ingin memiliki From Contact Us silahkan mengunjungi Link From Contact Us emailmeform
Jika ingin memberikan saran kritik silahkan kirim ke Myscript2010

Author

Judul artikel, Author

nama penulis (tanpa gelar akademis), alamat afiliasi penulis ditulis dengan tujuan belajar, Get in the code untuk menampilkan
gambar author, copy paste Back link untuk persahabatan

About Me

Tentang Saya

Pada awalnya sore hari saya ingin mendownload
lagu lagu pilihan yang saya inginkan melalui sebuah blogg,

saat itu saya melihat sebuah blogg menurut saya
desainnya bagus dan saya tertarik untuk membuatnya
saya coba belajar membuat blogg dengan cara mengikuti tutorial yang ada.

Ternyata membuat sebuah blogg tidak mudah
mendesain sebuah blogg berikut isinya sangat sulit
dan saya terus belajar hingga akhirnya saya dapat mengerti,
bagaimana cara membuat blogg,

blogg yang saya buat merupakan blogg yang berisikan berbagai macam tutorial yang diambil dari internet serta dari pengalaman pribadi.
Namun saya merasa bahwa kemampuan saya belum seberapa,
saya berharap akan adanya koreksi terhadap tutorial yang saya buat demi kemajuan blog ini.

Salam Blogger
Myscript2010 Cibeber Cimahi

Mari Belajar

My Profile

Profile Singkat
Mengenai Myscript2010

Nama Lengkap	Sulaeman
Nama Lain	Myscript2010
Tempat Lahir	Jakarta
Kebangsaan	Indonesia
Agama	Islam
Pekerjaan	Karyawan

Myscript2010

Menu

Menu Tab

Pages

Dekorasi HTML & CSS

Contoh kode (CSS) dan (HTML)

Mari Belajar

Pelajaran Dasar Tentang Kode CSS

(CSS) : adalah Cascading Style Sheets

Pelajaran Dasar Kode Edit Simbol

Pelajaran Dasar Kode Edit Text

Forum Muut dan Google

From Contact Us Mys2010

Author

About Me

My Profile

Random Posts

Popular Posts

Blog Archive

M2010