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

Allow, berjumpa kembali, di kesempatan akan membahas mengenai cara membuat blog html dengan notepad Cara Membuat Halaman Web Sederhana - Nyekrip simak selengkapnya
- Updated on
- Admin
- Tips Trik HTML
- 64 Comments

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.
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.
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:
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:
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!
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/




Comments
terima kurnia informasinya, banyak ilmu yang ana dapatkan apalagi sebagai blog pemula.
sama-sama mudah-mudahan bisa menambah wawasan.
makasih infonya gan, bukan alang kepalang berguna buat newbie kayak saya, ditunggu referat berikutnya
Detail semuanya tutorialnya, memudahkan ana yang baru belajar, thanks postingannya
sama-sama gan 🙂
thanks… tapi lagi belum mudeng, menyiarkan newbe 🙂
tinggal kopas aja gan… sabit agan bisa… 🙂
Gan gimana cara bikin amanat “ketika diklik bahwa atas tampil ke tab baru”
klik new tab?
target=”_blank”
gan gmna cara bikin aturan letaknya ya, menyiarkan newbe hehe?
wahh baru taau nie.. nyimak aja.. lagi belajar
Thanks For Tutor nya Gan 🙂
wah memungut ni gan , tutorialnya gak ribet
Pingback: Tahapan Desain dengan Membuat Web | dzulfahmi96
Gan Kalau Mau Buat Articel Gimana ?
ini kuliah alur (sungai) gan, lagi jauh itu.. 🙂
kalo kita buat script nya di hape android , prediksi bisa gak mas..
terimakasih
bisa aja gan… 🙂
Pingback: Pengertian CSS dengan Cara penggunaannya | rafirizalfauzi
makasih tidak min, menyiarkan lagi newbie
thanks min!
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 🙂
thank you gan..bisa bermanfaat buat pemula yang baru mengaji html dasar.
Pingback: Cara Membuat Website Sederhana dengan HTML 5 | hacobtewur
tutorial yang bagus.
Makasih tutorialnya tidak kk bukan alang kepalang membantu luar biasa buat ana terima kasih
Terimakasih tutorial bermanfaat banget,
TErima kurnia buat informasi nya gan..
bagaimana buat meningkatkan trafik ke blog kita ?
Makasih sebelumnya
buatlah referat yang bermanfaat, tetapi jarang maupun belum tersedia yang share.. 🙂
Min, post dong cara buat script panel Instagram, belum paham ni susah kalau gak tersedia gamabarnnya 😩😩
panel instagram? wah. belum pernah bikin.. dicoba dulu 🙂
keren gan bukan alang kepalang bermanfaat
senang bisa membantu 🙂
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.
thanks doanya.. 🙂
mas ana pasang di blogspot kok gak bisa ya?
apa perlu coding tambahan?
yap betul… 🙂
Terima kurnia gan, referat & tutorialnya sangat-sangat membantu 🙂
Gan gimana caranya buat new tab?
pakai target=”_blank” kopi Visit Nyekrip
Ini bisa ditambah kewajiban search ga mas?
terimahkasih dengan ana tunggu referat lainnya
mau nanya, biar tampilannya seo friendly gimana tidak ?
cari artikelnya disini gan..
min cemana caranya menggabungkan file notepad yg berisi isyarat html dengan css menjadi satu exsitensi web
Waw lengkap semuanya mas. Pasti bukan alang kepalang bermanfaat terutama bagi para pemula. Sukses selalu.
Salam kenal.
kenapa beres word?
gan, gimana caranya tidak buat lembaran di web offline ?
thanks ilmunya gan..sangat bermanfaat…kali2 mampir ke web ane gan www barayablacxbordir com
Bermanfaat luar biasa artkelnya
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?
Mantappp bro.
Detail dengan bukan alang kepalang bermanfaat.
terimakasih atas artikelnya, bukan alang kepalang membantu..
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 >.<
wah ana cacat sempat kalau yang itu, mungki pakai semangat facebook..
Mantap gan artikelnya bukan alang kepalang membantu, jangan liupa mampir ke web kami buat informasi penyusunan website 🙂 Thanks
makasih tutorial nya ya..makin ngerti
btw ana send 1 tanya via email dari install xampp
thanks
R
trimakasih infonya, bermanfaat sekali
terima kurnia bukan alang kepalang bermanfaas sekali
terima kurnia bukan alang kepalang bermanfaat sekali
terimakasih…
cara mengatur ukuran tampilan ?
ukuran tampilan bisa diatur dengan css
This site uses Akismet to reduce spam. Learn how your comment data is processed.