Skip to main content

Belajar HTML Dasar #4 - Format Text Pada HTML

 
Belajar HTML Dasar #3 - Format Text Pada HTML

Format Text Pada HTML

Dalam penuliasan HTML sangat sering menggunakan format text didalamanya. baik itu dalam penulisan judul, ataupun isi dari content/halaman website sendiri. Berikut beberapa penjelasan dan contoh dari Format Text Pada HTML. Ada beberapa format text yang umumnya di gunakan, di antaranya adalah

Membuat Huruf Tebal (Bolt)

Untuk membuat teks menjadi tebal di tampilan sebuah website, kita bisa menggunakan tag <b> berikut ini adalah contoh syntax html untuk membuat tulisan menjadi tebal :

<b>ini text tebal</b>

Membuat Huruf Menjadi Miring (italic)

Untuk membuat teks menjadi miring/italic di tampilan sebuah website, kita bisa menggunakan tag <i> berikut ini adalah contoh syntax html untuk membuat tulisan menjadi miring/italic :

<u>ini text underline</u>

Format Text yang sering digunakan di HTML

tag Description
<b> format text bold/tebal
<i> format text italic/miring
<u> format text underline/garis bawah
<small> format text kecil
<strong> format text yang hampir sama dengan format bold
<sub> format subscripted teks
<sup> format superscripted teks
<ins> format text garis bawah
<del> format text dengan garis di tengah
<mark> format text yang berwarna


Dibawah ini adalah contoh penulisan tag/element format text yang sudah kita pelajari tadi di atas :

<!DOCTYPE html>
<html>
<head>
    <title>belajar format format text</title>
</head>
<body>
    <b>ini format format text tebal</b><br/>
    <i>ini format text italic</i><br/>
    <u>ini format text underline</u><br/>
    <em>ini format text em</em><br/>
    <small>ini format text small</small><br/>
    <strong>ini format text strong</strong><br/>
    <sub>ini format text sub</sub><br/>
    <sup>ini format text sup</sup><br/>
    <ins>ini format text ins</ins><br/>
    <del>ini format text del</del><br/>
    <mark>ini format text mark</mark>
</body>
</html>


Hasil Outputnya :

Belajar HTML Dasar #3 - Format Text Pada HTML

Mungkin cukup sampai disini dulu mengenai pembahasan mengenai Format teks pada HTML, untuk selanjutnya kita akan belajar mengenai membuat paragraf pada HTML. Semoga sampai disini teman-teman bisa mengikutinya dengan baik, kalo ada yang mau ditanyakan bisa tinggalkan komentar di bawah ini iya teman-teman nanti akan saya jawab satu-satu ko pertanyannya.

sekian dan terimakasih...


Daftar Belajar HTML Dasar

1. Belajar HTML Dasar  #1 - Belajar HTML Dasar Untuk Pemula
2. Belajar HTML Dasar  #2 - Membuat Mengenal Tag, Element, Dan Atribut Pada HTML
3. Belajar HTML Dasar  #3 - Membuat Heading Pada HTML
4. Belajar HTML Dasar  #4 - Membuat Format Text Pada HTML
5. Belajar HTML Dasar  #5 - Membuat Paragraf Pada HTML




Labels:
Location: Indonesia

Comments

Post a Comment

Artikel Populer

Protokol yang mendukung WWW

Nama              : Trio Hermanto NIM                  : 205520065 Mata Kuliah  : Sistem Terdistribusi Protocol pendukung WWW Protocol adalah sebuah peraturan yang berfungsi untuk menentukan format dan transmisi data. Peraturan yang sering digunakan dalam proses komunikasi ini sering disebut dengan istilah protokol layer. Protokol juga memiliki banyak macam-macamnya. Nah di bawah ini mrupakan macam-macam protocol yaiitu : Net Beui Protocol Net Beui sangat baik dan cepat untuk bersharing data, namun protocol netbeui memiliki kelemahan yaitu protokol ini tidak dapat dirouting. IPx & SPx (Internetwork paket exchange/Sequnce paket exchange) Protocol yang satu ini sangat mirip dengan Net Beui, tetapi yang membedakan protocol ini dengan net beui adalah protokol ini dapat di routingkan, jadi dapat memungkinkan terjadinya MAN. Protokol yang dikembangkan oleh OSI / ISO Protocol ini sudah digunakan...
Post a Comment
Read more »

HTML dan CSS - Membuat Form Pendaftaran Sederhana

Nah, Pada kesempatan kali ini saya akan mencoba membuat sebuah form pendaftaran sederhana menggunakan html dan css. pada artikel-artikel sebelumnya kita sudah membahs mengenai pengertian, sejarah dll tentang html dan css. nah sekarang kita coba untuk mempraktekannya. Membuat Form Pendaftaran Sederhana Untuk membuat form nya, pertama-tama kalian buka terlebih dahulu aplikasi code editor kalian. aplikasinya bebas mau sublime text, vs code, dan masih banyak lagi yang lainnya yang penting bisa untuk membuat html dan css. nah untuk langkah langkahnya, kalian bisa ikuti seperti yang saya contohkan di bawah ini. Membuat file html Dibawah ini merupakan file html yang kita gunakan untuk membuat form, silahkan kalian bisa mengikutinya. <! DOCTYPE   html > < html   lang = "en" > < head >     < title >Form Pendaftaran</ title > </ head > < body >      < div   id = "login-box" >  ...
6 comments
Read more »

Belajar HTML Dasar #5 - Membuat Paragraf Pada HTML

Membuat Paragraf Pada HTML Untuk memahami pembuatan paragraf pada HTML, diharapkan anda terlebih dahulu sudah memahami penulisan dan apa itu tag, element, atribut. paragraf disini merupakan suatu tag untuk membuat penulisan dalam bentuk paragraf. tag paragraf ini terdapat 3 atribut/tag yang bisa dikombinasikan langsung dengan tag paragraf atribut tag tersebut yaitu : 1. Membuat paragraf rata kiri menggunakan <p align="left"> .................. </p> 2. Membuat paragraf rata kanan menggunakan  <p align="right"> .................. </p> 3. Membuat paragraf rata tengan menggunakan  <p align="center"> .................. </p> 4. Membuat paragraf rata kiri kana menggunakan  <p align="justify"> .................. </p> Paragraf menggunakan <p>. Berikut ini adalah implementasi dari <p>   dalam dokumen html : <! DOCTYPE html > < html > < head > < title >belajar membuat parag...
Post a Comment
Read more »