Tutorial Dan Pengaplikasian Script Tag HTML Tingkat Lanjut Di NotePad - Deejayhyufa14

29/8/2015 Tutorial dan Pengaplikasian Script Tag HTML tingkat lanjut di NotePad | deejayhyufa14
deejayhyufa14
Just share what can i do from this site..
Tutorial dan Pengaplikasian Script Tag

HTML tingkat lanjut di NotePad
10 Mei Hallo agan sekalian, come back again
nih buat ngelanjutin tutorial tentang
pembuatan web dengan menggunakan
tagtag HTML. Namun berbeda This entry was published on Mei
dengan postingan sebelumnya, dalam 10, 2013 at 8:48 am and is filed
postingan kali ini tingkat pengenalan under Uncategorized.Bookmark
tentang Tagtag HTML yang ada lebih the permalink.Follow any
ciyus dibanding dengan posting comments here with the RSS feed
kemaren. for this post.
Siyyuuss? Miapa..?
Halah malah jadi anak alay gini #tepokjidat. Yang pasti kali ini saya bakal ulas tentang
tagtag HTML yang lebih advance, disertai CSS, dan juga pengaplikasiaanya dan
preview hasil yang sudah kita buat nantinya. Okelah kalo begitu kita mulai saja dengan
bacaan basmalah biar tambah meresap ne ilmu ke ubunubun kita. :p
Yang pertama saya bakal ingetin agan sekalian apa itu tentang penjelasan dari balik
huruf HTML. HTML sendiri berarti Hyper Text Markup Language. Adalah format
yang mengajarkan pada komputer bagaimana cara untuk menampilkan sebuah halaman
web.Dokumendokumen itu sendiri adalah “plain text file” (ASCII) dengan special
“tags” atau kode yang diketahui web browser bagaimana cara untuk
https://deejayhyufa14.wordpress.com/2013/05/10/tutorialdanpengaplikasianscripttaghtmltingkatlanjutdinotepad/ 1/12
menginterpretasikan dan menampilkan di dalam layar pengguna (user). Sedangkan

struktur tag dalam HTML sendiri sebagai berikut :
Setelah kita mengetahui bagaimana kaidah urutan tag dalam HTML seperti diatas, mari
sejenak kita ambil kopi dan memluai ini semua dengan tagtag CSS dasar yang perlu
diketahui oleh agan sekalian.
CSS
CSS atau kepanjangan dari Cascading Style Sheet yang merupakan kumpulan perintah
yang dibentuk dari berbagai sumber yang disusun menurut urutan tertentu sehingga
mampu mengatasi konfik style. Penggunaan CSS bisa diaplikasikan dengan cara sebagai
berikut :
Satu dokumen terletak diantara tag <style>…</style> dalam dokumen yang

bersangkutan. Hanya diaplikasikan dalam dokumen tersebut. contoh:
maka preview hasil seperti berikut :
Tag – tag HTML
Berikut ini ulasan serta pengaplikasian tagtag HTML dan preview dalam browser yang
bisa dijadikan pembelajaran agan sekalian, cekibrot :
perubahan pada warna background menjadi keabuabuan
<head>…</head>
apabila dijalankan dalam browser, maka akan ada perubahan dalam title (judul halaman
tag head berisi tentang informasi antara lain Judul website
web) seperti gambar dibawah ini
judul website termasuk dalam tag (seperti yang dilingkari)
<p>…</p> (paragraph)
tag(paragraph) menggunakan atribut align=”…”
Ketika dijalankan di browser akan muncul seperti berikut :
hasil dari tag paragraf, ada tiga macam posisi yaitu right,center,left
<blockqoute>…</blockquote>
salah satu statemen struktur HTML yang digunakan untuk blocking statemen kutipan,
lihat gambar dibawan ini
penulisan tag blockquote guna membuat kutipan teks
dan ketika dijalankan dibrowser akan seperti berikut, teks kutipantersebut akan rapi
dengan sendirinya
<H1>…</H1> – <H6>…</H6> (headings)
Heading ini digunakan sebagai judul dari sebuah tulisan maupun sub judul. Karena
banyak ukuran yang bisa diterapkan dengan headings ini. Simak contoh berikut :
Sehingga tergantung dari bagaimana agan sekalian mengolah tata letak dan pemilihan
heading dalam website, sehingga terlihaat simetris di mata pengunjung
Okey, sekarang mari kita mencoba membuat suatu website gabungan dengan cara
membuat masingmasing bagian. Kita coba membagi bagianbagian tersebut menjadi 3
bagian, yaitu Judul, Menu, dan Isi.
Pertama kita membuat tag HTML sendiri guna membuat judulnya seperti berikut :
Save project tersebut dengan nama Judul, dan coba jalankan dengan browser. Apabila
teks kutipan menjadi rapi berkat tag blockquote ada 3 macam rata, yaitu left, center dan right
semakin besar nilai “H” maka semakin kecil pula font yang dihasilkan
berhasil akan muncul seperti gambar berikut :
Untuk tahap kedua silahkan membuka lembar kerja notepad baru untuk membuat tag
pratampil dalam browser
buatlah tag HTML dengan perintah seperti dibawah ini
project HTML menu, lihat gambar dibawah ini :
Setelah itu sama dengan membuat tag project judul, save dengan nama Menu.
Kemudian jalankan seperti berikut :
Yang terakhir kita buat tag project untuk isi dari website tersebut, kita coba dengan tag
script seperti berikut :
hasil dari project untuk judul
tag HTML project baru untuk menu
Save denga nama isi.htm seperti 2 cript sebelumnya yaitu judul, dan menu dan coba
agan jalankan pada browser. Jika berhasil akan tampil seperti ini.
Sekarang agan udah punya 3 dari materi penggabungan dalam satu website. Yuk
marilah kita mengheningkan cipte, eh salah maksud ane marilah kita susun tiga bagian
tersebut menjadi satu kesatuan website yang ada dengan cara membuat project baru lagi
yaitu gabungan antara Judul, Menu, dan Isi. Bijimane carenye ndan? tenang, ikuti aja tag
notepad dibawah ini :
Setelah itu save dengan nama terserah agan semua, coba jalankan dengan menggunakan
browser dan inilah jadinya..
Menu berhasil dijalankan
tag script HTML untuk isi sebperti ini
Itu dia Pelajaran tag HTML yang semakin Ciyus aja tahapannya dari ane, sekian dulu.
Mau makan dan jemput nyonya pulang dari Kampusnya yang jau disono.
semoga ilmu yang ane berikan ini bermanpaat bagi ente semua ya gan. Like jika suka
ndan..
tag menu apabila dija;ankan di browser
dengan cara menggunakan atribut ketiga hmtl tersebyt bisa bergabung
 Ikuti
Ikuti
“deejayhyufa14”
Kirimkan setiap pos baru ke
Kotak Masuk Anda.
Masukkan alamat email Anda
Daftarkan saya
Buat situs dengan WordPress.com
taraaaa, gabungan dari ketiga project HTML lebih dinamis
Share this:
 Twitter  Facebook
 Suka
Jadilah yang pertama menyukai ini.
Blog di WordPress.com. The AutoFocus Theme.

Tutorial Dan Pengaplikasian Script Tag HTML Tingkat Lanjut Di NotePad - Deejayhyufa14

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Tutorial Dan Pengaplikasian Script Tag HTML Tingkat Lanjut Di NotePad - Deejayhyufa14

Diunggah oleh

Hak Cipta:

Format Tersedia

29/8/2015 Tutorial dan Pengaplikasian Script Tag HTML tingkat lanjut di NotePad | deejayhyufa14

Tutorial dan Pengaplikasian Script Tag

menginterpretasikan dan menampilkan di dalam layar pengguna (user). Sedangkan

Satu dokumen terletak diantara tag <style>…</style> dalam dokumen yang

maka preview hasil seperti berikut :

Tag – tag HTML

perubahan pada warna background menjadi keabu­abuan

tag head berisi tentang informasi antara lain Judul website

web) seperti gambar dibawah ini

judul website termasuk dalam tag (seperti yang dilingkari)

tag(paragraph) menggunakan atribut align=”…”

Ketika dijalankan di browser akan muncul seperti berikut :

penulisan tag blockquote guna membuat kutipan teks

<H1>…</H1> – <H6>…</H6> (headings)

berhasil akan muncul seperti gambar berikut :

pratampil dalam browser

buatlah tag HTML dengan perintah seperti dibawah ini

project HTML menu, lihat gambar dibawah ini :

hasil dari project untuk judul

tag HTML project baru untuk menu

Menu berhasil dijalankan

tag script HTML untuk isi sebperti ini

tag menu apabila dija;ankan di browser

dengan cara menggunakan atribut ketiga hmtl tersebyt bisa bergabung

Masukkan alamat email Anda

Buat situs dengan WordPress.com

taraaaa, gabungan dari ketiga project HTML lebih dinamis

Blog di WordPress.com. The AutoFocus Theme.

Anda mungkin juga menyukai

perubahan pada warna background menjadi keabuabuan