Langsung ke konten utama

Cara Membuat Halaman Web Sederhana - Nyekrip Cara Membuat Blog Html Dengan Notepad

Cara Membuat Halaman Web Sederhana - Nyekrip

Allow, berjumpa kembali, di kesempatan akan membahas mengenai cara membuat blog html dengan notepad Cara Membuat Halaman Web Sederhana - Nyekrip simak selengkapnya 

Belajar Nyekrip dengan manis - Nyekrip.com

Setelah sebelumnya telah mempelajari dari segala sesuatu itu elemen dalam layout html, misalnya belum beri kunjungi referat Elemen Dalam Layout Halaman Web mari kita melakukan praktek cara membuat lembaran web simpel di komputer kita.

Cara membuat lembaran web simpel sangatlah mudah, dikarenakan perangkat membuat web bukan alang kepalang mudah ditemui di internet dengan rata-rata rancangan tersebut gratis. Dalam tutorial kali ini perangkat yang dibutuhkan renggang lain:

  • Notepad, maupun situ bisa mencoba notepad ++ yang mana dalam rancangan ini tersaji sifat yang kian manis ketimbang notepad bawaan windows.
  • Browser sebagai rancangan penampil lembaran web. Jika situ pengguna windows, biasanya browser IE(Internet Explorer) atas terinstall otomatis. Anda terus bisa menggunakan browser dari google, yaitu Chrome.

yang pertama, buka rancangan notepad dari komputer situ dengan cara:

  • Mengeklik pentol windows
  • Setelah itu kelompok puisi All Program
  • Maka atas berbentuk berbagai folder dengan pilih folder yang bernama Accessories
  • Klik folder Accessories, selesai berbentuk berbagai rancangan dalam folder tersebut, kelompok rancangan notepad.

Untuk kian jelasnya silahkan ingat-ingat rajah dibawah ini.

cara membuka lembaran notepad- nyekrip

cara membuka lembaran notepad- nyekrip

Pada rajah diatas terkandung dobel blok, blok pertama yang bewarna hijau merupakan tempat pentol Windows, dengan yang kedua blok yang bewarna abang teruna merupakan tempat rancangan Notepad.

Setelah rancangan Notepad terbuka, silahkan ketikkan teks dibawah ini maupun misalnya ingin kilat situ bisa langsung mengkopi dengan mempaste di notepad anda.

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

<html>

<head>

<title>

Ini Adalah Title

</title>

</head>

  <body>

    <h1>Ini merupakan Main Heading</h1>

     <p>Isi dari Main Heading, bisa berupa kata pembuka maupun

        penjelas dari Main Heading, misalnya curaian terlalu jenjang maka

        akan di bagi menjadi beberapa Sub-Heading.<p>

    <h2>Ini Adalah Sub-Heading</h2>

     <p>Kebanyakan referat yang jenjang memiliki sub-headings buat

        membantu Anda membuntuti struktur segala sesuatu yang madya ditulis.

        Bahkan bisa jadi sub-sub-headings

        (atau takat yang kian rendah Dari headings).

     </p>

    <h2> Sub-Heading Tambahan</h2>

     <p>Disini situ dapat menilik sub-heading tambahan.</p>

  </body>

</html>

Setelah situ mengetik teks diatas silahkan situ save dengan cara kelompok file dengan save, saat berbentuk lembaran save ketikkan jenama file ” index.html ” maupun terserah anda, yang terpenting merupakan jenama file diakhiri .html.

Setelah itu lihat tambang dibawah file name, disitu terkandung tambang Save as Type dengan pilih All Files. Langkah dan mendiami kelompok pentol Save. Untuk kian spesifik silahkan lihat rajah dibawah ini.

cara save file di notepad - nyekrip

cara save file di notepad – nyekrip

Pada rajah diatas terkandung mandala yang diblok dengan berbagai-bagai hijau, diarea tersebut terkandung puisi save, dengan mengeklik puisi ini bahwa atas berbentuk lembaran Save sesuai rajah dibawah ini:

cara save file di notepad 2 - nyekrip

cara save file di notepad 2 – nyekrip

Perhatikan rajah diatas, terkandung dobel mandala yang diblok. Pada mandala yang diblok dengan berbagai-bagai hijau merupakan tempat buat memberi jenama file dengan pastikan jenama file berakhiran .html. sebaliknya mandala yang diblok bewarna abang teruna merupakan dropdown buat memutuskan kategori file yang atas disimpan, pastikan tin-tingan berisi All files.

Setelah file html terbentuk dengan tersimpan (dalam tutorial ini file disimpan dalam folder yang bernama ” new folder “) bahwa buka file tersebut dengan cara mengeklik dobel kali, selesai itu atas tersedia browser yang menampilkan lembaran web yang telah kita buat. Halaman web tersebut atas terlihat sesuai rajah dibawah ini:

ELEMEN DALAM LAYOUT HALAMAN WEB head body Nyekrip

ELEMEN DALAM LAYOUT HALAMAN WEB head body Nyekrip

Pada rajah diatas terkandung dobel mandala yang diblok, yang diblok dengan berbagai-bagai hijau merupakan lapar puisi yang di ketik dalam Tag Title sedangkan yang bewarna abang teruna merupakan lapar puisi yang diketik didalam Tag Body.

Tutorial diatas merupakan cara bagaimana membuat lembaran web yang sederhana, belum menyentuh kearah pengklasifikasian layout. Pengaturan layout atas melibatkan banyak elemen dengan tentunya teks CSS atas berperan penuh, buat pembahasan kian liat dari layout atas dibahas dalam kategori mengaji CSS akan kesempatan berikutnya.

Dalam tutorial ini hanya melibatkan teks HTML, misalnya situ ingin membuat website simpel yang melibatkan teks CSS, situ bisa menghadiri referat ” Cara Membuat Website Sederhana dengan HTML 5 “.

Happy Nyekrip!

About The Author

Admin

Suka ingin berbagi pengetahuan dengan pengalaman nyekrip rancangan yang dituangkan dalam web ini dengan sekarang madya fokus membayankan Web Tutorial berbahasa Indonesia. Nyekrip - Web Tutorial Indonesia

Comments

  1. kidjoe

    makasih infonya gan, bukan alang kepalang berguna buat newbie kayak saya, ditunggu referat berikutnya

  2. Pingback: Tahapan Desain dengan Membuat Web | dzulfahmi96

  3. Pingback: Pengertian CSS dengan Cara penggunaannya | rafirizalfauzi

  4. Koran kompas

    Gan kalo ana menambahKan lembaran website dinamis langsung dari cPanelnya gan

    Ga pake2 notepad lagi

    Tapi ana malar bersykur bisa mengerti postinganya Agan

    Thanks gan buat triknya 🙂

  5. Pingback: Cara Membuat Website Sederhana dengan HTML 5 | hacobtewur

  6. vance lobo

    TErima kurnia buat informasi nya gan..

    bagaimana buat meningkatkan trafik ke blog kita ?

    Makasih sebelumnya

    1. Admin Article Author

      buatlah referat yang bermanfaat, tetapi jarang maupun belum tersedia yang share.. 🙂

  7. leo kresna

    Min, post dong cara buat script panel Instagram, belum paham ni susah kalau gak tersedia gamabarnnya 😩😩

  8. Dinny

    Thx luar biasa gan. Dah nguplek kemana2 bru kali ni dpt kuliah alur (sungai) yg ga bikin mumet. Apalagi buat aq, ibu yg punya budak 6 n sudi buat usaha tambahan melalui sistem online. Klo ga keluhan aq sudi beres follower malar tidak gan 😊

    Tuhan berkati gan.

  9. sofyan lubis

    min cemana caranya menggabungkan file notepad yg berisi isyarat html dengan css menjadi satu exsitensi web

  10. PanduanRumahTangga

    Waw lengkap semuanya mas. Pasti bukan alang kepalang bermanfaat terutama bagi para pemula. Sukses selalu.

    Salam kenal.

  11. ziqri

    Ini Adalah Title

    Ini merupakan Main Heading

    Isi dari Main Heading, bisa berupa kata pembuka atau

    penjelas dari Main Heading, misalnya curaian terlalu jenjang maka

    atas di bagi menjadi beberapa Sub-Heading.

    Ini Adalah Sub-Heading

    Kebanyakan referat yang jenjang memiliki sub-headings untuk

    membantu Anda membuntuti struktur segala sesuatu yang madya ditulis.

    Bahkan bisa jadi sub-sub-headings

    (atau takat yang kian rendah Dari headings).

    Sub-Heading Tambahan

    Disini situ dapat menilik sub-heading tambahan.

    Gan misalnya pake ini webnya ap akn membuntuti rajah diatas?

  12. Unknown

    Mas Admin…. Gimana caranya buat WebPage gini

    Contoh Link Donwload :

    hxxp: // dl . meownime . com /? url= aHR0cHM6Ly91c2Vyc2Nsb3VkLmNvbS9hZjN1bDFtN3owNm8=

    Gimana tidak cara buat Halaman Tersebut.

    Mohon Bantuannya.

    Mohon kilat dibalas tidak >.<

    1. Admin Article Author

      wah ana cacat sempat kalau yang itu, mungki pakai semangat facebook..

  13. Jasa Website Murah

    Mantap gan artikelnya bukan alang kepalang membantu, jangan liupa mampir ke web kami buat informasi penyusunan website 🙂 Thanks

  14. Ringgo

    makasih tutorial nya ya..makin ngerti

    btw ana send 1 tanya via email dari install xampp

    thanks

    R

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Sekian penjelasan tentang Cara Membuat Halaman Web Sederhana - Nyekrip semoga tulisan ini berfaedah salam

tulisan ini diposting pada tag , tanggal 27-08-2019, di kutip dari http://www.nyekrip.com/cara-membuat-halaman-web-sederhana/

Komentar

Postingan populer dari blog ini

Cara Mudah Membuat Logo Di Photoshop Dari NOL! [Pemula Pasti Bisa] Photoshop Cs2 Tutorial

Memperbesar Resolusi Foto dengan Photoshop. Tanpa Pecah!

Cara Mengatasi Teks Terbalik Di Photoshop CS6 Tutorial Edit Photoshop Cs6