Senin, 19 Maret 2018

disain web bagian ke dua .html


Ass.wr.wb
oke sekarang kita bakala lanjutin tutorial tentang memanipulasi kata di html,langsung aja ke topik.

Manipulasi Font

Untuk memanipulasi font kita akan menggunakan inline style/CSS (akan dibahas dibagian
berikutnya). Kita tidak akan menggunakan tag <font> karena tag ini sudah “kuno” alias deprecated.
W3C sebagai pengembang HTML sudah tidak menyarankan untuk menggunakan tag font lagi.
Sebagai gantinya digunakan tag <span> dan inline style. Inline style adalah attribut style yang
diberikan pada sebuah tag HTML. Contoh, untuk membuat tampilan teks tebal gunakan cara
berikut:

<span style=”font­weight:bold”>Aku adalah teks tebal</span>

Output:
Aku adalah teks tebal
Pada contoh diatas kita memberikan attribut style, yang berisi “font­weight:bold”. Maksudnya
adalah kita akan mengaplikasikan style bold pada teks yang diapit oleh tag <span></span>.
Pemberian style tidak hanya terbatas pada satu bagian saja. anda dapat memberikan beberapa style
sekaligus dengan memberi tanda pemisah berupa “;” untuk setiap style.

<span style=”font­weight:bold;text­decoration:underline;font­style:italic”>Aku
 adalah teks tebal, bergaris bawah dan miring</span>

Output
Aku adalah teks tebal, bergaris bawah, dan miring
Pada contoh diatas kita menerapkan tiga style pada tag span. Dapat dilihat kalau setiap style
dipisahkan oleh titik koma. Intinya kita dapat memberikan banyak style sekaligus pada suatu tag.
Attribut style tidak terbatas pada tag span saja, hampir semua tag yang digunakan
untuk presentasi teks dapat kita sisipi tag style.
Penerapan Teori Manipulasi Teks
1. Buka gedit/Notepad++ dll
2. Ketik kode HTML berikut ini

<html>
<head>
<title>Manipulasi Teks</title>
</head>
<body>
<h1 style="color:red;text­decoration:underline">PENGUMUMAN!</h1>
<span style="color:#FF0000">
Barang siapa yang menemukan dompet saya, akan saya beri
<span style="font­weight:bold;font­style:italic">ISTRI, MOBIL, RUMAH dan
Segala SERTIFIKAT TANAH SAYA</span> DIJAMIN!!!.</span>
</body>
</html>

3. Simpan dengan nama manipulasi­teks.html
4. Buka dengan browser anda

dan tunggu kelanjuatanya jangan lupa di bagikan jika menurut temen-temen ini dibutuhkan...
di Tidak ada komentar:

langkah awal belajar html,disain web..


Ass.wr.wb
kali ini saya akan berbagi tutor pembahasan html daln disain web kenapa karena selama saya menjelajahi komputer menurut saya disain web adalah program yang paling mudah di banding dengan program yang lain kenapa karena tidak adanya aturan yang mutlak dalam html,oke langsung aja ke topik pembahasa untuk yang bagian pertama ini kita mulai dari..

HTML/XHTML merupakan format tampilan yang digunakan untuk menampilkan halaman website.
HTML terdiri dari simbol­simbol tertentu yang sering disebut dengan tag. Sebuah halaman website
yang valid selalu diapit tag <html></html>. File HTML umumnya memiliki akhiran *.htm atau
*.html.
Tag­tag pada HTML selalu diawali dengan <x>...</x>, dimana x tag HTML seperti <strong>, <p>,
<div>, dan lain­lain. Dibawah ini adalah tabel beberapa tag HTML yang sering digunakan.
Tag HTML Keterangan

<html></html> Tag untuk mengapit halaman HTML
<head></head> Tag yang berisi informasi umum dari halaman
<title></title> Judul Halaman *
<body></body> Akan ditampilkan di browser
<style></style> Untuk CSS *
<strong></strong> Untuk menebalkan teks
<div></div> Untuk membuat layer
<a></a> Untuk membuat hyperlink


<p></p> Untuk membuat paragraf
<hn></hn> Untuk membuat header **
<span></span> Untuk inline style (manipulasi teks)
<!­­--   -- ­>Komentar

* Tag tersebut harus berada didalam tag <head>...</head>
** n dapat berupa angka dari 1 – 5, contoh <h1>...</h1>
Penerapan Teori HTML
1. Buka editor anda (gedit(Linux), Notepad++(Windows), dsb))
2. Ketik kode berikut:
<html>
<head>
<title>Website Pertamaku</title>
</head>
<body>
<h1>Hello F**king World!!</h1>
</body>
</html>
3. Simpan pada dengan nama hello­world.html
4. Buka browser anda(Firefox, IE, dsb) dan buka file yang baru saja anda buat.

Dan untuk menampilkan hasilnya bisa di dibukak lewat aplikasi browser temen-temen.
Sekian tutorial kali ini saya ucakanterimakasih.....

seeyou...!
di Tidak ada komentar:

Minggu, 18 Maret 2018

disain web mudah dan keren

ass.wr.wb

pertama-tama marilah kita panjatkan puji syukur kita atas karunia yang telah diberikan pada kita sampai hari ini.

oke langsung saja masuk ke topik pembahasan kita pada hari ini yakninyadisain web ..okey..gogo
pada topik kalini kita akan membuat program web sederhana oke langsung aja ke pembahasan...
untuk baris pertama ini saya akan memberikan kode yang dapat di gunakan dalam pemograman ini ,aya akan menampilkan dalam bentuk teks di bagian bawah agar temen-semua dapat mengcopynya.
langsung aja ke contoh programnya




<!DOCTYPE html> <!--ini adalah identitas program-->
<html>
<head><!--ini adalah bagian kepala-->
<title>WEB GAMES</title><!--ini adalah nama web --></head>
    <body background=ringga.jpg ; width="1920" height="1080"><!--ini adalah untuk bagianmemberi latar dari program-->
<body><!--ini adalah bagian badan/ini progaram-->
<h1 align="center"><big><big><font color="RED">^_^ WELCOME TO MY GAMES ^_^</h1>
<marquee><big>CLASH OF CLANS</marquee><!--ini untuk membuat tulisan bergerak-->
<br><!--ini untuk enter ke bawah/baris baru-->
<hr align="nilai">
<br>
<h1 align="center">IDENTITAS CLASHER</h1>
<table width="745" border="1" cellspacing="0" cellpadding="5" align="center"><!--ini untuk membuat tabel-->
<tr align="center" >
<td width="400">DATA USER</td>
<td width="400">KETERANGAN</td>
<td width="400">FOTO</td>
</tr>
<tr>
<td>NAMA</td>
<td>RINGGA SEPTIA PRIBADI</td>
<td rowspan="10" align="center"><img src="ring.jpg" width="210" height="313"<!--ini untuk memasukan foto pada wabnya-->
</tr>
<tr>
<td>LIGA</td>
<td>TITAN 1</td>
</tr>
<tr>
<td>CLAN</td>
<td>LORONG PUTIH</td>
</tr>
<tr>
<td>SEKOLAH</td>
<td>POLITEKNIK KAMPAR</td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>Laki-laki</td>
</tr>
<tr>
<td>Tempat/Tanggal Lahir</td>
<td>MUNGO, 21 SEPTEMBER 1997</td>
</tr>
<tr>
<td>Alamat</td>
<td>KOTA PAYAKUMBUH
</tr>
<tr>
<td>STATUS</td>
<td>MAHASISWA</td>
    <h2 align="center">SEKIAN DARI SAYA <BR> JANGAN LUPA LIKE</h2>

silakan di copy dan beri nama yang temen-temen suka tapi di akhir namanya harus ada .html sebagai identitas filenya,kemudian tinggal bukak lewat browser temen-temen.
tabel kode.

di Tidak ada komentar:
Langganan: Postingan (Atom)

Button Link Dengan Form

 assalamualaikum wr.wb Button Link Dengan Form Untuk membuat link button dengan memanfaatkan form caranya cukup mudah. Seperti yang sud...