HTML format

Assalamu’alaikum Warahmatullahi Wabarakaatuh.

Hari ini saya akan memposting tentang HTML Format yang saya pelajari dari w3school .

A.Pengertian:
HyperText Markup Language (HTML) adalah bahasa inti dari hampir semua konten Web. Sebagian besar dari apa yang Anda lihat pada layar browser anda adalah sebuah deskripsi, secara mendasar, menggunakan HTML. Lebih tepatnya, HTMLadalah bahasa yang menggambarkan struktur dan isi semantik dari sebuah dokumen Web.

B.Alat dan bahan:

1.Pc.

2.Internet.

C.Tahapan Materi:

HTML Format Elements

Dalam bab sebelumnya, Anda belajar tentang styling HTML, menggunakan HTML styleatribut.

HTML juga mendefinisikan elemen khusus untuk mendefinisikan teks dengan makna khusus.

HTML menggunakan unsur-unsur seperti <b> dan <i> untuk memformat output, seperti boldatau italic teks.

Elemen format yang dirancang untuk menampilkan jenis khusus dari teks:

• Teks tebal
• teks penting
• teks miring
• teks menekankan
• teks ditandai
• teks kecil
• teks yang dihapus
• teks dimasukkan
• subskrip
• superskrip

Contoh salah satu html format dibawah ini.

D.Latar belakang:

Kewajiban siswa blc setelah mempelajari sesuatu wajib di posting guna menjadi laporan pada waktu pulang dan agar terbiasa bila melalukukan atau mengerjakan sesuatu membagikan ke publik.

E.Maksud tujuan:

Pembaca bisa mengetahui tentang html format.

F.Referensi:

w3school.com.

Sekian terimakasih semoga bermanfaat.

Wassalamu’alaikum Warahmatullahi Wabarakaatuh.

Read More

HTML Styles

Assalamu’alaikum Warahmatullahi Wabarakaatuh.

Hari ini saya akan memposting tentang HTML Styles yang saya pelajari dari w3school .

A.Pengertian:
HyperText Markup Language (HTML) adalah bahasa inti dari hampir semua konten Web. Sebagian besar dari apa yang Anda lihat pada layar browser anda adalah sebuah deskripsi, secara mendasar, menggunakan HTML. Lebih tepatnya, HTMLadalah bahasa yang menggambarkan struktur dan isi semantik dari sebuah dokumen Web.

B.Alat dan bahan:

1.Pc.

2.Internet.

C.Tahapan materi:

HTML Style Atribut

Pengaturan gaya elemen HTML, bisa dilakukan dengan style atribut.

Atribut style HTML memiliki sintaks berikut:

style=" property : value; "

The property adalah properti CSS. The value adalah nilai CS

HTML Warna Latar Belakang

The background-color properti mendefinisikan warna latar belakang untuk elemen HTML:

Contoh ini menetapkan latar belakang untuk halaman untuk lightgrey:

HTML Warna Teks

The color properti mendefinisikan warna teks untuk elemen HTML:

HTML Fonts

The font-family properti mendefinisikan font yang akan digunakan untuk elemen HTML:

HTML Ukuran Teks

The font-size properti mendefinisikan ukuran teks untuk elemen HTML:

HTML Penyelarasan Teks

The text-align properti mendefinisikan perataan teks horisontal untuk sebuah elemen HTML:

Bab Ringkasan

• Gunakan style atribut untuk elemen styling HTML
• Gunakan background-color untuk warna latar belakang
• Gunakan color untuk warna teks
• Gunakan font-family untuk font teks
• Gunakan font-size untuk ukuran teks
• Gunakan text-align untuk perataan teks

D.Latar belakang:

Kewajiban siswa blc setelah mempelajari sesuatu wajib di posting guna menjadi laporan pada waktu pulang dan agar terbiasa bila melalukukan atau mengerjakan sesuatu membagikan ke publik.

E.Maksud tujuan:

Pembaca bisa mengetahui tentang html styles gaya html.

F.Referensi:

w3school.com.

Sekian terimakasih semoga bermanfaat.

Wassalamu’alaikum Warahmatullahi Wabarakaatuh.

Read More

HTML atribut

Assalamu’alaikum Warahmatullahi Wabarakaatuh.

Hari ini saya akan memposting tentang HTML atribut yang saya pelajari dari w3school .

A.Pengertian:
HyperText Markup Language (HTML) adalah bahasa inti dari hampir semua konten Web. Sebagian besar dari apa yang Anda lihat pada layar browser anda adalah sebuah deskripsi, secara mendasar, menggunakan HTML. Lebih tepatnya, HTMLadalah bahasa yang menggambarkan struktur dan isi semantik dari sebuah dokumen Web.

B.Alat dan bahan:
1.Pc.
2.Internet.

C.Tahapan materi html atribut:

Atribut memberikan informasi tambahan tentang elemen HTML.

Atribut HTML adalah pengubah dari jenis elemen HTML. Atribut baik memodifikasi fungsi default jenis unsur atau menyediakan fungsionalitas untuk jenis elemen tertentu tidak dapat berfungsi dengan benar tanpa mereka. Dalam sintaks HTML, atribut ditambahkan ke tag HTML awal.

Atribut HTML

• Elemen HTML dapat memiliki attributes
• Atribut memberikan additional information tentang elemen
• Atribut selalu ditentukan dalam the start tag
• Atribut datang dalam pasangan nama / nilai seperti: name="value"

Deskripsi

HTML atribut umumnya muncul sebagai pasangan nama-nilai, yang dipisahkan oleh =, dan ditulis dalam tag awal sebuah elemen, setelah nama elemen:

<tag attribute="value">content to be modified by the tag</tag>

Di mana nama tag HTML jenis elemen, dan atribut adalah nama atribut, set ke nilai yang diberikan. nilai tersebut mungkin tertutup dalam tanda kutip tunggal atau ganda, meskipun nilai-nilai yang terdiri dari karakter tertentu dapat dibiarkan kuotasi di HTML (tapi tidak XHTML) .Leaving atribut nilai kuotasi dianggap tidak aman.

Meskipun sebagian besar atribut disediakan sebagai nama dan nilai-nilai dipasangkan, beberapa mempengaruhi elemen hanya dengan kehadiran mereka di tag awal dari elemen (seperti atribut ismap untuk elemen img).

Kebanyakan elemen dapat mengambil salah satu dari beberapa atribut umum:

Atribut id menyediakan identifikasi unik dokumen-lebar untuk element.This dapat digunakan sebagai pemilih CSS untuk memberikan sifat presentasi, oleh browser untuk memusatkan perhatian pada elemen tertentu, atau dengan script untuk mengubah isi atau presentasi dari elemen. Ditambahkan ke URL halaman, URL langsung menargetkan elemen tertentu dalam dokumen, biasanya sub-bagian halaman. Sebagai contoh, ID "Atribut".

Atribut class menyediakan cara untuk mengklasifikasi unsur yang sama. Hal ini dapat digunakan untuk tujuan semantik, atau untuk keperluan presentasi. Semantik, misalnya, kelas yang digunakan dalam Microformats. Presentationally, misalnya, dokumen HTML mungkin menggunakan kelas sebutan = "notasi" untuk menunjukkan bahwa semua elemen dengan nilai kelas ini adalah bawahan teks utama dari dokumen. elemen seperti mungkin berkumpul dan disajikan sebagai catatan kaki pada halaman bukannya muncul di tempat di mana mereka terjadi pada kode HTML. Penggunaan presentasi lain akan sebagai pemilih CSS.

Seorang penulis dapat menggunakan gaya kode non-attributal sifat presentasi untuk elemen tertentu. Hal ini dianggap praktik yang lebih baik untuk menggunakan id elemen atau kelas atribut untuk memilih elemen dengan stylesheet, meskipun kadang-kadang ini bisa terlalu rumit untuk sebuah aplikasi sederhana dan spesifik atau ad hoc properti bergaya.

Atribut title digunakan untuk melampirkan penjelasan subtextual ke elemen. Dalam kebanyakan browser atribut ini ditampilkan sebagai apa yang sering disebut sebagai tooltip.

Unsur singkatan, abbr, dapat digunakan untuk menunjukkan berbagai atribut:

<abbr id="anId" class="aClass" style="color:blue;"title="Hypertext Markup Language">HTML</abbr>

Contoh ini menampilkan sebagai HTML; di kebanyakan browser, menunjuk kursor pada singkatan harus menampilkan judul teks "Hypertext Markup Language."

Kebanyakan elemen juga mengambil bahasa terkait atribut lang dan dir.

D.Latar belakang:

Kewajiban siswa blc setelah mempelajari sesuatu wajib di posting guna menjadi laporan pada waktu pulang dan agar terbiasa bila melalukukan atau mengerjakan sesuatu membagikan ke publik.

E.Maksud tujuan:

Pembaca bisa mengetahui tentang html atribut karena ini adalah dasar harus dikuasai.

F.Referensi:

w3school.com.

Sekian terimakasih semoga bermanfaat.

Wassalamu’alaikum Warahmatullahi Wabarakaatuh.

Read More

HTML Elemen

Assalamu’alaikum Warahmatullahi Wabarakaatuh.

Hari ini saya akan memposting tentang HTML Elemen yang saya pelajari dari w3school .

A.Pengertian:
HyperText Markup Language (HTML) adalah bahasa inti dari hampir semua konten Web. Sebagian besar dari apa yang Anda lihat pada layar browser anda adalah sebuah deskripsi, secara mendasar, menggunakan HTML. Lebih tepatnya, HTMLadalah bahasa yang menggambarkan struktur dan isi semantik dari sebuah dokumen Web.

B.Alat dan bahan:
1.Pc.
2.Internet.

C.Tahapan materi:

Dokumen HTML yang dibuat oleh elemen HTML.

Dalam sintaks HTML, kebanyakan unsur ditulis dengan tag awal dan tag akhir, dengan konten di antara. Tag HTML terdiri dari nama unsur, dikelilingi oleh kurung sudut. Tag akhir juga memiliki garis miring setelah pembukaan sudut braket, untuk membedakannya dari tag awal.

HTML Elements

Elemen HTML ditulis dengan tag awal, dengan tag akhir, dengan konten di antara:

<tagname>content</tagname>

Elemen HTML adalah segalanya dari awal tag ke tag akhir:

<p> Pertama saya HTML ayat. </p>

D.Latar belakang:

Kewajiban siswa blc setelah mempelajari sesuatu wajib di posting guna menjadi laporan pada waktu pulang dan agar terbiasa bila melalukukan atau mengerjakan sesuatu membagikan ke publik.

E.Maksud tujuan:

Pembaca bisa mengetahui tentang html elemen.

F.Referensi:

w3school.com.

Sekian terimakasih semoga bermanfaat.

Wassalamu’alaikum Warahmatullahi Wabarakaatuh.

Read More

HTML Dasar

Assalamu’alaikum Warahmatullahi Wabarakaatuh.

Hari ini saya akan memposting tentang HTML dasar dokumen,pos,paragraf,link dan gambar yang saya pelajari dari w3school .

A.Pengertian:
HyperText Markup Language (HTML) adalah bahasa inti dari hampir semua konten Web. Sebagian besar dari apa yang Anda lihat pada layar browser anda adalah sebuah deskripsi, secara mendasar, menggunakan HTML. Lebih tepatnya, HTMLadalah bahasa yang menggambarkan struktur dan isi semantik dari sebuah dokumen Web.

B.Alat dan bahan:
C.Tahapan topik yang dikerjakan:
Wassalamu’alaikum Warahmatullahi Wabarakaatuh.
x

1.Pc/Laptop.
2.Web browser.
3.Internet

1.Html Dokumen

Semua dokumen HTML harus dimulai dengan deklarasi tipe: <!DOCTYPE html>.Dokumen HTML itu sendiri dimulai dengan <html> dan diakhiri dengan </html> .Bagian yang terlihat dari dokumen HTML adalah antara <body> dan </body>.

2.Html Pos
Judul HTML didefinisikan dengan <h1> untuk <h6> tag.

3.Html Paragraf

Paragraf HTML didefinisikan dengan <p> tag.

4.Link Html

Link HTML didefinisikan dengan <a> tag.

5.Gambar Html

Gambar HTML didefinisikan dengan <img> tag.File sumber ( src ) , alternatif teks ( alt ) , dan ukuran ( width and height ) disediakan sebagai atribut

D.Latar belakang:

Kewajiban siswa blc setelah mempelajari sesuatu wajib di posting guna menjadi laporan pada waktu pulang dan agar terbiasa bila melalukukan atau mengerjakan sesuatu membagikan ke publik.

E.Maksud tujuan:

Pembaca bisa mengetahui tentang html dasar.

F.Referensi:
w3school.com.

Wassalamu’alaikum Warahmatullahi Wabarakaatuh.

Read More

HTML editor

Assalamu’alaikum Warahmatullahi Wabarakaatuh

Hari ini saya belajar tentang html editor dan menggunakan text editor sublime text membuat program sederhana.

A.Pengertian:

Editor HTML adalah sebuah program komputer untuk mengedit HTML, markup dari sebuah halaman web. Meskipun markup HTML dari suatu halaman web dapat ditulis dengan editor teks, editor HTML khusus dapat menawarkan kenyamanan dan fungsionalitas tambahan.

Sebagai contoh, banyak editor HTML menangani tidak hanya HTML, tetapi teknologi juga terkait seperti CSS, XML dan JavaScript atau ECMAScript. Dalam beberapa kasus mereka juga mengelola komunikasi dengan server web remote melalui FTP dan WebDAV, dan sistem kontrol versi seperti Subversion atau Git.

Banyak pengolah kata, desain dan halaman grafis program tata letak yang tidak didedikasikan untuk desain web, seperti Microsoft Word atau Quark Xpress, juga memiliki kemampuan untuk berfungsi sebagai editor HTML.

Penyunting teks atau editor teks adalah suatu jenis perangkat lunak komputer yang digunakan untuk menyunting teks biasa. Penyunting teks dibedakan dengan pengolah kata (word processor) karena jenis perangkat lunak ini tidak mengatur format dokumen atau fitur-fitur lain yang biasa digunakan dalam penerbitan semeja (desktop publishing). Penyunting teks sering disediakan oleh sistem operasi atau paket pengembangan perangkat lunak, dan dapat digunakan untuk mengubah berkas konfigurasi serta kode sumber bahasa pemrograman.

B.Alat dan bahan:
x

1.Pc.
2.Text editor.
3.Web browser.

C.Tahap pelaksanaan menggunakan text editor sublime text:

1.Buka sublime text akan tampil seperti di bawah ini dan isi scriptnya seperti dibawah ini.

2.Setelah itu save caranya ctrl+s / file save as lalu pilih folder html yang sebelumnya kita buat lalu beri nama index.html lalu klik save.

3.Setelah itu jalankan di web browser ketikan localhost/html/index.html lalu akan muncul seperti dibawah ini.

4.Selesai.

C.Latar belakang:
Karena siswa prakerin blc telkom ketika pulang harus membuat laporan,laporanya berupa blog dan saya menulis blog untuk membuat laporan.

D.Maksud tujuan:
Pembaca mengetahui tentang text editor dan menjalankan program di web browser.

Sekian terimakasih semoga bermanfaat.

Wassalamu’alaikum Warahmatullahi Wabarakaatuh.

Read More

HTML Pengantar

Assalamu’alaikum Warahmatullahi Wabarakaatuh

Hari ini saya akan memposting tentang HTML pengantar pendahuluan web browser tag dan struktur HTML.

A.Pengertian:
HyperText Markup Language (HTML) adalah bahasa inti dari hampir semua konten Web. Sebagian besar dari apa yang Anda lihat pada layar browser anda adalah sebuah deskripsi, secara mendasar, menggunakan HTML. Lebih tepatnya, HTMLadalah bahasa yang menggambarkan struktur dan isi semantik dari sebuah dokumen Web.

Contoh html:

Penjelasan:

• The DOCTYPE deklarasi mendefinisikan jenis dokumen menjadi HTML
• Teks antara <html> dan </html> menggambarkan sebuah dokumen HTML
• Teks antara <head> dan </head> memberikan informasi tentang dokumen
• Teks antara <title> dan </title> menyediakan judul untuk dokumen
• Teks antara <body> dan </body> menggambarkan isi halaman yang terlihat
• Teks antara <h1> dan </h1> menggambarkan sebuah heading
• Teks antara <p> dan </p> menggambarkan sebuah paragraf

Menggunakan deskripsi ini, web browser dapat menampilkan dokumen dengan judul dan paragraf.

B.Tags HTML:

Tag HTML adalah kata kunci (tag names) dikelilingi oleh angle brackets :

<tagname>content</tagname>

• Tag HTML biasanya datang in pairs seperti <p> dan </p>
• Tag pertama dalam pasangan adalah start tag, tag kedua adalah end tag
• Tag akhir ditulis seperti tag awal, tetapi dengan garis miring sebelum nama tag

Tag awal sering disebut opening tag . Tag akhir sering disebut closing tag .

C.Browser web:

Tujuan dari web browser (Chrome, IE, Firefox, Safari) adalah untuk membaca dokumen HTML dan menampilkannya.

Browser tidak menampilkan tag HTML, tetapi menggunakan mereka untuk menentukan bagaimana menampilkan dokumen:

D.Struktur html halaman:

Di bawah ini adalah visualisasi dari struktur halaman HTML:

Hanya <body> daerah (the white area) ditampilkan oleh browser.

E.The <!DOCTYPE> deklarasi 

The <!DOCTYPE> deklarasi membantu browser untuk menampilkan halaman web dengan benar.

Ada yang berbeda jenis dokumen di web.

Untuk menampilkan dokumen dengan benar, browser harus tahu kedua jenis dan versi.

DOCTYPE deklarasi tidak sensitif huruf. Semua kasus yang diterima:

<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>

F.Versi HTML:

Sejak hari-hari awal web, ada banyak versi HTML:

G.Latar belakang:

Kewajiban siswa blc setelah mempelajari sesuatu wajib di posting guna menjadi laporan pada waktu pulang dan agar terbiasa bila melalukukan atau mengerjakan sesuatu membagikan ke publik.

H.Maksud tujuan:

Pembaca wajib mengetahui sebelum membuat program kita buat kerangka html  dan dasar html kita harus mengetahui web browser tag struktur html.

I.Referensi:
w3school.com

Sekian terimakasih semoga bermanfaat.

Wassalamu’alaikum Warahmatullahi Wabarakaatuh

Read More

HTML sejarah dan kegunaanya

Assalamu’alaikum Warahmatullahi Wabarakaatuh

Hari saya belajar tentang html apa itu html dan kegunaan dan saya akan mempostingnya.

A.Pengertian:
HTML ( Hyper Text Markup Language ) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah jelajah web internet pemformatan hiperteks sederhana yang ditulis  dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintergerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengelola kata dan disimpan dalam formal ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbit dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar internet yang didefinisi dan kendalikan penggunaanya oleh Word Wide Web Consortium (W3C). HTML dibuat oleh kaloborasi Caillau TIM dengan Berners-lee Robert ketika bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa)

B.Perembangan:
Tahun 1980, IBM memikirkan pembuatan suatu dokumen yang akan mengenali setiap elemen dari dokumen suatu tanda tertentu. IBM kemudian mengembangkan suatu jenis bahasa yang menggabungkan teks dengan perintah-perintah performatan dokumen. Bahasa ini dinamakan Mark Language, sebuah bahasa yang digunakan tanda-tanda sebagai basisnya. IBM menamakan sistemnya ini sebagai Generalized Markup Language atau GML.

Tahun 1986, ISO menyatakan bahwa IBM memiliki suatu konsep tentang dokumen yang sangat baik, kemudian mengeluarkan suatu publikasi (ISO 8879) yang menyatakan Mark Language sebagai standar untuk pembuatan dukomen-dokumen. ISO mebuatan bahasa ini dari GML milik IBM, tetapi memberinya nama lain, yaitu SGML (Standar Generalizid Markup Language). ISO dalam publikasinya meyakini bahwa SGML akan sangat berguna untuk pemproseran informasi teks dan sistem-sistem perkantoran. Tetapi diluar ISO, SGML dan terutama subset dari SGML, yaitu HTML juga berguna untuk menjelajahi internet. Khususnya bagi mereka yang menggunakan Word Wide Web. Versi terakhir dari HTML saat ini adalah HTML5.


C.Kegunaan :
D.Latar belaang:
E.Masud tujuan:
Sekian terimakasih semoga bermanfaat.



1.Mengintergrasi gambar dengan tulisan.
2.Membuat Pranala.
3.Membuat form interaktif.
4.mengintergrasikan berkas suara dan rekaman gambar hidup.

Kewajiban siswa blc setelah mempelajari sesuatu wajib di posting guna menjadi laporan pada waktu pulang.

Pembaca mengetahui dan memahami apa itu html sejarah dan kegunaanya.


Wassalamu’alaikum Warahmatullahi Wabarakaatuh.

Read More