Materi Tentang HTML Part 2

Oleh -


Paragraf Pada HTML




Paragraf
Setiap paragraf harus dimulai dengan memberi tag <p> dan diakhiri dengan </p>
Contoh:

<body>
<p>
Contoh paragraf 1. Contoh paragraf 1. Contoh paragraf 1.
Contoh paragraf 1. Contoh paragraf 1. Contoh paragraf 1.
</p>

<p>
Contoh paragraf 2. Contoh paragraf 2. Contoh paragraf 2.
Contoh paragraf 2. Contoh paragraf 2. Contoh paragraf 2.
</p>
</body>

Hasil :





Line break
Digunakan untuk ganti baris atau ENTER. Tag yang di gunakan adalah <br>
Contoh :

<body>
<p>
Contoh paragraf 1. <br>
Contoh Paragraf 1. <br>
Contoh paragraf 1. <br>
Contoh paragraf 1. <br>
Contoh paragraf 1. <br>
Contoh paragraf 1.
</p>

<p>
Contoh paragraf 2. <br>
Contoh paragraf 2. <br>
Contoh paragraf 2. <br>
Contoh paragraf 2. <br>
Contoh paragraf 2. <br>
Contoh paragraf 2.
</p>
</body>

Hasil : 




Align
Digunakan untuk meratakan tulisan.
Contoh :

<body>
<p align="left">
Contoh paragraf kiri. Contoh paragraf kiri. Contoh paragraf kiri. Contoh paragraf kiri. Contoh paragraf kiri. Contoh paragraf kiri.
</p>

<p align="center">
Contoh paragraf tengah. Contoh paragraf tengah. Contoh paragraf tengah. Contoh paragraf tengah. Contoh paragraf tengah. Contoh paragraf tengah.
</p>

<p align="right">
Contoh paragraf kanan. Contoh paragraf kanan. Contoh paragraf kanan. Contoh paragraf kanan. Contoh paragraf kanan. Contoh paragraf kanan.
</p>
</body>

Hasil:





Pemformatan Text Pada HTML

Materi Tentang HTML Part 2


Teks dalam dokumen web dapat diformat secara khusus untuk menunjukan perbedaan dan penekanan terhadap isi dan maksud teks tersebut. Perbedaan ditampilkan dalam bentuk huruf tebal, garis bawah, miring, dan lain - lain.

Pemformatan Teks :
- Menebalkan Huruf (bold)
- Memiringkan Huruf (italic)
- Garis Bawah (underline)
- Memperbesar Huruf (Big)
- Memperkecil Huruf (small)
- Superscript
- Subscript

Contoh :

<body>
<b> Tulisan ini ditebalkan (bold) </b> <br>
<i>  Tulisan ini miring (italic) </i> <br>
<u> Tulisan garis bawah (underline) </u> <br>
<big> Tulisan ini besar (big) </big> <br>
<small> Tulisan ini kecil (small) </small> <br>
Tulisan ini <sup> superscript </sup> <br>
Tulisan ini <sub> subscript </sub> <br>
</body>

Hasil :



Teks preformat
Digunakan untuk menampilkan sesuai dengan dokumen web tersebut dalam editor teks.
Contoh :

<body>
<pre>

Contoh text preformat 

                           Contoh

        Text

                    Preformat

Contoh text preformat

</pre>
</body>

Hasil :



Terimakasih telah mengunjungi blog ini semoga bermanfaat untuk kalian semua. Untuk part 3 akan di publish besok jadi di tunggu aja ya.......

Hai perkenalkan nama saya Pilip Mulyadi. Saya adalah seorang siswa kelas 11 dan saya mengambil jurusan TKJ.

Comments

Post a Comment

Popular posts from this blog

Cara Membuat Absen Dengan HTML Dan CSS

Oleh -
Image
Membuat Absen Dengan HTML & CSS Pasti kalian sudah tau bentuk absen pada umunya itu seperti apa. Kali ini saya akan memberikan tutorial bagaimana cara membuat Absen dengan HTML dan CSS. waktu di HTML Part 4 kalian sudah belajar bagaimana cara membuat tabel. Dan berikut adalah Codingnya : <!DOCTYPE html> <html> <head> <style> div.a {text-align: center;} body {background-color:gray;} td { font-weight: bold;        text-shadow: 1px 1px 3px;        color: red;        background-color: deepskyblue;} table {border: 7px solid red;} </style> </head> <body> <div class="a"> <table border="10"cellpadding="5"> <tr> <th colspan="3" style="color:red; background-color: yellow;"> Masukan Nama Jurusan </th> <th rowspan="2" bgcolor="orange"> Check </th> </tr> <tr> <th style="color:red; background-color:lime;"> Nama </...
Read more

Materi Tentang JavaScript Lengkap

Oleh -
Image
1). Pengenalan JavaScript JavaScript  adalah bahasa pemrograman yang digunakan untuk membuat interaksi dan menambah fitur dinamis ke dalam halaman web. Untuk membuat website, memang tidak harus menggunakan JavaScript. Namun saat ini penggunaan JavaScript hampir selalu ada di setiap web modern. Bagi programer web, JavaScript merupakan salah satu bahasa pemrograman web yang wajib di kuasai. Pada awal pembuatan JavaScript di tunjukan untuk membuat interaksi antara User dengan website menjadi lebih cepat dan tanpa menunggu pemrosesan dari server. Misalnya sebuah form yang terdapat di website dengan JavaScript kita dapat langsung memvalidasi dan mengetahui setiap inputan masih kosong atau sudah di isi dengan benar atau belum secara cepat. Sedangkan ketika tidak menggunakan JavaScript (cara lama) maka isi form tersebut harus di kirim dan di proses di server website terlebih dahulu dengan cara mengklik tombol submit yang ada di di dalam form, dan ketika ada inputan form yang tidak valid a...
Read more

Materi Lengkap CSS | Belajar CSS Untuk Pemula | PilipMulyadi.Blogspot.com

Oleh -
Image
Materi Lengkap CSS Pengertian CSS CSS (Cascading Style Sheet) adalah aturan untuk mengatur sebuah element pada HTML agar sebuah web lebih terstruktur dan seragam. CSS dapat mengendalikan atau mengatur ukuran gambar, border, Warna pada link, warna pada tabel, atau pada element lainnya. Dan untuk penempatan CSS ada dua macam yaitu bisa di bawah tag <head> atau di dalam objek body sebuah tag HTML. Dan kali ini saya akan memberikan contoh penempatan element CSS berikut adalah contohnya : Untuk contoh yang pertama saya akan menerangkan penempatan element CSS dibawah tag <head> yaitu seperti gambar di bawah ini. Gambar diatas adalah contoh penempatan atau tataletak penulisan element/tag CSS di bawah tag <head> yang dimana kita harus menggunakan simbol { } agar CSS dapat berfungsi untuk mengatur element HTML. Selain mengatur warna pada objek kalian juga bisa menambahkan border, bayangan, dan mengatur ukuran sebuah objek yang ingin kalian atur. Untuk lebih jelasnya perhatikan...
Read more