Apa itu halaman web html. Cara membuat halaman HTML: petunjuk langkah demi langkah, teknologi, dan rekomendasi. Bagaimana halaman web dimuat

Kami merilis buku baru"Pemasaran konten masuk jejaring sosial: Cara menarik perhatian pelanggan dan membuat mereka jatuh cinta dengan merek Anda.”

Berlangganan

Halaman website merupakan dokumen atau bagian dari sumber daya web yang memiliki keunikan Alamat URL. Itu adalah file yang berisi gambar, file audio, teks, materi video atau animasi. Bekerja dengan dan melihatnya dilakukan menggunakan browser.

Lebih banyak video di saluran kami - pelajari pemasaran internet dengan SEMANTICA

Untuk apa halaman web?

Tujuan utamanya adalah untuk melihat informasi. Halaman web berisi konten teks, grafik, audio dan video. Itu dibaca dari halaman oleh browser dan ditampilkan kepada pengguna.

Selain itu, dengan bantuan halaman, seseorang dapat melakukan tindakan tertentu di situs: membuka tab, menu, mengisi formulir masukan, pesan di toko online.

Bagaimana cara menyimpan halaman web

  • Klik menu tersebut dan pilih “Save As”, maka akan terbuka kotak dialog dengan nama yang sama.
  • Di jendela yang muncul, kita perlu memilih jenis file, nama halaman dan lokasi penyimpanan. Saat ini ada 4 format, kami akan menganalisisnya di bawah ini.
  • Klik "Simpan", sekarang Anda dapat melihat salinan halaman kapan saja.

Format penyimpanan 4 halaman:

  • Sepenuhnya. DI DALAM format ini elemen yang dipilih disimpan secara penuh, dengan semua gambar dan keputusan gaya, desain. Browser juga membuat folder terpisah, tempat semua materi yang diposting di sumber daya ditempatkan: gambar, foto, widget, dll.
  • HTML. Tidak ada lagi peluang untuk menyimpan gambar dan keputusan gaya yang asli dipertahankan dengan struktur dan teks yang sama. Cara ini menghemat ruang memori.
  • Teks. Teks yang disimpan dapat dilihat menggunakan editor apa pun; teks disimpan secara keseluruhan, bukan sebagian.
  • File. Semua file yang ditempatkan pada halaman disimpan. Jika perlu, Anda dapat mengubah ekstensi file tertentu.

Apa yang dimaksud dengan pesan “halaman web kedaluwarsa”?

Ini adalah kesalahan yang cukup umum. Artinya salinan lokal halaman tersebut kedaluwarsa saat pengguna diminta untuk memuatnya. Untuk mengatasi masalah ini, Anda perlu memuat ulang halaman tersebut.

Apa yang dimaksud dengan pesan “halaman web memperlambat browser Anda”?

Seringkali saat menjelajahi situs web, teks “Halaman web memperlambat browser Anda” muncul. Biasanya, perlambatan terjadi karena browser otomatis mengunduh banyak skrip yang tidak diperlukan di halaman ini. Untuk mengatasi masalah ini, Anda perlu mengubah pengaturan browser web Anda menjadi pemuatan cepat skrip. Untuk melakukannya, buka menu browser, cari “Tools”, lalu klik “Add”. Kami mencari plugin khusus " Kilatan Gelombang Kejut" dan menginstalnya. Kemudian di pengaturan plugin, pilih item “Tanyakan sebelum aktivasi” dan beri tanda centang di sebelahnya. Perlu diketahui bahwa nama item dapat berubah tergantung browser yang digunakan, yang utama adalah memahami artinya.

Setelah ini, skrip tidak akan diunduh secara otomatis; sistem akan meminta izin sebelum setiap pengunduhan.

Halaman web tidak merespons: apa yang harus dilakukan dan bagaimana mengatasi masalah

Di sini semuanya tidak sesederhana kasus yang dijelaskan di atas. Masalahnya bisa apa saja. Mari kita cari tahu cara mengatasi masalah ini.

Hal pertama yang harus diperhatikan adalah URL. Periksa bahwa bilah alamat Alamat halaman telah ditentukan dengan benar. Selanjutnya, periksa apakah sumber daya terbuka di komputer lain. Jika halaman tidak dimuat di semua PC, periksa koneksi Internet Anda. Jika semuanya baik-baik saja di sini, mungkin ada masalah dengan situs tersebut.

Cara kedua adalah dengan menghapus file. Ini file khusus, yang dibuat untuk menyimpan informasi tentang profil yang dibuat. Terkadang cookie menjadi rusak. Hal ini menyebabkan halaman tidak ditampilkan. Untuk menghapusnya, buka pengaturan browser, pilih “Lanjutan” dan kemudian “Data pribadi”. Buka pengaturan konten dan pilih file yang kami minati. Hapus “Semua kue dan data situs."

Cara selanjutnya adalah dengan mengganti server proxy. Terkadang menghubungkan melalui server proxy dapat mengakibatkan pemuatan lambat halaman web atau kesalahan dalam tampilannya. Untuk mengatasi masalah ini, buka pengaturan, lalu buka item "Jaringan" dan tentukan nama jaringan. Selanjutnya, buka pengaturan server proxy dan masuk parameter yang diperlukan. Jika Anda tidak mengetahui pengaturan ini, hubungi administrator jaringan Anda. Maka koneksi internet akan terputus. Sambungkan kembali ke Internet dan terus bekerja.

Halaman web telah dipindahkan: apa yang harus dilakukan

Anda mungkin sering menjumpai pesan ini. Kemungkinan besar itu akan berlokasi di dekatnya alamat baru, dan browser akan meminta Anda untuk mengikuti tautan ini. Pergi ke pilihan baru halaman dan dapatkan akses ke informasi yang diperlukan.

Kita telah membahas apa itu halaman web dan bagaimana menggunakannya untuk tujuan tertentu. Seperti yang Anda lihat, masalah mungkin muncul dari waktu ke waktu dalam pengoperasian halaman web, namun semuanya dapat diselesaikan.

Pada artikel ini kita akan membicarakannya berbagai konsep terkait dengan Web: tentang halaman web, situs web, server web dan mesin pencari Oh. Istilah-istilah ini sering membingungkan baik mereka yang baru mengenal Internet maupun orang yang jarang menggunakan Internet. Mari kita cari tahu apa sebenarnya arti konsep-konsep ini!

Pendeknya

Seperti bidang pengetahuan lainnya, Web penuh dengan istilah-istilah khusus. Namun jangan khawatir, kami tidak ingin membuat Anda kewalahan di awal perjalanan Anda (dan jika rasa ingin tahu masih menguasai kami, kami memiliki kamus). Namun, untuk memulainya, Anda masih harus mempelajari beberapa istilah dasar, karena Anda akan cukup sering menemukannya di artikel kami. Terkadang istilah-istilah ini mudah dibingungkan karena saling berkaitan, namun memiliki satu kesatuan fungsi yang berbeda. Anda mungkin memperhatikan bahwa mereka disalahgunakan lebih dari sekali dalam berita atau di tempat lain.

Kita akan melihat konsep dan teknologi ini nanti, tapi sekarang definisi singkat Berikut ini akan memberi Anda awal yang sangat baik:

Halaman web Dokumen yang dapat ditampilkan oleh browser web seperti Firefox, Google Chrome,Microsoft Penjelajah Internet/ Edge atau Safari Apple. Untuk singkatnya, kami hanya akan menyebut konsep “halaman web” sebagai “halaman”.

Situs Web Kumpulan halaman web yang dihubungkan bersama dalam beberapa cara. Penggunaan dalam kosakata: “situs web” atau sekadar “situs”.

Server web Komputer yang menyediakan komputer dan perangkat lunak yang diperlukan untuk menjalankan situs web. Mesin pencari Situs web yang membantu Anda menemukan halaman web lain, seperti Google, Bing, atau Yahoo. Giat belajar

Belum ada studi aktif yang tersedia. Jika Anda bisa menyediakan

informasi yang berguna

, Itu, .

Mari selami lebih dalam Jadi, mari kita gali lebih dalam dan cari tahu bagaimana keterkaitan keempat istilah ini, dan mengapa konsep-konsep ini sering tertukar satu sama lain. Halaman web Halaman web

  • - dokumen sederhana yang ditampilkan di layar komputer melalui browser. Dokumen semacam itu ditulis dalam HTML (yang akan kita bahas lebih detail). Sebuah halaman web mungkin berisi banyak hal berbagai bahan
  • , seperti: informasi gaya
  • - mengendalikan halaman dengan persepsi dan perasaan skrip

- yang membuat halaman lebih dinamis dan mudah digunakan oleh pengguna Browser sering kali dapat menampilkan beberapa dokumen PDF atau gambar, tetapi istilahnya halaman web lebih relevan langsung dengan dokumen HTML. Sampai akhir artikel, di dalam hal ini, kami akan menggunakan konsep tersebut dokumen.

Semua halaman web di Internet memiliki alamat uniknya sendiri. Untuk mengakses halaman yang diinginkan, cukup ketikkan alamatnya di bilah alamat browser Anda:

Situs web adalah kumpulan halaman yang saling berhubungan dalam beberapa cara (termasuk hubungannya dengan sumber daya lain), yang tersedia dalam satu nama domain. Setiap halaman situs berisi tautan dalam (hampir selalu menyorot potongan teks yang dapat diklik) yang memungkinkan pengguna berpindah dengan cepat dari satu halaman situs web ke halaman lainnya.

Untuk mengakses situs web, ketikkan nama domainnya di bilah alamat browser Anda dan browser Anda akan menampilkan halaman beranda situs tersebut, atau, dengan kata lain, halaman rumah:

Halaman web Dan situs web sangat mudah untuk membingungkan satu sama lain ketika situs web hanya berisi satu halaman. Situs ini terkadang disebut situs web satu halaman.

server web

server web adalah komputer yang menyediakan satu atau banyak situs web (hosting). Istilah "hosting" berarti segalanya halaman dan file yang dilampirkan padanya ada di dalamnya komputer ini. Itu. server web akan mengirimkan apa pun halaman Dengan lokasi atas permintaan pengguna mana pun, yang akan menjadi hosting untuk browser pengguna.

Jangan bingung konsepnya situs web Dan server web. Misalnya, jika Anda mendengar seseorang berkata, “Situs web saya tidak merespons”, maksud sebenarnya adalah itu server web tidak menanggapi permintaan tersebut, dan oleh karena itu tidak tersedia dengan sendirinya situs web. Selain itu, karena server web dapat menghosting banyak situs, istilah server web tidak pernah digunakan untuk merujuk ke situs web, karena hal ini dapat menimbulkan banyak kebingungan. Kembali ke contoh sebelumnya, jika kita mengatakan, “Server web saya tidak merespons,” itu berarti tidak ada situs yang tersedia di server tersebut saat ini.

Mesin pencari

Mesin pencari adalah penyebab umum kebingungan online. Mesin pencari- Ini tipe khusus situs web yang membantu pengguna menemukan halaman yang diperlukan yang lain situs.

Mesin pencari paling populer: Google, Bing, Yandex, DuckDuckGo, dan banyak lainnya. Beberapa di antaranya bersifat universal, sementara yang lain berfokus pada bidang tertentu. Gunakan mesin pencari yang nyaman bagi Anda.

Banyak pengguna Internet pemula yang bingung antara mesin pencari dan browser. Mari kita jelaskan: peramban adalah perangkat lunak yang menemukan dan menampilkan halaman web; mesin pencari - ini adalah jenis situs khusus yang membantu pengguna menemukan halaman yang mereka butuhkan yang lain situs. Kebingungan muncul karena ketika seseorang pertama kali meluncurkan browser, ia menampilkan halaman beranda mesin pencari. Hal ini memang benar, karena hal pertama yang Anda lakukan saat meluncurkan browser adalah mencari halaman web dan membukanya. Namun jangan bingung antara infrastruktur (yaitu browser) dengan layanan (yaitu mesin pencari). Perbedaan ini akan sedikit membantu Anda, namun bahkan beberapa ahli menggunakan konsep ini secara sembarangan, jadi Anda tidak perlu terlalu mengkhawatirkannya.

Di bawah ini adalah contoh bagaimana browser Firerox menampilkan jendela secara default Pencarian Google di halaman awal (beranda):

Halaman web adalah dokumen berformat khusus yang dapat mencakup teks, grafik, hyperlink, audio, animasi, dan video.

Beberapa halaman web yang memiliki tema, desain, dan tautan yang sama, dan biasanya berada di server web yang sama, membentuk sebuah situs web.

Situs web (dari bahasa Inggris. situs web: web- "web, jaringan" dan lokasi- "tempat", secara harfiah "tempat, segmen, bagian dalam jaringan") - sebuah koleksi dokumen elektronik(file) dari individu atau organisasi di jaringan komputer, disatukan dalam satu alamat (nama domain atau alamat IP).

Semua situs bersama-sama merupakan Web di Seluruh Dunia , di mana komunikasi (web) menyatukan segmen informasi dari komunitas dunia menjadi satu kesatuan - database dan komunikasi dalam skala planet. Sebuah protokol dikembangkan secara khusus untuk akses langsung klien ke situs di server HTTP .

Sebuah situs web terstruktur seperti majalah yang berisi informasi tentang topik atau isu tertentu. Sama seperti majalah yang terdiri dari halaman-halaman cetakan, situs Web terdiri dari halaman-halaman Web komputer.

Program yang menampilkan halaman web disebut web browser.

Situs web dibuat menggunakan bahasa markup hypertext dokumen HTML. teknologi HTML apakah itu seperti biasanya dokumen teks karakter kontrol (tag) dimasukkan dan sebagai hasilnya kita mendapatkan halaman Web. Browser, saat memuat halaman Web, menampilkannya di layar dalam bentuk yang ditentukan oleh tag.

HTML memungkinkan Anda untuk:

· memformat teks;

· menyertakan gambar dan multimedia dalam dokumen;

· Menggunakan bahasa ini, link hypertext ke halaman Web lain dibuat.

HTML digunakan untuk membuat konten informasi file dan untuk menentukan struktur dan format halaman Web. Karena file HTML adalah file teks biasa, file tersebut dapat dikirim ke hampir semua komputer.

Untuk membuat halaman Web, editor teks sederhana digunakan yang tidak menyertakan dokumen yang sedang dibuat karakter kontrol pemformatan teks. Editor seperti itu di Windows dapat Anda gunakan aplikasi standar"Buku catatan".

Biasanya, file halaman Web memiliki ekstensi .html atau .htm.

Selain itu, ada banyak teknologi yang langkah-langkah dasar pembuatan situs web sudah otomatis; yang tersisa hanyalah melakukan perubahan sesuai dengan topik Anda.

Untuk melihat halaman HTML, cukup masukkan URL-nya di bilah alamat browser Web Anda dan kemudian ikuti hyperlink. Tapi justru inilah masalah utamanya - bagaimana cara mengetahui alamat halaman? Seringkali Anda tahu apa yang perlu Anda temukan, tetapi Anda tidak tahu di mana tepatnya mencarinya. Untuk mengatasi masalah ini, ada mesin pencari khusus. Dari sudut pandang pengguna, mesin pencari adalah situs web biasa halaman rumah yang berisi link ke situs lain, dibagi ke dalam kategori (“Olahraga”, “Bisnis”, “Komputer”, dll.). Selain itu, mesin pencari memungkinkan pengguna untuk memasukkan beberapa kata kunci dan mengembalikan link ke halaman yang mengandung kata kunci tersebut.

Situs web

Situs web (Situs Web Bahasa Inggris, dari web - web dan situs - "tempat") adalah kumpulan dokumen dari orang atau organisasi pribadi yang bersatu dalam satu alamat di jaringan komputer. Secara default, diasumsikan bahwa situs tersebut berlokasi di Internet. Semua situs web Internet secara kolektif membentuk World Wide Web. Untuk akses langsung klien ke situs web di server, ini dirancang khusus protokol HTTP. Situs web juga disebut representasi Internet dari seseorang atau organisasi. Ketika mereka mengatakan "halaman Anda sendiri di Internet", yang mereka maksud adalah keseluruhan situs web atau halaman pribadi sebagai bagian dari situs orang lain. Selain website di Internet, situs WAP untuk telepon seluler juga tersedia.

Awalnya, website merupakan kumpulan dokumen statis. Saat ini, sebagian besar bercirikan dinamisme dan interaktivitas. Untuk kasus seperti itu, para ahli menggunakan istilah aplikasi web - siap pakai paket perangkat lunak untuk memecahkan masalah situs web. Aplikasi web adalah bagian dari situs web, tetapi aplikasi web tanpa data secara teknis hanyalah sebuah situs.

Dalam kebanyakan kasus di Internet, satu situs web berhubungan dengan satu nama domain. Tepat sekali menurut nama domain situs diidentifikasi di jaringan global. Pilihan lain juga dimungkinkan: satu situs di beberapa domain atau beberapa situs dalam satu domain. Biasanya, beberapa domain menggunakan situs besar (portal web) untuk memisahkan secara logis jenis yang berbeda layanan yang disediakan (mail.yandex.ru, news.yandex.ru, auto.yandex.ru). Ada juga kasus di mana domain terpisah dialokasikan negara yang berbeda atau bahasa. Misalnya, google.ru dan google.fr secara logis adalah situs Google bahasa yang berbeda, tetapi secara teknis keduanya adalah situs yang berbeda. Menggabungkan beberapa situs dalam satu domain adalah hal yang biasa hosting gratis. Untuk mengidentifikasi situs, alamat berisi tanda gelombang dan nama situs setelah host: example.com/~nama-situs-saya/.

Halo, para pembaca blog yang budiman. Pada artikel ini kita akan mulai mempelajari dasar-dasar bahasa HTML.

Anda mungkin sudah tahu yang utama bahasa internet adalah bahasa markup hiperteks HTML (Bahasa Markup Hiperteks). Pada artikel ini kita akan mengetahuinya konsep dasar HTML dan pelajari cara membuat halaman WEB sederhana.

Mari kita mulai dengan hal yang paling penting, mari kita lihat cara kerjanya web di seluruh dunia— Internet. Untuk menghasilkan halaman web, Anda membuat file yang ditulis dalam HTML dan menempatkannya di server web. Setelah ini, browser apa pun yang diinstal pada perangkat dengan akses Internet, baik komputer, ponsel, atau tablet, dapat menemukan halaman web Anda.

server web- Ini komputer biasa dengan spesial perangkat lunak dengan akses Internet. Itu terus mendengarkan permintaan dari browser untuk halaman web, gambar, file audio dan video. Setelah menerima permintaan untuk salah satu sumber daya ini, server mencarinya dan mengirimkannya ke browser.

Peramban- Ini program khusus, dirancang untuk menjelajahi situs web seperti Internet Explorer. Menggunakan browser, Anda menjelajahi situs web dengan mengklik link. Setiap klik tersebut menyebabkan browser membuat permintaan halaman HTML ke server web, menerima respons dan menampilkan halaman tersebut di jendelanya. Saat halaman ditampilkan, bahasa HTML mulai bekerja; ia memberi tahu browser segala sesuatu tentang struktur dan konten halaman web. Menggunakan perintah - tag, HTML memberi tahu browser di mana paragraf teks dimulai, bagian teks mana yang dijadikan judul, dan di mana harus menyisipkan tabel, dan bahkan gambar. Dan tag adalah kata-kata dalam tanda kurung siku, misalnya

,

, .

Anda sangat membutuhkan toko online, tetapi Anda tidak punya waktu untuk mempelajari HTML, CSS, PHP, dan teknologi lainnya. Kemudian Anda cukup menyewa toko online dengan fungsionalitas dan optimasi yang diterapkan sepenuhnya untuk mesin pencari.

Bahasa HTML dan tag-tagnya

Versi pertama bahasa HTML muncul pada tahun 1992. Pada saat tahun 2013, spesifikasinya sedang dikembangkan versi baru HTML nomor 5. Pengembangan spesifikasi ini dilakukan oleh organisasi Dunia Jaringan Luas Konsorsium, atau disingkat W3C. Organisasi W3C mengembangkan standar Web lainnya. Anda dapat mengetahui standar-standar ini di situs web mereka www.w3.org. Omong-omong, banyak browser Web yang sudah mendukung beberapa fitur HTML 5.

Saya sarankan untuk segera mulai belajar HTML dengan sebuah contoh. Jadi mari kita buat halaman Web pertama kita. Untuk membuat halaman WEB Apapun bisa dilakukan editor teks. Saya sarankan dulu menggunakan bawaan Windows buku catatan(secara umum, kedepannya saya sarankan menggunakan untuk mengedit kode html). Anda dapat menemukannya: “Mulai->Semua Program->Aksesori->Notepad”. Mari membuat halaman tentang mobil. Jadi, buka Notepad dan ketik teks berikut di dalamnya:





Contoh Halaman Web


Situs web tentang mobil.


Selamat datang di website otomotif kami. Di sini Anda akan menemukan banyak hal menarik dan artikel bermanfaat tentang mobil. Situs ini berisi deskripsi banyak mobil impor dan domestik.



Selanjutnya, simpan halaman web yang dibuat ke file bernama index.html. Dalam hal ini, di kotak dialog penyimpanan file, Anda harus mengatur pengkodean ke UTF-8 dan menyertakan nama file dalam tanda kutip, jika tidak, Notepad akan menambahkan ekstensi txt ke dalamnya, dan file kami akan diberi nama index.htm.txt:

Sekarang yang tersisa hanyalah membuka file yang dibuat di browser dan melihat hasilnya. Untuk melakukan ini, Anda dapat menggunakan yang disediakan peramban Windows MicrosoftInternet Explorer, atau browser lain yang diinstal di komputer Anda, dengan mengklik dua kali pada file index.html atau menyeret file tersebut ke ikon browser. Buka dan lihat sesuatu seperti ini:

Jadi kita telah membuat halaman Web di Notepad yang, walaupun agak polos, sudah berisi judul besar dan paragraf teks yang secara otomatis dipecah menjadi beberapa baris dan berisi bagian yang dicetak tebal.

Apa itu tag?

Sekarang mari kita bicara lebih banyak tentang struktur halaman. Mari kita lihat cuplikannya:

Situs web tentang mobil

. Di sini kita melihat teks yang muncul di halaman sebagai judul, diapit tag

Dan

. Apa itu tag dalam HTML?

tanda HTML- Ini kata-kata biasa dan karakter yang diapit tanda kurung sudut, misalnya

,

, . Jadi tandai

adalah tag pembuka, tag

tag penutup, dan teks di antara keduanya disebut isi tag. Juga tandai

dan menandai

disebut tag berpasangan. Bersama-sama, tag pembuka ditambah konten ditambah tag penutup membentuk elemen dokumen HTML. Ada juga elemen yang terdiri dari satu tag pembuka:

Jadi tanda berpasangan

mendefinisikan elemen header tingkat pertama. Total ada enam level heading, berikut elemennya

.

Elemen dapat berupa blok atau sebaris (teks). Elemen Blok melakukan pemformatan struktural halaman. Elemen blok selalu ditampilkan pada halaman dengan baris baru dan diindentasi dari elemen tetangga. Elemen sebaris langsung memformat teks atau pemformatan logis. Elemen

adalah elemen blok.

Itu saja untukku!!! Sampai jumpa di postingan berikutnya!

Halo, para pembaca yang budiman! Mungkin semua pengguna Internet, saat berjalan melalui hamparan Internet yang tak ada habisnya, cepat atau lambat memiliki keinginan untuk meninggalkan sesuatu miliknya di sana, untuk menyampaikan pendapat mereka tentang hal-hal tertentu kepada orang-orang.

Omong-omong, bahkan untuk pengguna pemula, tidak ada yang rumit di sini. Pada artikel ini saya akan memberi tahu Anda cara membuat halaman web. Anda akan mempelajari dasar-dasar proses ini.

Apa itu halaman web?

Dokumen hypertext atau halaman web adalah berkas teks, diberi tag menggunakan HTML (HyperText Markup Language).

Semua objek yang disajikan di sana dibuat ulang sesuai dengan instruksi yang ditulis oleh alat ini, yang dikirimkan atas permintaannya oleh server. Untuk menambahkan markup ke dokumen, digunakan tag yang diapit tanda kurung sudut. Biasanya berpasangan, yaitu ada pembukaan dan penutupan, dan beberapa informasi di antaranya.

Misalnya tag yang memberi tahu browser bahwa ada dokumen di bawahnya bahasa HTML, memiliki tampilan berikutnya: . Dan penutupnya, yang mengatakan bahwa kodenya berakhir di sini, terlihat seperti ini:. Jadi, satu-satunya perbedaan antara tag penutup dan tag pembuka adalah adanya garis miring setelah tanda kurung buka.

Bahasa markup ini memungkinkan Anda memformat teks halaman web, memasang gambar di dalamnya, elemen grafis, membuat tautan hypertext, menambahkan elemen multimedia, rekaman suara, skrip (VBScript, JavaScript).

Untuk mengetahui apa bahasa ini, Anda tidak perlu membaca buku pelajaran yang membosankan. Bagi saya pribadi, cukup buka browser saya dan pilih opsi “View kode sumber» (klik tombol kanan tikus). Baris kode yang ditampilkan di jendela adalah kode html yang sama. Kode inilah yang kemudian diubah oleh browser menjadi halaman web.

Jenis halaman Internet

Ada tiga jenis halaman web:

  1. Interaktif. Ini termasuk formulir yang dihasilkan dalam bahasa VBScript, JavaScript, PHP, yang digunakan server untuk bertukar data dengan pengguna;
  2. Dinamis. Mereka ditulis dalam ASP, PHP dengan izin .aspx, .php. Halaman-halaman ini dibuat oleh mesin atau program khusus yang menghasilkan halaman web berdasarkan permintaan pengguna, menggunakan data dari server database;
  3. Statis. Ini termasuk file statis (gambar, tabel, pengetikan, dll.) yang dihasilkan dalam bahasa markup HTML.

Bagaimana cara membuat?

Untuk membuat halaman web, editor html digunakan: FCKeditor, Editor TinyMCE WYSIWYG, Macromedia Dreamweaver, Halaman Depan Microsoft dan lainnya. Semua editor ini memiliki banyak penyihir berbeda yang memudahkan pembuatan situs web, serta templat untuk halaman dengan desain dan struktur. Dengan bantuan mereka, Anda dapat dengan cepat membuat halaman web Anda sendiri.

Namun bagi yang suka melakukan semuanya sendiri, Anda bisa menggunakan notepad sederhana yang sudah terinstal di komputer mana pun secara default.

Petunjuk:

  1. Dengan menggunakan editor teks membuat file. Ini adalah hal pertama yang harus dilakukan. Di notepad, buat berkas kosong disebut indeks.html. Halaman inilah yang pertama kali dicari server jika Anda memasukkan alamat sumber daya tanpa menentukan halaman web tertentu dari situs tersebut.
  2. Buat instruksi. Ditempatkan di antara tag Dan kode harus terdiri dari dua bagian - badan dokumen dan header.
  3. Mari kita membuat judul. Tag header pembuka dan penutup: Dan. Bagian "layanan" halaman ini berisi data untuk judul jendela, deskripsi, kata kunci untuk mesin pencari, skrip, deskripsi gaya, dll. Di antara kata-kata ini kami menulis judul jendela halaman menggunakan tag: Dan. Halaman web Anda sekarang akan terlihat seperti ini:

    judul

  4. Kami telah menyelesaikan bagian header. Sekarang Anda perlu memasang tag tubuh Dan. Di antara mereka akan ada instruksi dokumen: tautan, teks, gambar, dll., yaitu yang utama.

Jadi, kodenya secara umum akan terlihat seperti ini:

judul <TITLE> </HEAD> <BODY>Badan halaman web</BODY> </HTML></p> <p>Selamat! Sekarang Anda tahu cara membuat halaman web Anda sendiri, meskipun sangat sederhana! Jangan lupa untuk menyimpan dokumen tersebut, jika tidak semua pekerjaan Anda akan sia-sia dan Anda harus mengulangi semuanya lagi.</p> <blockquote> <p>Sekarang ada banyak visual <a href="https://danykom.ru/id/krasnaya-stroka-v-html-redaktor-formatirovanie-teksta-v-html/">editor html</a> kode, berkat itu Anda dapat membuat halaman Internet tanpa mengetahui bahasanya sama sekali <a href="https://danykom.ru/id/sintaksis-zapisi-tegov-html-vyglyadit-yazyk-razmetki-html-sintaksis/">penandaan html</a>. Tapi saya yakin dasar-dasarnya masih perlu diketahui.</p> </blockquote> <p>Ngomong-ngomong, blog saya dibuat pada <a href="https://danykom.ru/id/reiting-luchshih-biblii-dlya-ustroistv-na-platforme-android-soft-tvari/">platform gratis</a> WordPress. Saya hanya membayar untuk domain dan hosting - jumlahnya cukup banyak. Ingin tahu lebih banyak? Ini tautannya.</p> <p>Sungguh-sungguh! Abdullin Ruslan</p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </article> <div id="disqus_thread"> <div id="dsq-content"> <ul id="dsq-comments"> <li class="comment even thread-even depth-1" id="dsq-comment-2"> <div id="dsq-comment-header-2" class="dsq-comment-header"> <cite id="dsq-cite-2"> <span id="dsq-author-user-2">Sergei Savenkov</span> </cite> </div> <div id="dsq-comment-body-2" class="dsq-comment-body"> <div id="dsq-comment-message-2" class="dsq-comment-message"> <p>semacam ulasan "pendek"... seolah-olah mereka sedang terburu-buru di suatu tempat</p> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="wpb_column vc_column_container td-pb-span4"> <div class="vc_column-inner "> <div class="wpb_wrapper"> <div class="wpb_widgetised_column wpb_content_element"> <div class="wpb_wrapper"> <div class="td-a-rec td-a-rec-id-sidebar td-rec-hide-on-p "> <div id="adriver_banner_1494422254"></div> </div> <div class="td-a-rec td-a-rec-id-custom_ad_1 td-rec-hide-on-p "> <div> </div> <div id='div-gpt-ad-1491821174306-2' style='height:600px; width:300px;'> </div> </div> <div class="td-a-rec td-a-rec-id-custom_ad_2 td-rec-hide-on-p "> <div> </div> <div id='div-gpt-ad-1491821174306-3' style='height:600px; width:300px;'> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="td-footer-wrapper td-footer-template-14"> <div class="td-container td-footer-bottom-full"> <div class="td-pb-row"> <div class="td-pb-span3"> <aside class="footer-logo-wrap"><a href="https://danykom.ru/id/"><img class="td-retina-data" src="/uploads/logo.png" data-retina="/wp-content/uploads/2017/02/logo_544x180_bw.png" alt="Teknik. Berita. Telepon. Laptop. Perbandingan. jendela" title="Teknik. Berita. Telepon. Laptop. Perbandingan. jendela"/ loading=lazy loading=lazy></a></aside> </div> <div class="td-pb-span5"> <aside class="footer-text-wrap"> <div class="block-title"><span>Informasi umum</span></div>.</aside> </div> <div class="td-pb-span4"> <aside class="footer-social-wrap td-social-style-2"> <div class="block-title"><span>Situs jejaring sosial</span></div> <span class="td-social-icon-wrap"> <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://danykom.ru/chto-takoe-veb-stranica-html-kak-sozdat-html-stranicu-poshagovaya/" title="Facebook"> <i class="td-icon-font td-icon-facebook"></i> </a> </span> <span class="td-social-icon-wrap"> <a target="_blank" href="" title="Instagram"> <i class="td-icon-font td-icon-instagram"></i> </a> </span> <span class="td-social-icon-wrap"> <a target="_blank" href="" title="RSS"> <i class="td-icon-font td-icon-rss"></i> </a> </span></aside> </div> </div> </div> </div> <div class="td-sub-footer-container"> <div class="td-container"> <div class="td-pb-row"> <div class="td-pb-span7 td-sub-footer-menu"> <div class="menu-td-demo-footer-menu-container"> <ul id="menu-td-demo-footer-menu" class="td-subfooter-menu"> </ul> </div> </div> <div class="td-pb-span5 td-sub-footer-copy">Teknologi 2024. Berita. Telepon. Laptop. Perbandingan. jendela</div> </div> </div> </div> </div> <link rel='stylesheet' id='css-5-css' href='/wp-content/mmr/ffba0e2b-1516146715.min.css' type='text/css' media='all' /> <script type='text/javascript' src='https://danykom.ru/wp-content/mmr/4ab436a1-1516146715.min.js'></script> <script> (function() { var html_jquery_obj = jQuery('html'); if (html_jquery_obj.length && (html_jquery_obj.is('.ie8') || html_jquery_obj.is('.ie9'))) { var path = '/wp-content/themes/Newspaper/style.css'; jQuery.get(path, function(data) { var str_split_separator = '#td_css_split_separator'; var arr_splits = data.split(str_split_separator); var arr_length = arr_splits.length; if (arr_length > 1) { var dir_path = '/wp-content/themes/Newspaper'; var splited_css = ''; for (var i = 0; i < arr_length; i++) { if (i > 0) { arr_splits[i] = str_split_separator + ' ' + arr_splits[i]; } //jQuery('head').append('<style>' + arr_splits[i] + '</style>'); var formated_str = arr_splits[i].replace(/\surl\(\'(?!data\:)/gi, function regex_function(str) { return ' url(\'' + dir_path + '/' + str.replace(/url\(\'/gi, '').replace(/^\s+|\s+$/gm, ''); }); splited_css += "<style>" + formated_str + "</style>"; } var td_theme_css = jQuery('link#td-theme-css'); if (td_theme_css.length) { td_theme_css.after(splited_css); } } }); } })(); </script> </body> </html>