Skip to main content

Pemformatan Teks dan Paragraf Web pada HTML - P1-P3

Pemformatan Teks dan Paragraf Web
Sesi 3

Pada kesempatan ini saya akan menampilkan beberapa Program HTML:


1. Format Teks.html:


Dan ini hasilnya:


Ini Source Codenya:

        
<html>
      <head>
   <title>Format Teks</title>
   </head>
<center>
     <pre>
     ----------Muhamad Alfi Rizqi----------
     ----------     XI RPL 1     ----------
     </pre>
   <body>
      <p>
       <b>Tulisan ini ditebalkan</b>
   </p>
   <p>
          <strong>Tulisan ini ditebalkan(strong)</strong>
    </p>
    <p>
         <em>Tulisan ini miring (emphasize)</em>
    </p>

2.Format Teks bagian dua.html:



Hasilnya:


Source Code HTML:



<p>
    <big>Tulisan ini besar(big)</big>
</p>
<center>
     <pre>
     ----------Muhamad Alfi Rizqi----------
     ----------     XI RPL 1     ----------
     </pre>
<p>
    <i>Tulisan ini miring(italic)</i>
</p>
 <p>Tulisan ini<sub>subscript</sub>
  </p>
  <p>Tulisan ini<sup>supercript</sup>
   </p>
</body>
</html

3.PreFormat.html:


hasilnya:


Source Code HTML:


<html>
       <head>
    <title>Preformat</title>
    </head>
    <center>
     <pre>
     ----------Muhamad Alfi Rizqi----------
     ----------     XI RPL 1     ----------
     </pre>
<body>
      <H2>Daftar harga keladi:</h2>
         <pre>
   Red Flash...........35.000
   Red Fire............60.000
   Fannie Maunson......60.000
   </pre>
   Harga sewaktu waktu bisa berubah.
   </body>
</html>

4.PreFormat bagian 2:


Hasilnya:


Source Code:




<html>
     <head>
     <title>Tag Preformatted</title>
     </head>
<center>
     <pre>
     ----------Muhamad Alfi Rizqi----------
     ----------     XI RPL 1     ----------
     </pre>
<body>
     <pre>
     This section provides a brief overview of the menus in Dreamweaver.
     The File menu and Edit menu contain the standard menu items for File and Edit
     menus, such as New, Open, Save, Save All, Cut, Copy, Paste, 
     Undo,and Redo
     </pre>
     <pre>
     Ini adalah
     preformatted text.
     Menampilkan spasi
     Dan line break apa adanya.
     s e s u a i
     </pre>
     <p>Tag PRE cocok digunakan untuk menampilkan kode bahasa
     pemrograman komputer :</p>
     <pre>
     for i = 1 to 10
     print i
     next i
     </pre>
</body>
</html>

5.Quotation:


Hasilnya:


Source Code HTML:



<html>
     <head>
  <title>quotation</title>
  </head>
  <center>
     <pre>
     ----------Muhamad Alfi Rizqi----------
     ----------     XI RPL 1     ----------
     </pre>
<body>
     tulisan ini BUKAN quotation
  
  
  <blockquote>
  tulisan ini adalah quotation <br>
  tulisan ini adalah quotation <br>
  tulisan ini adalah quotation <br>
  </blockquote>
</body>
</html>

6.Raspberry Bakewell Cake:


Hasilnya:

Source Code HTML:



<html>
<head><title> Raspberry Bakewell cake </title>
</head>
<center>
     <pre>
     ----------Muhamad Alfi Rizqi----------
     ----------     XI RPL 1     ----------
     </pre>
<body bgcolor="BlanchedAlmond">
<center>
<font face="Lucida Handwriting" color="IndianRed"><h1>Raspberry Bakewell cake
</h1></font>
<h2>This simple almondy cake is a great way of using up pick-your-own raspberries
</h2></center>
<blockquote>
<p>
<b>Method</b><br><b>1</b><br>
Heat oven to 180C/160C fan/gas 4 and base-line and grease a deep 20cm loose-bottomed
cake tin. Blitz the ground almonds, butter, sugar, flour, eggs and vanilla extract
in a food processor until well combined.
</p>
<p><b>2</b><br>
Heat oven to 180C/160C fan/gas 4 and base-line and grease a deep 20cm loose-bottomed
cake tin. Blitz the ground almonds, butter, sugar, flour, eggs and vanilla extract
in a food processor until well combined.
</p></blockquote>
</body>
</html>

7.Crispy and Creamy Doughnut:


Hasilnya:


Source Code HTML:


<html>
      <head><title> Crispy and Creamy Doughnuts </title>
      </head>
           <center>
     <pre>
     ----------Muhamad Alfi Rizqi----------
     ----------     XI RPL 1     ----------
     </pre>
     <body bgcolor="PowderBlue">
            <center>
             <img width: "250px" src="gambarku/donat.jpg" />
              <font face="Corbel"><h1>Crispy and Creamy Doughnuts</h1></font>
           <p>
              <b>Method</b><br><b>1</b><br>
  <font color="SlateBlue" />
In a large bowl, mix together the yeast mixture, milk, sugar, salt, eggs, shortening,
and 2 cups of the flour. Mix for a few minutes at low speed, or stirring with a
wooden spoon. Beat in remaining flour 1/2 cup at a time, until the dough no longer
sticks to the bowl. Knead for about 5 minutes, or until smooth and elastic. Place the
dough into a greased bowl, and cover. Set in a warm place to rise until double. Dough
is ready if you touch it, and the indention remains.
          </p>
          </body>
</html>

Comments

Post a Comment

Popular posts from this blog

Array pada JS - P13

Di pembahasan kali ini akan membahas JS Array..Langsung simak aja guys... 1. Pengertian Array 2. Jenis jenis Array 3. Contoh contoh Array 1. Pengertian Array     Array adalah tipe data yang berisi kumpulan dari nilai atau tipe data lain. Nilai di dalam array disebut dengan elemen, dan setiap elemen memiliki ‘nomor urut’ yang dikenal dengan istilah index. Penomoran index di dalam array dimulai dari angka 0, sehingga elemen pertama berada di index0, elemen kedua berada di index 1, dst.     Array di dalam JavaScript bersifat dinamis, dan kita tidak perlu mendefenisikan berapa ukuran array pada saat membuat variabel. Jumlah elemen dapat ditambah dan dikurang setiap saat. Index array di dalam JavaScript juga tidak harus berurutan, JavaScript membolehkan elemen dari array ‘tidak terur...
Post a Comment
Read more

Profil PHP - P19

PROFIL SAYA 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 <!DOCTYPE html> <html> <head> <title> DATA PRIBADI </title> <link rel="stylesheet" type="text/css" href="coba.css" > </head> <body> <section class="kotaknya" > <img src="FOTO.png" clas="image" width="300" height="450" /> </div> </section> <h1> Biografi pribadi </h1> <?php $nama_saya = "Muhamad Alfi Rizqi"; $kelas = "XI RPL 1"; $sekolah = "SMKN 4 Bandung"; $nis = "1718 117123"; $umur = "16 Tahun"; $berat_badan= "50 kg"; $hobi = "Bersepeda, Playing Games, mendaki"; $tinggi = "167 cm"; $alamat = ...
Post a Comment
Read more

Membuat Coding menjadi lebih bermakna dengan C++

Selamat beraktivitas dimanapun kalian berada... Kali ini saya akan menunjukan dengan Coding menjadi lebih bermakna untuk kalian semua... Misal dengan membuat Kalkulator simpel dengan C++ sangatlah mudah jika kalian ingin mempelajari ini terlebih dahulu.        Sebenarnya banyak bahasa pemrograman yang tentu saja memudahkan bagi kehidupan manusia,Contohnya Java,Phyton,C# dan masih banyak lagi Tapi,Saya akan menunjukan kepada kalian tentang bahasa program C++ dengan mencari tahu kalian tentu akan menjadi Programmer yang handal Dengan catatan ini adalah coding karya saya tentunya, Dan kalian hanya perlu memahami nya dan meniru nya dirumah.. saya hanya menunjukan berbagai cara saja dan sebenarnya C++ lebih dari ini.mungkin ini adalah Coding yang simple yang menurut kalian pasti hanya perlu waktu sebentar untuk memahaminya.. Sebelumya saya sudah menjelaskan di link saya tentang C++ dan tentunya dengan penjelasannya .Saya sarankan untuk membaca ARTIKEL ini...
Post a Comment
Read more