Belajar Format Teks di HTML

Posted by Unknown on Thursday, November 22, 2012

Dalam artikel saya sebelumnya pernah saya contohkan membuat sebuah paragraf di HTML "Belajar Membuat Paragraf,Link,& Heading di HMTL". Kali ini saya akan memberi contoh cara menulis format teks di HTML. Contoh dari format teks yang sering digunakan antara lain cetak tebal,huruf miring,dll.

Daripada berteori langsung saja saya praktekkan :D

Lihat script dibawah ini :



Maka untuk tampilannya akan seperti ini :



Saya hanya mencontohkan tag yang sering dipakai dan populer dalam penulisan sebuah teks saja. Untuk tag-tag lainnya mungkin anda bisa bereksperimen sendiri agar lebih bisa menguasainya.
Dibawah ini adalah contoh-contoh tag yang berfungsi untuk pemformatan teks pada HTML :

Format Teks Pada HTML

TagFungsi
<b></b> atau <strong></strong>Berfungsi untuk membuat teks tebal
<u></u> Berfungsi untuk membuat teks underline atau garis bawah
<i></i> atau <em></em>Berfungsi untuk membuat cetak miring
<strike></strike>Membuat teks bergaris
<small></small>Mendefinisikan teks kecil
<sub></sub>Mendefinisikan teks subscript
<sup></sup>Mendefinisikan teks superscript
<ins></ins>Mendefinisikan teks yang disisipkan
<del></del>Mendefinisikan teks yang dihapus

Tag Output Komputer Pada HTML

TagFungsi
<code>Mendefinisikan sebuah teks pada komputer
<kbd>Mendefinisikan teks keyboard
<samp>Mendefinisikan sampel pada komputer
<var>Mendefinisikan variabel
<pre>Mendefinisikan teks terformat

Tag Definisi dan Kutipan Pada HTML

TagFungsi
<abbr>Mendefinisikan singkatan atau akronim
<address>Mendefinisikan kontak penulis atau pemilik dokumen
<bdo>Mendefinisikan arah teks
<dfn>Mendefinisikan sebuah definisi
<cite>Mendefinisikan judul karya
<q>Mendefinisikan kutipan pendek atau inline
<blockquote>Mendefinisikan bagian yang dikutip dari sumber lain

Selamat mencoba !!

   

39 comments:

  1. Oke sekarang saya sedikit mengerti tentang format teks diHTML, saya suka dengan blog kamu, kalo bisa buat artikel lebih banyak lagi ya. ... Karna sangat berguna bagi saya, ohya nama saya putra laksana, website kampus saya https://www.atmaluhur.ac.id/

    ReplyDelete
  2. terimakasih atas infonya.. karena ini saya dapat mengetahui cara format teks di html, dan juga sangat berguna bagi saya yang sedang belajar hal yang seperti ini apalagi saya berkuliah dinagian komputer. semoga saja dapat menulis artikel lainnya dan pastinya sangat berguna bagi orang banyak.. kenalkan nama saya MEIREZA SITI ASSYIFA, website kampus saya https://www.atmaluhur.ac.id/

    ReplyDelete
  3. Terima kasih atas info ini sangat membantu saya dlm mengerjakan tugas kalau bisa tolob buat artikel yg lain karena ini sangat membantu orang banyak dalam belajar html perkenalkan nama saya claudio khelvin ini website kampus saya https://www.atmaluhur.ac.id/

    ReplyDelete
  4. Oke terimakasih atas informasinya.
    informasi ini dapat membantu saya yang baru belajar tentang pemrograman web, tetap dipertahankan dalam membuat artikel yang lain nya,karena dapat membantu orang lain juga.perkenalkan nama saya jheny sandella ini website kampus saya https://www.atmaluhur.ac.id/

    ReplyDelete
  5. makasih kak untuk artikelnyasangat bermnanfaat dan membantu saya untuk belajar dan mengerjakan tugas..terus semangat untuk membuat artikel yang seperti ini..sukses terus ya kak
    perkenalkan nama saya Ernita Resva Julina ini website kampus saya https://www.atmaluhur.ac.id/

    ReplyDelete
  6. This comment has been removed by the author.

    ReplyDelete
  7. Terima kasih banyak atas infonya
    karena dengan adanya informasi artikel format text pada html dapat membantu saya sebagai pemula untuk lebih giat belajar lagi jangan lupa buat artikel yang lainnya lagi yaa,,
    Kenalkan nama saya Miftahul jannah ini website kampus saya https://www.atmaluhur.ac.id

    ReplyDelete
  8. thank you kak saya jadi semakin mengerti. bagus bangett artikelnya sangat membantu saya.jangan lupa terus membuat artikelnya. dan semoga semakin sukse kedepannya.Nama Saya ULFA MARYANTI alamat web kampus sya https://www.atmaluhur.ac.id/

    ReplyDelete
  9. Trimakasih kak artikel nya sangat membantu dengan penjelasan yang singkat mempermudah saya yang baru belajar tentang HTML,into Nama saya Rellya agustin dari kampus STMIK ATMALUHUR Jangan lupa kunjungi website kampus kami https://www.atmaluhur.ac.id

    ReplyDelete
  10. terimakasih kak atas artikelnya yang sangat bermanfaat bagi saya yang baru belajar,artikel kakak ini sangat penting bagi saya yang sedang belajar tentang web apalagi saya berkuliah di bagian komputer.perkenalkan nama saya PEGI ANGGRAINI dari Kampus STMIK ATMA LUHUR dan jangan lupa kunjungi website kampus kami https://www.atmaluhur.ac.id

    ReplyDelete
  11. terimakasih kak atas artikelnya yang sangat bermanfaat bagi saya yang baru belajar,artikel kakak ini sangat penting bagi saya yang sedang belajar tentang web apalagi saya berkuliah di bagian komputer.perkenalkan nama saya PEGI ANGGRAINI dari Kampus STMIK ATMA LUHUR dan jangan lupa kunjungi website kampus kami https://www.atmaluhur.ac.id

    ReplyDelete
  12. haii kakak terimakasih ya artikelnya yang sangat bagus dan bermanfaat buat saya yang baru memulai belajar dalam HTML,semoga sukses kedepannya,dan kunjungi webseite kami di https/;//www.atmaluhur.ac.id

    ReplyDelete
  13. This comment has been removed by the author.

    ReplyDelete
  14. Terimakasih kak atas artikel yang sangat bermanfaat bagi saya yang baru belajar html dan membantu saya dalam mengerjakan tugas. Sukses terus ya kak... Perkenalkan nama saya Derma Anzeny dari kampus STMIK ATMA LUHUR. website kampus saya https://www.atmaluhur.ac.id/

    ReplyDelete
  15. This comment has been removed by the author.

    ReplyDelete
  16. Saya merasa sangat terbantu setelah membaca artikel mimin. Saya pada awalnya masih kebingungan tentang format teks html. Artikel mimin sangat membantu saya untuk lebih memahami lagi format teks HTML seperti bold, italic dan juga underline. Artikel mimin sangat bagus. Saya tunggu artikel berikutnya. Nama saya Andi Defriansyah dari kampus Atmaluhur website kami https://www.atmaluhur.Ac.id/

    ReplyDelete
  17. terima kasih atas artikel dasar HTML nya pak, sangat membantu bagi saya yg sedang belajar bahasa pemrograman dasar, saya harap bapak terus memberikan update artikel lainnya. nama saya Muhammad Arga Sendiansyah, kunjungi halaman web kampus saya https://www.atmaluhur.ac.id/

    ReplyDelete
  18. Wow keren. Thanks kak, artikel ini sangat membantu dan memberikan banyak manfaat bagi saya yang baru pemula ini. Sebenarnya tidak mudah untuk menerapkan tutorial format teks html, namun artikel ini sangat membimbing saya dalam menyelesaikan tugas kuliah terutama pada pembelajaran HTML. sukes dan jaya terus ya kak. Sekali lagi terimakasih. perkenalkan saya EKA SUKMA DEWI
    website kampus saya https://www.atmaluhur.ac.id/
    Salam ilmu komputer

    ReplyDelete
  19. terima kasih atas artikel dasar HTML nya pak, sangat membantu bagi saya yg sedang belajar bahasa pemrograman dasar, saya harap bapak terus memberikan update artikel lainnya. nama saya Ardo Jordi Setiawan, kunjungi halaman web kampus saya https://www.atmaluhur.ac.id/

    ReplyDelete
  20. wahh terimakasih kak artikelnya sangat menarik dan membantu saya untuk mempelajari format text di html,berkat artikelnya saya lebih mudah untuk mengerti apa saja format text di html,saya harap kedepannya dapat memberikan informasi artikel lain yg bermanfaat lagi,perkenalkan mama saya Risa Aprilia ,kunjungi juga website kampus saya di link ini https://www.atmaluhur.ac.id/

    ReplyDelete
  21. Ohhh begitu ya kak.. terimakasih atas artikel nya sangat bagus dan mudah dipahami untuk saya belajar tugas kuliah sukses terus ya untuk buat artikel lainnya perkenalkan juga nama saya Teddy dinarsyah jgn lupa kunjungi website kampus saya https://www.atmaluhur.ac.id/

    ReplyDelete
  22. assalammualaikum, terimakasih kak atas artikel nya, sangat menarik dan membantu bagi saya yang masih belajar tentang format text di html, berkat artikel ini juga saya mendapatkan informasi baru tentang format text, semoga bisa membuat artikel yang lebih menarik lagi dan membantu teman teman yang baru mau belajar format text html.... Saya Rian Cahya Fajar mahasiswa dari kampus STMIK ATMA LUHUR, jangan lupa kunjungi website kampus kami :https://www.atmaluhur.ac.id/

    ReplyDelete
  23. Wahh, artikelnya bagus sekali min.. terimakasih tutorialnya. Saya enak banget belajar disinii, berkat tutorial ini saya bisa menyelesaikan tugas" saya apalagi seperti saya yang masih dengan proses belajar ini. Saya Aqilla fadiya haya dan kenal kan link kampus saya https://www.atmaluhur.ac.id/

    ReplyDelete
  24. This comment has been removed by the author.

    ReplyDelete
  25. This comment has been removed by the author.

    ReplyDelete
  26. This comment has been removed by the author.

    ReplyDelete
    Replies
    1. This comment has been removed by the author.

      Delete
    2. Terimakasih kak artikel nya sangat bagus penjelasan nya mudah di pahami apalagi bagi pemula seperti saya untuk untuk belajar format html ini sangat membantu sekali
      Saya Abdul rahim
      Dan kunjungi juga website kampus kami
      https://www.atmaluhur.ac.id/

      Delete
  27. Hallo kak, wah artikel nya sangat bermanfaat sekali bagi saya yg baru pertama kali kenal tentang apa itu format teks html, disini saya bertrimaksih atas artikel kakak buat. Di tunggu artikel selanjutnya kak
    Oh iya perkenalkan nama saya wahyu ramadhan. Kunjungi website kampus saya kak https://www.atmaluhur.ac.id/

    ReplyDelete
  28. Terima kasih kak atas artikelnya yang telah membantu saya mempelajari dasar-dasar pemograman dan setiap penjelasannya sangat membantu saya yang masih pemula ini,semoga kedepannya kakak dapat lebh berkarya lagi dalam membuat artikel yang sangat bermanfaat bagi saya dan juga yang lainnya.
    perkenalkan nama saya Krisna Puji Samudera
    Dan kunjungi website kampus kami https://www.atmaluhur.ac.id/

    ReplyDelete
  29. Hallo kak,terima kasih artikel nya sangat bermanfaat sekali bagi saya, karna telah memberikan contoh cara menulis format teks di html seprti cetak tebal,huruf miring,dll. Ditunggu artikel selanjutnya kak
    Oh ya perkenalkan nama saya wahyu ramadhan. Kunjungi website kampus saya kak https://www.atmaluhur.ac.id/

    ReplyDelete
  30. Selamat siang kak , perkenalkan nama saya Ryonaldo Putra Wijaya saya mahasiswa semester 2 jurusan Sistem Informasi , dengan adanya blog ini saya sangat terbantu untuk belajar terimakasih kak
    Ini Link kampus saya kak https://www.atmaluhur.ac.id/

    ReplyDelete
  31. Hi kak terimakasih atas artikelnya dan sangat berguna bagi saya karna telah memberikan contoh cara menulis format atau dokumen di html seperti cetak tebal, huruf miring, dll oh ya perkenalkan nama saya taufik nurrahman nim 1922500092. Kunjungi website kampus saya kak http://www.atmaluhur.ac.id/

    ReplyDelete
  32. Assalamualaikum kak perkenal kan nama saya taufik nurrahman mahasiswa semester dua oh ya Terima kasih artikel nya kak program ini sangat berguna sekali untuk saya dan kunjungi website kami/kampus kak http://waw.atmaluhur.ac.id//

    ReplyDelete
  33. Terimakasih kak atas artikelnya sangat membantu saya yg baru belajar HTML dan HTML nya sangat mudah di pahami jga :) di tunggu artikel selanjutnya kak
    Perkenal kan saya nafiladona
    Kunjungi website kampus kami kak https://www.atmaluhur.ac.id/

    ReplyDelete
  34. Terimakasih kak atas artikelnya sangat membantu saya yg baru belajar HTML dan HTML nya sangat mudah di pahami jga :) di tunggu artikel selanjutnya kak
    Perkenal kan saya nafiladona
    Kunjungi website kampus kami kak https://www.atmaluhur.ac.id/

    ReplyDelete
  35. Terimakasih kak atas artikelnya sangat membantu saya yg baru belajar HTML dan HTML nya sangat mudah di pahami jga :) di tunggu artikel selanjutnya kak
    Perkenal kan saya nafiladona
    Kunjungi website kampus kami kak https://www.atmaluhur.ac.id/

    ReplyDelete
  36. Terimakasih kak atas artikel nya,
    Ini sangat membantu saya yang baru belajar HTML dan juga artikel tentang HTML ini sangat mudah buat dipahami juga,saya tunggu artikel selanjutnya kak:)
    Perkenalkan nama saya Lena
    Kunjungi website kampus kami ya https://www.atmaluhur.ac.id/

    ReplyDelete