Pages

Showing posts with label mengenal. Show all posts
Showing posts with label mengenal. Show all posts

apa itu html

HTML adalah Hyper Text Mark Language suatu perintah bahasa yang memerintahkan isi dokumen melalui pengunaan tag, html dasar dari sebuah situs web.

elemen yang biasa kita gunakan bisa di lihat cirinya mengunakan buka  kurung < dan tutup kurung />
contohnya seperti ini bagian dari html

<html> </html> ini adalah untuk memangil situs web
<head></head> ini untuk kepala web 
<body> </body> bodi web

yang di atas merupakan suatu bagian dari blog, kode penyempurnaan seperti kaki tangan kepala adalah

<header></header> mendukung dari sebuah kepala sperti mata,telinga hidung dan lain-lain
<main></main> badan blog bisa kita sebut dengan badan di dalam ini terdapat isi conten dll
<outer></outer> bungkusan dari suatu blog biasa tubuh manusia di sebut kulit
<sidebar></sidebar> elemen bisa di gunakan di bagian body seperti tangan
<footer></footer> elemen di bawah badan bisa kita sebut kakinya
wrapper adalah bungkusannya biasanya dagingnya,
perintah elemen dasar di atas sudah saya praktekan di cara membuat template ada di sini , bisa anda praktekan di dalamnya
untuk memerintahkan bagian tersebut atau di bilang usus manusia atau uratnya

<b:section></b:section> perintah untuk bagian elemen dasar pada <body>
pendukung dari elemen blog

<buton></buton> ini bisa anda gunakan untuk tampilan buton contohnya seperti ini 
<buton>home </buton> <buton>contact us</buton> tampilan nanti akan seperti menonjol


belum atribut lainnya yang nanti akan kita bahas mengenai kode-kode html, kode html sejak tahun 1990 mengalami perubahan versi yang berbeda

Versi HTML

1. HTML - 1991
2. HTML + - 1993
3. HTML 2,0-1.995
4. HTML 3,2-1.997
5. HTML 4,01-1.999
6. XHTML - 2000
7. HTML 5-2012

belum lagi jika kita ingin mengetahui html dalam selular pasti berbeda, jika anda ingin mengetahui HTML yang ada pada blog anda bisa mengcopinya seperti ingin membuat tampilan seperti anda kunjungi.

Silahkan anda tepatkan pada bagian yang di tuju lalu klik kanan cari view page source, lebih jelasnya akan akan saya praktekan di dalam blog saya ini. kadang apa yang kita inginkan suka berbeda

Artikel apa itu html akan di lanjutkan (di perbahurui) kembali. karena ada sebagian yang belum saya jelaskan dan akan dalam kode Css, saya hanya belajar 

mempelajari lebar dan tinggi elemen

Hai Teman-teman ,masih bingung yah untuk mengerjakannya lebar dan tinggi elemen pada tata letak, di sini saya akan menjelaskannya, jika anda masih pada posisi blog saya dan terus mengikuti pembuatan template dari awal sampai akhir. maka anda akan bergabung di dalam artikel ini. 




tetapi jika anda mengunakan blog saya sebagai pelajaran untuk membuat blog anda bisa mempelajarinya di sini agar dapat lebih detail dan membedakan suatu ukuran lebar dan tinggi eleman.

pada sebuah tata letak terdiri dari 

1. Margin (batas)> Menghapus daerah di luar perbatasan. Margin transparan

Margin Adalah jarak yang memisahkan antara border dan sisi luarnya. yaitu margin sebelah atas, kanan, bawah dan kiri. jika anda masih sangat bingung silahkan anda ke sini untuk melihat ulang kembali untuk mengunakan margin anda dapat isinya secara langsung dengan contoh berikut :

margin 5px 
atau
margin-top:5px     ---->        ( Atas )
margin-right:6px   ---->        ( kanan )
margin-bottom:7px    --->   ( Bawah )
margin-left:8px      ---->       ( Kiri )

2. Padding (lapisan)> Menghapus sebuah daerah di sekitar konten. Padding transparan
padding adalah jarak antara border dengan bagian komponen body. 
padding anda dapat mengikuti caranya seperti contoh

padding 5px 
atau
padding-top:5px     ---->        ( Atas )
padding-right:6px   ---->        ( kanan )
padding-bottom:7px    --->   ( Bawah )
padding-left:8px      ---->       ( Kiri )

3. Conten > Isi kotak, di mana teks dan gambar muncul
conten adalah isi teks posting,laman,gambar dan lain-lain, 

4. Border > Sebuah batas yang terjadi di sekitar padding dan konten

border adalah sebuah garis paling luar yang merupakan bingkai dalam sebuah postingan atau widget di blog, border umumnya merupakan urutan ukuran border, jenis dan warna border. contohnya seperti ini border:10px solid #000; penjelasanya seperti ini Ukuran Border 10px, Jenis border solid, Warna border hitam.

Jenis-jenis Border

1. None ( tidak ada sama sekali atau kosong )
2. Dotted ( Titik di dalam border )
3. Dashed ( garis putu-putus )
4. solid ( garis tebal hitam )
5. double ( garis dobel )
6. dot-dash ( garis dan titik )
7. groove ( garis putih yang di keliling dengan oleh garis hitam di luar pading)
8. ridge ( garis hitam yang di kelilingi oleh garis putih di dalamnya )
9. inset ( border nampak seperti di tekan )
10. outset ( nampak menonjol atau keluar )
11. wave ( garis yang bergelombang )
12. dot-dot-dash ( garis dengan 2 titik )

saya sudah contohkan pada kode css di part 5


itu adalah pengenalan mengenai lebar dan tinggi elemen, bagaimana apakah sudah paham mengenai ini, saya akan selalu membedakan dengan suatu perbandingan pada px dimana akan saya lebih besar dan kecil agar dapat membedakannya.

Dalam hal ini ada yang sangat penting untuk di ingat, Bila Anda mengatur lebar dan tinggi sifat elemen dengan CSS, Anda hanya mengatur lebar dan tinggi area konten. Untuk menghitung ukuran penuh elemen, Anda juga harus menambahkan padding, perbatasan dan margin

semoga bermanfaat. 

Antara XML dan HTML

mengenal pada bagian part 1 kita akan membahasnya <?xml version=”1.0” encoding=”UTF-8” ?>

XML adalah singkatan dari extensible markup language
XML adalah bahasa markup seperti HTML
XML Adalah alat peranti lunak dan perangkat keras independen untuk membawa informasi
XML dirancang untuk mendeskripsikan data, tidak untuk menampilkan data
XML dirancang untuk menjadi diri deskriptif

Maka XML berguna seperti memangil atau menarik barang yang ingin di lihat dalamnya :D, ya maaf yah kalau saya, saya sedang belajar karena saya sedang belajar ingin sekali mempercantik blog saya sendiri karena tidak ada yang menjelaskan kode HTML, 

Apa bedanya XML dan HTML

  • XML dirancang untuk mendeskripsikan data, dengan fokus pada apa data maka XML adalah tentang membawa informasi
  • HTML dirancang untuk menampilkan data, yang pada bagaimana data terlihat maka HTML adalah tentang menampilkan informasi

Ok yah hasil saya copas dari sebelah :D, pada blog ini untuk saya belajar dan ingin mengenal kode HTML karena ada bagian pada blog yang saya mau ubah tetapi saya belum dapat mengubahnya, maka dari itu saya ingin membuatnya sendiri dan ingin mengenalnya

Di saat anda pada bagian(cara membuat template) kita bertemu dengan XML dan HTML jika anda sudah simpan template maka akan nampak postingan anda, tetapi pada bagian tersebut terlihat tidak beraturan, Bagaimana tidak anda bisa lihat sendiri bagian atasnya terdapat Awalan yaitu XML dan Akhirnya HTML

Jika anda ingin mengeditnya atau menambahkan pada bagian tubuhnya maka di antar kepala dan kaki harus di tambahkan

semoga bermanfaat