teks pada HTML - WordPress.com
advertisement
I.PENDAHULUAN Saat ini computer merupakan kebutuhan masyarakat dalam membantu kehidupan hidup manusia. Salah satunya dengan menggunakan internet. Hal tersebut sangat membantu dalam memberikan informasi yang luas bagi para pemakainya melalui website yang menyediakan jasa. Ada banyak cara pembuatan website melalui bahasa pemrograman, salah satunya dengan menggunakan HTML. HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. Rumusan masalah 1. Bagaimana cara penggunaan tag heading untuk membuat judul, sub topic ? 2. Bagaimana cara menampilkan berbagai macam paragraph dan linebreak? 3. Bagaimana cara menggunakan format text dan tag font? Buatlah halaman HTML untuk menampilkan teks di bawah ini : a. H2O b. X2 + 4X + 4 c. Linux adalah sistem operasi yang bersifat open source. 4. Bagaimana pembuatan dokumen HTML II.DASAR TEORI HTML merupakan HyperText Markup Language, yaitu bahasa pemrograman untuk membangun aplikasi web. Untuk membuat sebuah web dan mengakses halaman web tersebut diperlukan : 1. Editor, untuk menuliskan kode-kode HTML 2. Web Server, sebagai server untuk melayani permintaan klien (Apache) 3. Web Browser, untuk mengakses halaman Web HTML memeliki beberapa teori dasar yang biasa digunakan untuk membuat suatu halaman web, yaitu : 1. 2. 3. 4. Element HTML <html></html> Element head <head></head> Element title <title></title> Element body <body></body> III.PEMBAHASAN 1. Beberapa contoh teks pada halaman HTML Dari tampilan di atas, screenshot tersebut merupakan hasil dari eksekusi beberapa penerapan script format teks. Dan inilah penjelasan dari scriptnya. <html> <head> <title>tugas praktikum PW</title> </head> <body> <p> H<sub>2</sub>O </p> <p> x<sup>2</sup>+4x+4 </p> <p> <b>Linux</b> adalah sistem operasi yang bersifat <i>open source.</i> </p> </body> </html> 2. Dokumen HTML Screenshot diatas merupakan contoh dari dokumen HTML yang telah dieksekusi dari script. Penjelasan scriptnya terdiri dari gabungan sintaks-sintaks, yaitu : <html> <head> <title> tugas praktikum PW</title> </head> <body> <font color="blue" size="50" face="verdana"> <b>Profil Tentangku</b> </font> <font face="verdana"> <p align="left"> <b><i>Nama saya Alsio Rachmad Alamsyah. Saya lahir di Baturaja pada tanggal 11 Mei 1993.</i></b> <u>Nama ayah saya Ya'cob Alexander dan ibu saya Satinem Yuningsih.Saya anak ketiga dari tiga bersaudara.</u> Hobi saya adalah membaca dan bermain bola basket karena menurut saya, pikiran dan kesehatan harus samasama diberi asupan nutrisi yg cukup agar kehidupan dapat seimbang. </p> </font> <hr color="red" size="3" width="900" noshade> <p><h2>Hobi sampingan :</h2></p> <ol> <li>Memakai komputer</li> <ol start="1" type="a"> <li>browsing</li> <li>gaming online</li> </ol> <li>Travelling</li> <li><strike>Bermalas-malasan</strike></li> </ol> <h3>makanan kesukaan</h3> <ul> <li>Nasi goreng</li> <li>Pempek</li> <li>Pindang</li> </ul> <h4>minuman kesukaan</h4> <ul type="circle"> <li>Air mineral</li> <li>Es Teh</li> <li>Es jeruk</li> </ul> <hr color="blue"> <font size="3">I</font> <font size="4">N</font> <font size="5">F</font> <font size="6">O</font> <font size="7">R</font> <font size="8">M</font> <font size="7">A</font> <font size="6">T</font> <font size="5">I</font> <font size="4">K</font> <font size="3">A</font> <br> <strong> <font size="5">U</font> <font size="6">N</font> <font size="7">D</font> <font size="6">I</font> <font size="5">P</font> </strong> <br> <dt><b>Tehnik Informatika</b> </dt> <dd>Tehnik informatika merupakan salah satu program studi yang merupakan bagian dari Fakultas MIPA. Fakultas MIPA merupakan salah satu fakultas yang berada di Universitas Dipoegoro.</dd> </body> </html> Penjelasan Untuk membuat suatu halaman HTML standar digunakan tag <html>, <head>, <body> beserta tag penutupnya masing-masing yaitu </html>, </head>, </body> Heading didefinisikan dengan menggunakan tag <H1> sampai dengan <H6> Untuk membuat paragraf pada suatu halaman web, digunakan tag <p> Line break digunakan untuk memindahkan baris kalimat yang terletak setelah tag line break, <br>, satu baris di bawahnya. <b> untuk tulisan bercetak tebal/bold, <i> untuk tulisan miring/italic, <u> untuk tulisan bergaris bawah Untuk penulisan pangkat digunakan X<sup>2</sup> hasilnya menjadi X2 Untuk penulisan seperti rumus kimia CO2 digunakan CO<sub>2</sub> Untuk meletakkan garis horizontal digunakan script <hr> Untuk menggunakan definition list, menggunakan script <dd> <font size=”..”> untuk menentukan ukuran huruf IV.PENUTUP Kesimpulan Dari pembahasan tentang HTML ini dapat disimpulkan bahwa dalam membuat dokumen HTML mahasiswa harus mampu memahami element-element yang ada agar bisa menjalankan dan membuat dokumen HTML yang sempurna. Seperti penggunaan script utk font, heading, paragraph, maupun yng lainnya. Demikian yang dapat saya paparkan mengenai materi yang menjadi pokok pembahasan laporan ini, tentunya dalam laporan ini masih terdapat banyak kekurangan dan kelemahannya, karena terbatasnya pengetahuan yang saya miliki. Saya mengharapkan kritik maupun saran yang membangun agar laporan ini menjadi lebih baik lagi. Daftar pustaka : Noranita, Betha, (2011). Modul Praktikum Pemrograman Web. Semarang.
