Tulisan Softskill
Nama : Lugas Setyo
Aji
NPM : 24212257
Kelas : 1EB13
UNIVERSITAS GUNADARMA 2012
NPM : 24212257
Kelas : 1EB13
UNIVERSITAS GUNADARMA 2012
Pengertian dan Cara Membuat HTML
HTML adalah, (HyperText Markup Language) sebuah bahasa standar yang digunakan oleh browser Internet untuk membuat halaman dan dokumen pada sebuah Web yang kemudian dapat diakses dan dibaca layaknya sebuah artikel. HTMLjuga dapat digunakan sebagai link link antara file-file dalam situs atau dalam komputer dengan menggunakan localhost, atau link yang menghubungkan antar situs dalam dunia internet.
membuat file html
• buka program notepad
• copy markup/code/style berikut
• paste ke notepad tadi
• klik file(kiri atas)
• pilih save ass
• pada file name isi dengan coba-coba.htm atau coba-coba.html
• pada seva all type pilih all files
• lalu save
• ekstensinya adalah [dot] html, bukan [dot] text
juga bisa dibuat dengan cara klik kanan diarea kosong lalu new – text document, kemudian ubah ekstensinya (dari [dot] txt menjadi [dot]html atau htm)
menjalankan file html
• cari file yang telah dibuat tadi coba-coba.htm atau coba-coba.html
• arahkan cursor ke file html tadi
• lalu klik kanan
• pilih open with pilih salah satu(firefox, ie, opera dll)
• bisa juga dengan double click(tergantung konfigurasi komputer)
mengedit file html
• arahkan cursor ke file html tadi
• klik kanan
• lalu pilih notepad
• selakan edit
• save
• lalu jalankan lagi filenya
Dibawah ini contoh html iseng saya beserta hasilnya :
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Coba-coba</title>
</head>
<body>
<!--mencoba tag-tag dasar html-->
<marquee><h1 align="center">Lugas Setyo Aji</h1></marquee>
<h2 align="right">Wira Catur</h2>
<h3 align="center">Akhmad Arief</h3>
<h4 align="left"><del>Dian Kurniawan</del></h4>
<blockquote>©Kami Dari "Boyband Gunadarma"
Yang ®Siap Untuk ™Menghibur Anda
Dimana Pun & Anda Berada</blockquote>
<p><big><strike><q>Kami Dari «Boyband Gunadarma»
<Kami Siap> Untuk ×Menghibur÷ Anda
Dimana Pun Anda Berada</q></strike></big></p>
<p><small><u></u></small></p><pre><small><u>Kami</u></small></pre><small>
<u> Dari Boyband <em>Gunadarma</em></u><br>
<i><abbr>Kami</abbr> Siap Untuk Menghibur <sup>Anda</sup></i><br>
<b><acronym>Dimana</acronym> Pun Anda <sub>Berada</sub></b></small><p></p><br>
<p><strong><p>Kami Dari Boyband Gunadarma<br>
<br>Kami Siap Untuk Menghibur Anda<br><style type="text/css">
body {font-family "Arial", font-size: "12pt",background-color: #0000FF
}Dimana Pun Anda Berada</style></strong></p><br>
</body>
</html>
Hasilnya dibawah ini :
Ada satu lagi contoh HTML iseng saya :
<html>
<head>
<title>LUGAS HTML</title>
<body bgcolor="yellow" text="red">
<style>.style1 {font-size: 24px}
.style2 {font-size: 20px}.style3 {font-size: 18px}
-->
</style></head>
<body>
<div align="center" class="style1">
<p align="center"><span class="style3">Tugas PKTI 2C Membuat HTML</span></p>
<img src="https://lh3.googleusercontent.com/-IDnNiiQsjWE/AAAAAAAAAAI/AAAAAAAAACQ/I54RakbzM8Y/
s120-c/photo.jpg" style="border:4px solid #000" alt="Gambar Lugas" width="150" height="150" />
<p align="center"><span class="style2">NAMA : LUGAS SETYO AJI</span></p>
<p align="center"><span class="style2">NPM : 24212257</span></p>
<p align="center"><span class="style2">Tempat, tgl lahir : Jakarta, 18-10-1994</span></p>
<p align="center"><span class="style2">ALAMAT : JL. H. Nazi I No.67 </span></p>
<p align="center"><span class="style2">NO.TELP : 087784294257 </span></p>
<p align="center"><span class="style2">HOBI : Bermain Gitar </span></p>
<p align="center"><span class="style1">UNIVERSITAS GUNADARMA</span></p>
<p align="center"><span class="style2">JURUSAN : AKUNTANSI</span></p>
<p align="center"><span class="style2">KELAS : 1EB13</span></p>
<p align="center"><span class="style2">
Blog : <a href="http://lugassetyoaji.blogspot.com" >
lugassetyoaji.blogspot.com </a></span></p>
<p align="center"> </p>
</div>
</body>
</html>
<head>
<title>LUGAS HTML</title>
<body bgcolor="yellow" text="red">
<style>.style1 {font-size: 24px}
.style2 {font-size: 20px}.style3 {font-size: 18px}
-->
</style></head>
<body>
<div align="center" class="style1">
<p align="center"><span class="style3">Tugas PKTI 2C Membuat HTML</span></p>
<img src="https://lh3.googleusercontent.com/-IDnNiiQsjWE/AAAAAAAAAAI/AAAAAAAAACQ/I54RakbzM8Y/
s120-c/photo.jpg" style="border:4px solid #000" alt="Gambar Lugas" width="150" height="150" />
<p align="center"><span class="style2">NAMA : LUGAS SETYO AJI</span></p>
<p align="center"><span class="style2">NPM : 24212257</span></p>
<p align="center"><span class="style2">Tempat, tgl lahir : Jakarta, 18-10-1994</span></p>
<p align="center"><span class="style2">ALAMAT : JL. H. Nazi I No.67 </span></p>
<p align="center"><span class="style2">NO.TELP : 087784294257 </span></p>
<p align="center"><span class="style2">HOBI : Bermain Gitar </span></p>
<p align="center"><span class="style1">UNIVERSITAS GUNADARMA</span></p>
<p align="center"><span class="style2">JURUSAN : AKUNTANSI</span></p>
<p align="center"><span class="style2">KELAS : 1EB13</span></p>
<p align="center"><span class="style2">
Blog : <a href="http://lugassetyoaji.blogspot.com" >
lugassetyoaji.blogspot.com </a></span></p>
<p align="center"> </p>
</div>
</body>
</html>
Hasilnya dibawah ini :
kita juga punya nih artikel mengenai 'HTML', silahkan dikunjungi dan dibaca , berikut linknya
BalasHapushttp://repository.gunadarma.ac.id/bitstream/123456789/2723/1/14.pdf
trimakasih
semoga bermanfaat