Membuat dokumen ke HTML. Membuat halaman web pertama dan paragraf teks melalui

Halaman web adalah dokumen yang diformat khusus yang dapat mencakup teks, grafik, hipersmoves, audisi, animasi, urutan video.

Beberapa halaman web yang disatukan oleh topik dan desain, serta tautan terkait, dan biasanya terletak di satu server web membentuk situs web.

Web dengan AIT (dari Bahasa Inggris situs web.: web. - "Web, Jaringan" dan situs. - "tempat", secara harfiah "tempat, segmen, bagian dalam jaringan") - satu set dokumen elektronik (file) dari orang pribadi atau organisasi di jaringan komputer, bersatu di bawah satu alamat (nama domain atau alamat IP).

Semua situs dalam make up agregatWorld Wide Web Di mana komunikasi (web) menggabungkan segmen informasi komunitas global menjadi satu utuh - basis data dan komunikasi skala planet. Untuk akses klien langsung ke situs di server, protokol dikembangkan secara khusus.Http. .

Situs web dengan strukturnya menyerupai majalah yang berisi informasi yang didedikasikan untuk topik atau masalah apa pun. Majalah ini terdiri dari halaman cetak dan situs web terdiri dari halaman web komputer.

Program yang menunjukkan halaman web disebut browser web.

Membuat situs web diimplementasikan menggunakan markup dokumen Hypertext HTML. Teknologi HTML adalah bahwa karakter kontrol (tag) dimasukkan ke dalam dokumen teks biasa dan sebagai hasilnya kami mendapatkan halaman web. Browser saat memuat halaman web menyajikannya di layar sebagaimana ditentukan oleh tag.

HTML memungkinkan Anda untuk:

· Format teks;

· Sertakan gambar, multimedia dalam dokumen;

· Dengan bahasa ini, tautan 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 konvensional, file seperti itu dapat dihubungi ke komputer mana pun.

Untuk membuat halaman web, editor teks sederhana digunakan, yang tidak termasuk dalam dokumen yang dihasilkan oleh simbol pemformatan teks mengelola. Sebagai editor di Windows, Anda dapat menggunakan aplikasi Notepad Standar.

Biasanya file halaman web memiliki ekstensi.html atau.htm.

Selain itu, ada banyak teknologi di mana tindakan utama untuk membuat situs sudah otomatis, tetap hanya untuk membuat perubahan sesuai dengan subjeknya.

Untuk melihat halaman HTML, cukup untuk cukup memasukkan URL-nya di bilah alamat browser web, dan kemudian ikuti hyperlink. Tetapi justru ini adalah masalah utama - bagaimana cara mengetahui alamat halaman? Paling sering kebetulan Anda tahu apa yang harus ditemukan, tetapi tidak diketahui di mana tepatnya mencari. Mesin pencari khusus ada untuk menyelesaikan masalah ini. Dari sudut pandang pengguna, mesin pencari adalah situs yang biasa di halaman utama yang rusak melalui judul ("sport", "bisnis", "komputer", dll.) Tautan ke situs lain. Selain itu, mesin pencari memungkinkan pengguna untuk memasukkan beberapa kata kunci dan mengembalikan tautan ke halaman yang berisi kata kunci ini.

Situs web

Situs web (ENG. Situs web, dari web - web dan situs - "Place") - di jaringan komputer, kombinasi dokumen orang atau organisasi pribadi disatukan di satu alamat. Secara default, dipahami bahwa situs tersebut terletak di internet. Semua situs web Internet digabungkan dengan sarang laba-laba di seluruh dunia. Untuk akses langsung klien ke situs web di server, protokol HTTP telah dikembangkan secara khusus. Situs web berbeda disebut perwakilan Internet dari seseorang atau organisasi. Ketika mereka mengatakan "halamannya sendiri di Internet", maka seluruh situs web atau halaman pribadi sebagai bagian dari situs asing. Selain situs web di Internet, situs WAP juga tersedia untuk ponsel.

Awalnya, situs web mewakili agregat dokumen statis. Saat ini, kebanyakan dari mereka ditandai dengan dinamisme dan interaktivitas. Untuk kasus-kasus seperti itu, para ahli menggunakan aplikasi Web istilah - paket perangkat lunak siap pakai untuk menyelesaikan tugas situs web. Aplikasi web adalah bagian dari situs web, tetapi aplikasi web tanpa situs data hanya secara teknis.

Dalam kebanyakan kasus di Internet, satu situs web sesuai dengan satu nama domain. Ini pada nama domain yang diidentifikasi situs di jaringan global. Pilihan lain adalah mungkin: satu situs di beberapa domain atau beberapa situs di bawah satu domain. Biasanya beberapa domain menggunakan situs besar (portal web) untuk secara logis memisahkan berbagai jenis layanan yang disediakan (mail.yandex.ru, news.yandex.ru, auto.yandex.ru). Seringkali, kasus pemisahan domain individu untuk berbagai negara atau bahasa. Misalnya, google.ru dan google.fr secara logis adalah situs google dalam berbagai bahasa, tetapi secara teknis ini adalah situs yang berbeda. Kombinasi beberapa situs di bawah satu domain adalah karakteristik hosting gratis. Untuk mengidentifikasi situs dalam alamat setelah host ditentukan, Tilda sepadan dengan situs dan nama situs: example.com/~my-site-name/.

Sebagian besar konten yang disajikan di Internet adalah halaman web. Ini adalah historis jenis dokumen pertama yang ditujukan untuk akomodasi di ruang jaringan virtual, tetapi masih mempertahankan relevansi dan format yang tidak bersaing secara praktis. Apa struktur halaman web? Dengan cara pengembangan web apa yang mereka buat?

Apa itu halaman web?

"Daftarkan elemen dasar dari halaman web," Penguji memberi tahu kita dalam pelajaran informatika. Apa yang bisa kita katakan sebagai tanggapan? Pertama-tama, kami menceritakan tentang apa halaman web pada prinsipnya.

Menurut definisi yang ditemui dalam lingkungan spesialis TI, ini adalah dokumen yang dirancang untuk dibuka di program khusus - browser, dan yang berisi data untuk ditampilkan pada layar komputer menggunakan jenis yang sesuai untuk berbagai konten yang berguna - teks, tautan, Grafik, video, musik dan musik dan lain-lain halaman web adalah dokumen teks. Data browser yang sesuai adalah huruf, angka, dan karakter khusus yang digunakan sebagai elemen bahasa markup - HTML. Itu menggunakannya bahwa pencipta halaman web "menjelaskan" browser, cara menampilkan satu atau konten lain di layar.

Tempat dan Peran Halaman Web di Struktur Situs

Apakah mungkin untuk mengatakan bahwa halaman web adalah komponen utama situs web? Sebagian ini benar. Namun, seperti yang kami perhatikan di atas, halaman web hanyalah dokumen teks. Situs, sebagai aturan, juga mengatur gambar, video, dan elemen multimedia lainnya. Halaman web untuk mengakomodasi mereka sendiri, tetapi dalam strukturnya dapat berisi tautan kepada mereka. Dengan demikian, halaman web dapat disebut komponen utama situs dalam aspek peran dominan dalam tampilan konten virtual di depan pengguna.

Dalam kasus yang jarang terjadi, tentu saja, dokumen yang dipertimbangkan akan menjadi satu-satunya komponen dari situs - jika tidak disediakan untuk beberapa alasan untuk menampilkan grafik, video, dan elemen multimedia lainnya. Secara khusus, situs pertama - ketika buruh halaman web hanya muncul, tidak termasuk konten yang sesuai. Sebelum mata pengguna, hanya ada teks dan tautan.

Prinsip penggunaan hypertext

Jadi, halaman web disebut dokumen yang disusun dalam HTML, dengan mana markup hypertext dilakukan. Tapi apa fenomena ini? Apa itu hypertext? Tanpa memperdalam dengan kuat ke dalam teori, kami perhatikan bahwa ini adalah teks yang dalam satu atau lain cara memungkinkan Anda untuk mendapatkan akses cepat ke yang lain - dengan referensi. Dalam buku yang biasa tidak mungkin - ada "teks sederhana". Untuk mendapatkan akses ke halaman yang diinginkan, pembaca harus membuat beberapa redistribusi, sebelum membaca konten atau catatan kaki. Dalam mode "Hipertext", bagian utama dari pekerjaan membuat komputer - karena informasi yang tercermin dalam halaman elemen HTML.

Jika guru ilmu komputer memberi tahu kami: "Buat daftar elemen dasar dari halaman web", maka kita dapat dengan benar dengan benar memulai kisah komponen dokumen yang relevan, yang dibuat menggunakan bahasa markup HTML. Karena itu, untuk memulai, pertimbangkan beberapa momen teoritis yang berkaitan dengan HTML.

Struktur Bahasa HTML: Tag

Bagaimana browser membaca data yang diperlukan tentang halaman web dari dokumen yang disusun dalam HTML? Sangat sederhana.

Elemen utama dari bahasa ini adalah tag. Dalam kebanyakan kasus, mereka dipasangkan - ada terbuka, dan ada penutup. Yang pertama dilambangkan dengan hanya tanda kurung sudut. Yang kedua mirip, tetapi garis miring ditempatkan sebelum braket kedua - simbol. Browser dapat mengenali mereka, dan karenanya menampilkan konten halaman web tanpa masalah sesuai dengan algoritma yang dibuat oleh pengembang dokumen.

Tag pembuka biasanya ditulis oleh penutupan huruf besar - kecil. Ini adalah standar yang didirikan di lingkungan spesialis TI. Browser pasti akan mengenali perintah HTML dengan huruf apa pun, tetapi pengembang web juga disarankan untuk mematuhi skema penulisan tag yang ditandai. Ini akan membuatnya lebih mudah, misalnya, peningkatan halaman web oleh spesialis lain.

Atribut

Elemen-elemen bahasa HTML esensial lainnya adalah atribut. Dengan bantuan mereka, pencipta halaman web dapat mengatur properti konten - misalnya, ketinggian font, warnanya, posisi relatif terhadap halaman. Hal yang sama berlaku untuk gambar, video, dan komponen multimedia lainnya. Atribut ditulis dalam tag pembuka.

Kandungan

Antara tag pembuka dan penutup terletak komponen kunci berikut dari halaman web - konten. Ini, pada kenyataannya, konten yang sama yang harus ditampilkan sebelum pengguna di layar. Ini mungkin teks, tautan, gambar, video atau elemen multimedia lainnya.

Halaman web

"Jadi, daftar elemen dasar halaman web, akhirnya!" - Ulangi guru. "Dengan senang hati," - Kami menjawabnya. Apa yang termasuk dalam struktur jenis dokumen yang sedang dipertimbangkan? Kami setuju bahwa kami akan mempertimbangkan aspek ini dengan tepat konteks elemen HTML dari halaman web. Artinya, tampilan mereka di browser adalah bahwa pengguna melihat di layar - kita akan bertanya-tanya pada tingkat yang lebih rendah. Faktanya adalah bahwa algoritma HTML yang sesuai, berdasarkan mana program menampilkan konten sama, bisa berbeda. Dan dalam fitur ini dari bahasa HTML: Gambar yang diinginkan di halaman web dapat ditampilkan dengan cara yang berbeda. Pada saat yang sama, mereka dapat sama-sama setara dengan sudut pandang biaya tenaga kerja pencipta halaman web dengan cara dan memikul sejumlah upaya dan waktu yang berbeda untuk implementasinya.

Halaman Web: Header

Elemen standar dari halaman web, karena secara mengejutkan terdengar, disajikan dalam jumlah yang sangat kecil. Intinya, hanya ada dua dari mereka - judul dan bagian utama dokumen. Pada saat yang sama, masing-masing dari mereka mungkin memiliki struktur yang agak rumit.

Apa spesifisitas header? Terletak di bagian atas halaman web. Dalam kode HTML yang menghasilkan header, sebagai aturan, "enkripsi" diasumsikan hanya dienkripsi, tetapi jika perlu, sisipan grafis kecil juga dapat ditempatkan di elemen yang sesuai. Dan ini, pada kenyataannya, semua yang bisa dikatakan tentang judul. Tampaknya perannya dalam struktur dokumen yang relevan tidak signifikan. Tapi itu tidak. Headline halaman web sangat signifikan dari sudut pandang pengindeksan situs di mesin pencari - Yandex, Google. Elemen ini harus sepenuhnya relevan dengan isi halaman web, serta spesifikasi tematik situs.

Bagaimana header webpage tetap menggunakan HTML? Sangat sederhana. Pertama, tag pembuka ditulis, yang selalu terlihat seperti kepala dengan kurung sudut, lalu konten judul, setelah - tag penutup. Mereka ditulis, tentu saja, di bagian atas dokumen web.

Header dokumen web dapat mencakup sejumlah elemen tambahan. Kadang-kadang format halaman web mungkin memerlukan tampilan teks dalam pengkodean tertentu. Bagaimana cara memastikan kesesuaian dokumen web kriteria ini? Sangat sederhana. Dalam struktur header dokumen, algoritma HTML harus ditempatkan, meresepkan browser untuk menggunakan pengkodean bahasa tertentu - misalnya, Cyrillic. Perintah yang relevan ditempatkan di dalam tag meta, yang, serta yang lain, itu terjadi membuka dan menutup.

Sebagian besar halaman web

Bagian utama dari dokumen web terbuka dengan tag body, ditutup menggunakan elemen yang sesuai, termasuk garis miring. Pada saat yang sama, dapat ada sejumlah besar bahasa markup hypertext tambahan untuk membuka dan menutup tag. Hal ini disebabkan oleh kenyataan bahwa konten yang berguna diposting di bagian utama halaman web - teks, tautan, grafik, video, berbagai formulir untuk mengisi.

Masing-masing jenis konten masing-masing memiliki tag sendiri. Dalam struktur bagian utama dari dokumen web, perintah HTML dapat hadir, dengan mana pemformatan teks juga dilakukan - misalnya, menjadikan font warna, ukuran, dan properti lainnya.

Pertimbangkan apa spesifisitas beberapa tag HTML yang sering digunakan. Sebenarnya, mereka juga membentuk elemen dasar dari halaman web.

Tag HTML dasar

Jadi, dengan tujuan penelitian terperinci tentang apa unsur-unsur halaman web, kami akan mempelajari lebih banyak esensi dari tag HTML dasar. Beberapa dari mereka sudah dipimpin di atas - khususnya yang dimana browser membaca header halaman web dan menentukan di mana bagian utama dari dokumen tersebut berada.

P. tag cukup didistribusikan. Saya t, seperti elemen serupa lainnya dari bahasa markup hypertext, dapat ditemukan dan ditutup. Tag ini memungkinkan Anda untuk memformat paragraf dokumen terpisah. Anda bisa, misalnya, menetapkan jenis font tertentu untuk itu atau warnanya. Namun, ini dilakukan dengan menggunakan tag tambahan - font. Pada saat yang sama, akan berlokasi di dalam yang menunjukkan batas paragraf - ini akan memungkinkan untuk tidak mendistribusikan perintah HTML yang mencerminkan jenis font yang disukai, ke elemen-elemen lain dari halaman web.

Dengan tag tag, tabel dibuat. Dengan bantuan atribut yang sesuai dengannya, Anda dapat menentukan jumlah kolom dan baris yang diperlukan, menetapkan lebar, spesifikasi batas, ukuran dan warna font teks dalam tabel.

Bertanggung jawab untuk pemrosesan browser gambar. Ini juga dapat menempatkan berbagai atribut yang mengatur ukuran gambar, posisinya pada halaman.

Referensi ke dokumen web lain atau file ditentukan menggunakan tag A. Sebagai aturan, atribut yang menunjukkan fakta bahwa dalam struktur halaman web adalah hyperlink. Ini menentukan dokumen, file, atau situs web yang mengarah.

Tag didistribusikan sebagai Frameset. Dengan itu, Anda dapat membagi ruang halaman web menjadi beberapa area - bingkai. Di masing-masing dari mereka, Anda dapat menggunakan dokumen web yang terpisah. Artinya, frame memungkinkan Anda memposisikan dengan benar pada satu layar pada saat yang sama dua halaman atau lebih.

Sebuah cerita tentang elemen-elemen kunci halaman web dan kisah selanjutnya tentang sarana pemformatan menggunakan bahasa HTML - tentang ini akan menjadi algoritma dari jawaban kami untuk pertanyaan kami bertanya kepada penguji. Jika dia mengajukan banding kepada kami, mengatakan "Buat daftar elemen dasar dari halaman web", maka kami, menggunakan metodologi yang sesuai, akan memiliki semua peluang untuk mengungkapkan topik. Yaitu, di bawah istilah "elemen" kita dapat memahami komponen utama dari struktur dokumen web, atau jenis konten - teks, gambar, tabel, bingkai, tautan yang dihasilkan Webmaster dengan bantuan alat HTML.

Kekhususan alat pengembangan web

Selain itu, kami dapat mengklarifikasi bahwa tag dan atribut yang ditetapkan dengan standar HTML adalah jumlah yang sangat besar. Selain pengembang web HTML dapat menggunakan alat pemformatan dokumen hypertext tambahan. Misalnya, menggunakan JavaScript, Anda dapat membuat halaman web dinamis - yaitu, yang secara konstan diperbarui (baik melalui tindakan pengguna itu sendiri dan sesuai dengan algoritma terlebih dahulu dalam skrip).

Ini akan berguna untuk menambahkan bahwa pengembang web dapat menggunakan bahasa pemrograman penuh, seperti, misalnya, Perl, PHP, Java, Python, yang dengannya kemungkinan bekerja dengan dokumen hypertext menjadi lebih luas. Kebutuhan untuk ini mungkin disebabkan oleh fakta bahwa aplikasi teknologi web saat ini sangat berbeda. Tugas-tugas yang menghadap pengembang modern bisa sangat rumit. Misalnya, kadang-kadang diperlukan untuk menerjemahkan halaman web yang ditulis dalam bahasa Rusia ke dalam bahasa Inggris. Dalam hal ini, toolkit pengembang akan menjadi yang paling beragam.

Apa itu halaman web? Ini adalah dokumen yang ditulis dalam bahasa markup hypertext ( Html.), Yang dapat dilihat menggunakan browser. Akses ke halaman web dilakukan dengan memasukkan URL.

Halaman web dapat berisi teks, grafik dan hyperlink ke halaman dan file lain.

Cara membuka halaman web

Untuk melihat halaman web memerlukan browser ( misalnya, Internet Explorer, Edge, Safari, Firefox atau Chrome). Di browser, Anda dapat membuka halaman web dengan menentukan bilah alamat URL. Misalnya, Memperkenalkan " https://www.computerhope.com/esd.htm."Anda akan membuka halaman harapan komputer ESD.

Jika Anda tidak tahu URL situs yang ingin Anda kunjungi, Anda dapat menggunakan mesin pencari untuk menemukan halaman web atau menggunakan situs pencarian.

Kapan halaman web pertama dibuat?

Halaman Web pertama dibuat di CERN Tim Berners-Lee 6 Agustus 1991. Sebelum Anda dapat mengunjungi dan melihat situs pertama dan halaman web pertama di http://info.cern.ch/.

Apa perbedaan antara situs dan halaman web?

Situs ini adalah tempat yang berisi lebih dari satu halaman web. Misalnya, sumber daya kami adalah situs yang mencakup ribuan halaman web, termasuk yang Anda baca sekarang:

Pada contoh di atas, URL.HTM URL adalah halaman web, ini selalu merupakan bagian terakhir dari URL. Untuk URL yang tidak memiliki akhir .htm, .html, .php, .cgi, .pl, atau ekstensi file lainnya, server memuat halaman web index.htm secara default. Misalnya, untuk URL halaman kontak, tidak ada halaman web. Dalam hal ini, file indeks default dari direktori / kontak dimuat.

Contoh halaman web

Kami telah menyebutkan bahwa browser digunakan untuk melihat halaman web. Halaman web terdiri dari beberapa elemen, termasuk CSS, gambar dan JavaScript. Badan halaman web dibuat menggunakan HTML. Kode ini dapat dibuat menggunakan editor HTML, ditulis oleh seseorang atau dihasilkan menggunakan skrip server. Biasanya halaman web yang dibuat oleh seseorang diakhiri dengan ekstensi .htm atau .html. Misalnya, halaman ini memiliki nama file " webpage.htm." Halaman yang dihasilkan oleh skrip dapat diakhiri dengan .cgi, .php, .pl, dll.

Elemen apa yang berisi halaman web?

Di bawah ini adalah rincian elemen-elemen utama sehingga desainer web dapat memahami apa yang logis struktur Halaman Web:

  1. Judul situs, logo atau nama perusahaan hampir selalu di sudut kiri atas setiap halaman web. Ini juga menyenangkan untuk menggunakan slogan atau deskripsi singkat halaman untuk memberi pengunjung baru ide situs. Elemen web ini biasanya merupakan tautan yang mengarah ke halaman utama;
  2. Bilah pencarian memungkinkan pengunjung untuk dengan cepat menemukan halaman web. Itu harus ada di setiap halaman;
  3. Panel navigasi atau menu biasanya di bagian atas atau kiri dari setiap halaman web. Itu harus mencakup tautan ke masing-masing bagian utama situs;
  4. Spanduk iklan dapat ditampilkan di berbagai tempat di halaman web. Biasanya mereka ditampilkan di bagian atas, kiri, kanan atau bawah dari halaman web atau dimasukkan dalam konten utama;
  5. Tombol Sosial memungkinkan pengunjung untuk berbagi tautan ke halaman web di situs jejaring sosial;
  6. Di halaman web yang dibuat, remah roti membantu pengunjung untuk memahami di mana ia berada, serta pergi ke bagian lain dari situs;
  7. Judul harus di bagian atas setiap halaman web. Ini dibuat menggunakan tag HTML

    .

  8. Paragraf awal adalah salah satu elemen terpenting dari halaman web. Dia harus menarik minat pengunjung untuk berkenalan dengan isi halaman web. Salah satu cara untuk menarik perhatian pengunjung adalah memasukkan gambar di sebelah paragraf awal;
  9. Setiap halaman web harus dibagi menjadi tajuk tingkat bawah yang memungkinkan pengunjung dengan mudah melihat konten dan menemukan di halaman yang paling menarik baginya. Saat membuat halaman web, ini dapat dilakukan menggunakan tag HTML.

    ;
  10. Ide yang baik adalah memberi pengunjung tautan atau tombol yang mengarahkan ulang formulir umpan balik sehingga mereka dapat menginformasikan apakah halaman web ini bermanfaat atau tidak;
  11. Informasi dan alat tambahan, seperti tombol pencetakan, juga dapat bermanfaat bagi pengguna;
  12. Footer harus mencakup informasi tambahan yang penting bagi perusahaan atau situs. Serta tautan ke halaman web lain;
  13. Hak cipta dan pemberitahuan hukum atau rahasia juga harus diposting di semua halaman web. Dalam dasar-dasar mendesain halaman web, item ini tidak hanya dapat merujuk pada informasi hukum yang relevan. Dia juga menunjukkan bahwa pengunjung mencapai ujung halaman web;
  14. Tombol Halaman dapat membantu pengunjung dengan cepat kembali ke atas halaman web untuk mengakses tautan menu.

Apa yang dapat dilakukan pengguna pada halaman web?

Di sebagian besar halaman web ada hyperlink menarik yang Anda temukan informasi tambahan. Anda juga dapat mendengarkan musik, menonton video, melakukan pembelian, berkomunikasi, dan banyak lagi.

HTML (Hypertext Markup Language) adalah bahasa khusus untuk memformat dokumen teks (itu juga disebut bahasa markup bahasa - penampil dokumen WWW). HTML adalah set perintah yang cukup sederhana yang menggambarkan struktur dokumen. HTML memungkinkan Anda memilih bagian logika individu dalam teks (header, paragraf, daftar, dll.), Masukkan foto atau gambar yang disiapkan secara terpisah di halaman web, untuk mengatur tautan pada tautan untuk menghubungi dokumen lain pada halaman.

HTML tidak menentukan atribut pemformatan dokumen spesifik dan akurat, seperti Microsoft Word. Jenis dokumen tertentu akhirnya menentukan program browser. Di komputer Anda. Kebutuhan dengan tepat pendekatan ini dikaitkan dengan heterogenitas perangkat keras dan perangkat lunak komputer yang terhubung ke Internet. HTML juga bukan bahasa pemrograman, tetapi halaman web dapat mencakup program bawaan. skrip. Dalam bahasa dan program skrip visual dan visual dasar applet. dalam bahasa Jawa.

Dari sudut pandang pengguna Windows, halaman web hanyalah file * .htm atau * .html yang ada di server Internet, pada jaringan lokal atau pada hard drive mobil Anda.

Ingat bahwa HTML bukan bahasa pemrograman, itu dimaksudkan hanya untuk menandai dokumen. Itu. Bahkan, membuat halaman HTML, Anda cukup mengedit teks menggunakan tag hampir sama dengan pada editor teks yang biasa. Setiap tag memiliki properti sendiri, tetapi mereka semua menyimpulkan antara kurung sudut "<" и ">", Misalnya, , .

Semua tag dalam HTML dibagi menjadi dua jenis - ini dipasangkan dan tidak berpasangan. Pairies dianggap sebagai mereka yang tag penemuan membutuhkan adanya tag penutup. Tag tertutup di HTML ditandai dan ditulis begitu . Tag yang tidak dibayar tidak memerlukan tag penutup. Contoh tag tersebut adalah tag transfer ke baris berikut
. Ada juga tag wajib yang harus digunakan pada semua halaman, dan opsional, yang digunakan oleh keinginan.

HTML - Bahasa Markup Teks Hyper. Halaman web (dokumen HTML) adalah file teks dalam format HTML * .htm atau * .html, yang terletak di World Wide Web (WWW). WWW - World Wide Web, terdistribusi sistem akses dokumen hypertext, yang ada di Internet. Halaman web selain teks dapat berisi tautan hypertext, yang dengannya Anda dapat pindah ke halaman web lain dan melihatnya. Halaman web dapat berisi sisipan dalam bentuk grafik, animasi, klip video dan musik. Untuk melihat halaman web, Anda dapat menggunakan, misalnya, Microsoft Internet Explorer atau Netscape Navigator, atau Opera (Viewer atau Browser). Bahasa HTML memungkinkan: 1) Buat dan edit halaman web, termasuk halaman web rumah Anda, yang kemudian dapat ditempatkan di Internet; 2) Edit dokumen HTML yang diterima dari Internet sehingga semua objek diimplementasikan dalam dokumen (gambar, animasi, dll) berfungsi; 3) Buat presentasi multimedia, tayangan slide, proyek demonstrasi, berkat tautan hypertext dan kemampuan untuk memasukkan gambar HTML, grafik, animasi, klip video, dukungan musik dan pidato, efek khusus teks (misalnya, menjalankan string) ke dalam dokumen HTML. Ada tiga cara utama untuk membuat halaman web (atau dokumen HTML): 1) menggunakan Editor Teks Notepad (Notepad) yang dibangun ke dalam Windows, dan melihat hasilnya menggunakan browser. Cara termudah ini direkomendasikan untuk pemula. Teknologi metode pembuatan halaman web ini adalah sebagai berikut: Di Editor Notepad, file halaman web dibuat, yang disimpan dengan ekstensi * .htm. Maka file ini dimuat dan dilihat oleh Internet Explorer. Untuk memanggil Editor Notepad untuk mengedit file halaman web saat melihatnya di Internet Explorer, tampilan item menu, sumber atau dalam HTML digunakan. Setelah menyimpan file dan output dari notepad untuk melihat halaman yang diedit, Anda perlu menekan tombol F5 atau tombol "Perbarui" di Internet Explorer Toolbar. 2) menggunakan editor dokumen HTML khusus, seperti cahaya logam panas, hot dog profesional, halaman depan MS, htmlpad, dll. 3) menggunakan editor Word-97, di mana teks dokumen dibuat, yang kemudian dikonversi ke Format html. Pertimbangkan konsep dasar bahasa HTML. 1. Elemen adalah desain bahasa HTML, atau wadah yang berisi data. Halaman web adalah seperangkat elemen. 2. Tag adalah penanda awal dan akhir dari elemen. Tag menentukan batas-batas elemen dan memisahkan elemen satu sama lain. Dalam teks halaman web, tag terdiri dari tanda kurung sudut, misalnya: . Tag terakhir selalu disertakan dengan fitur miring:. 3. Hyperlink - fragmen teks, yang merupakan pointer ke file atau objek lain. Hyperlink memungkinkan Anda untuk pindah dari satu dokumen ke dokumen lainnya. 4. Bingkai - area dokumen hypertext dengan bilah gulirnya. 5. Applet adalah program yang ditransmisikan ke komputer klien sebagai file terpisah dan mulai saat melihat halaman web. 6. Script adalah program yang termasuk dalam halaman Web untuk memperluas kemampuannya. 7. Unduh (unduh) - Menyalin dokumen dari server web ke komputer klien. Unggah - Menyalin dokumen komputer klien ke server web - digunakan saat membuat halaman web Anda sendiri (mis., Saat diterbitkan). Pertimbangkan struktur umum dokumen HTML khas paling sederhana: Komentar Nama dokumen Berikut adalah teks dokumen HTML itu sendiri. Lihat dokumen HTML paling sederhana, kami akan memberikan penjelasan ke tag dokumen HTML yang ditentukan. atau - komentar ke dokumen. Itu diabaikan oleh browser. Komentar itu tidak wajib dan mungkin tidak ada. - Pengidentifikasi dari seluruh blok perintah HTML. - Pengidentifikasi header dokumen HTML. - Pengidentifikasi header tampilan. <META> - Tag yang belum dibayar ini berlaku untuk menentukan informasi terperinci tentang dokumen. <BODY> - Pengidentifikasi perintah HTML untuk dilihat. Tiga tag utama <HTML>, <HEAD> dan <BODY> Mentransmisikan informasi dasar ke browser untuk mengidentifikasi dan mengatur dokumen. Semua tag yang ditentukan dipasangkan, yaitu, masing-masing diakhiri dengan tag akhir dengan garis miring. Semua tim dapat ditulis baik dengan huruf kecil dan dengan yang besar. <u>Pertimbangkan tag pemformatan aliran teks:</u> <P>Pengidentifikasi paragraf akhir. <BR> - Identifikasi Terjemahan Baris. <HR> - Pengidentifikasi gambar dari garis horizontal. Tag-tag ini lajang, mis. Tidak berpasangan, mereka tidak memerlukan tag dengan garis miring. <PRE>Instalasi font yang diperparah. Pada akhirnya Anda perlu tag</PRE>. Pertimbangkan tag pasangan memformat tajuk dan subtitle dokumen: <H1>, <H2>, <H3>, <H4>, <H5>, <H6>. Pada saat yang sama, tajuk utama akan dibawa dalam huruf besar, dan ukuran tag <H1> Akan menjadi yang terbesar, <H2> Kurang, U. <H3> Bahkan kurang, dll. Pertimbangkan tag pemformatan simbol teks dipasangkan: <B> - Pengidentifikasi font Kalif. <strong> - Pengidentifikasi font yang dipilih. <i> - Pengemboran pengidentifikasi. <U> - Underscore. <s> - Pengidentifikasi pengidentifikasi. <tt> - Identifier Fled Font (teletype atau kurir). <big> - Menentukan ukuran font yang meningkat. <small> - Menentukan ukuran font yang dikurangi. <CENTER> - Menentukan pemusatan teks. <sub> - Menentukan indeks yang lebih rendah. Contoh: X. <sub>1</sub>+ X. <sub>2</sub>\u003d X. <sub>3</sub> <sup> - Menentukan indeks atas. Contoh: Teorema Pythagora a <sup>2</sup>+ B. <sup>2</sup>\u003d C. <sup>2 Lihat contoh dengan tag pemformatan aliran teks. <u>Pertimbangkan tag pemformatan paragraf:</u> <p align=left>Meratakan teks dalam paragraf ke tepi kiri. <p align=right>Menyelaraskan teks dalam paragraf di tepi kanan. <p align=center>Meratakan teks dalam paragraf di tengah. <p align=justify>Leveling penuh kedua tepi layar. Align - Atribut Alignment. <u>Pertimbangkan tag daftar.</u> Mereka adalah cara tampilan visual informasi terstruktur. Daftar yang dipesan berfungsi untuk menampilkan operasi atau algoritma berturut-turut. Browser secara otomatis menghasilkan angka untuk setiap item dalam daftar. <OL> - Identifier memesan daftar. Pada akhirnya</OL>. Daftar yang tidak teratur berfungsi untuk menyusun daftar ketika urutan poin tidak signifikan. Sebelum setiap elemen akan berdiri ikon daftar khusus (titik). <UL> - Identifier dari daftar yang tidak berurutan. Pada akhirnya</UL>. Elemen terpisah dalam daftar yang dipesan dan disorderasi ditandai dengan satu tag <LI>, dan elemen dalam daftar definisi <DL> Tegs. <DT> Untuk istilah I. <DD> Untuk arti istilah tersebut. <LI> - Elemen pengidentifikasi dalam daftar yang dipesan dan disorderasi. Tag terbatas</LI> Dapat dihilangkan. Daftar definisi memberikan pemformatan khusus, seperti dalam kamus, untuk istan dan deskripsi terkait. <DL> - Pengidentifikasi daftar definisi. Pada akhirnya</DL>. <DT> - Pengidentifikasi istilah dalam daftar definisi. <DD> - Pengidentifikasi nilai istilah dalam daftar definisi. Daftar definisi memiliki formulir: <DL> <DT> Nama Term 1. <DD> Definisi istilah 1. <DD> Definisi lain dari istilah ini 1 .....</DL> Penggunaan tag daftar diatur dalam contoh 4 dan 5. Melihat contoh dengan daftar tag. <u>Beberapa tag HTML yang paling penting</u> <BODY bgcolor="teal" text="aqua" link="red"> - Menentukan warna teks (teks), warna latar belakang (BGColor) dan warna tautan hypertext (tautan). Tentukan lebih banyak Alink \u003d "" dan Vlink \u003d "" Sumber Tautan Aktif dan Mengunjungi. <BODY background="back.jpg"> - Menentukan gambar latar belakang (wallpaper) di halaman web di file back.jpg. <BODY background="/windows/tartan.bmp"> - Gambar latar belakang (wallpaper) diambil dari file tartan.bmp, dan jalur file ini ditentukan. <font color="yellow" size=5> - Menentukan warna simbol teks (atribut warna) dan ukurannya (ukuran atribut). Pada akhirnya Anda perlu tag</font>. <hr color="lime"> - Menentukan warna garis horizontal. <hr color="red" size=3 width=220 align=center> - Ukuran \u003d N atribut mengatur ketebalan garis dalam piksel; Atribut lebar \u003d M mengatur panjang garis dalam piksel; Atribut align \u003d center (atau kiri, atau kanan) menetapkan garis offset (lokasinya di tengah, atau offset ke kiri, atau ke kanan). <img src='/sozdanie-dokumentov-v-html-sozdanie-pervoi-veb-stranicy-i-abzac.html' loading=lazy loading=lazy> - Masukkan gambar grafis sebagai file lycos.gif. Ada file gif animasi. Anda juga dapat menggunakan file grafik format * .jpg (atau * .jpeg), * .bmp.<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast?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> </div> <div class="dsperelink"> <div class="read-analog"> <style> </style> <style> #perelink-horizontal { vertical-align: top; margin: 0 -5px; text-align: left; } #perelink-horizontal .perelink-horizontal-item { vertical-align: top; display: inline-block; width: 192px; margin: 0 5px 10px; } #perelink-horizontal .perelink-horizontal-item a span { display: block; margin-top: 10px; } #perelink-horizontal img { width: 192px; height: 192px; margin-bottom: 10px; } </style> <div id="perelink-horizontal"> <div class="perelink-horizontal-item"> <a href="https://olympsb.ru/id/chto-nuzhno-dlya-sozdaniya-registratora-domenov-biznes-po-pereprodazhe.html"> <img src="/uploads/7b9f98934aa10459fbea2486aad25259.jpg" height="192" width="192" loading=lazy loading=lazy> <span>Bisnis Pengecer Nama Domain: Kiat, Pilihan Panitera</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://olympsb.ru/id/vstrechi-i-znakomstva-flirchi-znakomstva-bez-registracii-flirchi-ukrainskaya.html"> <img src="/uploads/759a1b1dcf278bda378b922286ca0a0a.jpg" height="192" width="192" loading=lazy loading=lazy> <span>Skiltic Dating Tanpa Registrasi Versi Flerberi Ukraina</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://olympsb.ru/id/bezopasnost-oblachnyh-hranilishch-kak-naiti-v-kompyutere-oblako-oblachnoe.html"> <img src="/uploads/53098a0c5505665e1010c9451e298d86.jpg" height="192" width="192" loading=lazy loading=lazy> <span>Cara menemukan penyimpanan cloud di cloud</span> </a> </div> <div class="perelink-horizontal-item"> <a href="https://olympsb.ru/id/chto-vhodit-v-ponyatie-orgtehnika-spisok-chto-podrazumevaetsya-pod.html"> <img src="/uploads/a5a7fd2cf0cfa2c948269fa826ec094b.jpg" height="192" width="192" loading=lazy loading=lazy> <span>Apa yang dimaksud di bawah peralatan kantor untuk kantor dan apa yang dibutuhkan</span> </a> </div> </div> </div> </div> </div> </article> </div> </section> <aside class="col-xs-12 col-sm-3 sidebar-offcanvas" id="sidebar" role="navigation"> <div class="mainnavbar side-box clear"> <div id="nav_menu-2" class="side-box_b"> <div class="menu-sidenav-container"> <ul id="menu-sidenav" class="menu"> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/id/category/total/">Umum</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/id/category/hard-drive/">Hdd.</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/id/category/different/">Miscellanea</a> </li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/id/category/windows/">Windows.</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/id/category/apple/">Apel.</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/id/category/android/">Android.</a> </li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/id/category/browsers/">Browser</a> </li> </ul> </div> </div> </div> <div class="side-box lastfaq faqli clear"> <span class="title-f">Top 5:</span> <ul class="textw_a clear"> <li><a href="https://olympsb.ru/id/kak-sdelat-zvuk-na-kompyutere-gromche-esli-vs-na-maksimume-chto-delat-esli.html">Apa yang harus dilakukan jika suara yang tenang di headphone adalah panduan untuk meningkatkan volume suara cara membuat headphone bahkan lebih keras</a></li> <li><a href="https://olympsb.ru/id/sozdanie-dokumentov-v-html-sozdanie-pervoi-veb-stranicy-i-abzac.html">Membuat halaman web pertama dan paragraf teks melalui</a></li> <li><a href="https://olympsb.ru/id/sql-uporyadochit-po-vozrastaniyu-rabota-s-bazoi-dannyh.html">SQL streamline naik</a></li> <li><a href="https://olympsb.ru/id/chto-daet-obnovlenie-biosa-nuzhno-li-obnovlyat-bios-chto-dast-proshivka.html">Apakah saya perlu memperbarui BIOS yang memberikan firmware BIOS</a></li> <li><a href="https://olympsb.ru/id/diagnostika-materinskoi-platy-noutbuka-akkumulyator-noutbuka-sbros.html">Baterai Laptop: Reset Controller, Firmware dan Zeroing Lenovo Laptop Power Controller</a></li> </ul> </div> <div class="side-box lastfaq faqli clear"> <span class="title-f">Bahan terbaru:</span> <ul> <li> <a href="https://olympsb.ru/id/po-forme-izobrazheniya-informaciya-klassificiruetsya-kak.html" >Pada formulir gambar, informasi diklasifikasikan sebagai</a> </li> <li> <a href="https://olympsb.ru/id/bios-nuzhno-li-obnovlyat-stoit-li-obnovlyat-bios-osobennosti-i-nyuansy.html" >Apakah layak memperbarui BIOS - fitur dan nuansa layak memperbarui BIOS</a> </li> <li> <a href="https://olympsb.ru/id/brauzer-gugl-nazyvaetsya-internet-brauzer-google-chrome---polnaya.html" >Browser Internet Google Chrome - Informasi lengkap dan unduh gratis Versi Rusia</a> </li> <li> <a href="https://olympsb.ru/id/kakie-volny-ulavlivaet-televizor.html" >Wave apa yang menangkap TV</a> </li> <li> <a href="https://olympsb.ru/id/chto-takoe-brauzer-google-istoriya-brauzera-google-chrome-sozdanie-stanovlenie-i.html" >Riwayat Browser Google Chrome: Penciptaan, Pembentukan dan Pengembangan</a> </li> </ul> </div> <div class="side-box clear"> <div id="rexuta2" style="height:800px;width:240px;" align="center"></div> </div> </aside> </section> <div class="footer"> <div id="footer_mainnav" class="mainnav collapse navbar-collapse col-xs-12 col-sm-12"> <ul id="menu-mainnav-1" class="nav navbar-nav navi"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/id/category/flash-drives/">Flash drive.</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/id/category/total/">Umum</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/id/category/hard-drive/">Hdd.</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/id/category/different/">Miscellanea</a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://olympsb.ru/id/category/windows/">Windows.</a></li> </ul> </div> <div class="twobl-footer col-xs-12 col-sm-12"> <div class="onef col-xs-12 col-sm-3"> <div class="fool2og log-m_h1"> <img src='/public/logo.png' loading=lazy loading=lazy> </div> <div class="decksite"></div> </div> <div class="twof col-xs-12 col-sm-2"> <ul id="menu-foonav" class="twonavig"> <li id="menu-item-" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-"><a href="https://olympsb.ru/id/category/apple/">Apel.</a></li> <li id="menu-item-" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-"><a href="https://olympsb.ru/id/category/android/">Android.</a></li> <li id="menu-item-" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-"><a href="https://olympsb.ru/id/category/browsers/">Browser</a></li> <li id="menu-item-" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-"><a href="https://olympsb.ru/id/category/flash-drives/">Flash drive.</a></li> </ul> </div> <div class="treef col-xs-12 col-sm-4"> <ul class="f-post"> <li><a href="https://olympsb.ru/id/tipy-plotterov-plotter-vidy-i-rabota-primenenie-i-kak-vybrat-osobennosti.html">Jenis komplotan. Plotter. Jenis dan pekerjaan. Aplikasi dan cara memilih. Fitur apa plotternya</a></li> <li><a href="https://olympsb.ru/id/istoriya-razvitiya-poiskovyh-sistem-poiskovaya-sistema-kakaya.html">Mesin pencari mesin pencari yang muncul sebelumnya</a></li> <li><a href="https://olympsb.ru/id/oshibki-scenariya-v-internet-explorer-prichiny-i-metody-ustraneniya.html">Penyebab dan metode eliminasi</a></li> <li><a href="https://olympsb.ru/id/kak-pravilno-sostavit-title-dlya-stranicy-html-teg-title-effektivno.html">Tag Judul HTML - Gunakan Judul Halaman secara Efektif</a></li> </ul> </div> <div class="fourf col-xs-12 col-sm-3"> <div class="buth"> <a class="butt-faq buttorang" href="" title="kontak">Kontak</a> </div> <p class="continfo">Membantu komputer Olympus.</div> </div> <div class="tree-footer col-xs-12 col-sm-12 clear"> © 2021. Olympsb.ru. Komputer membantu Olympus.</div> </div> <script src="https://olympsb.ru/wp-content/themes/vsepropechen/js/bootstrap.min.js"></script> <script type='text/javascript' src='https://olympsb.ru/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.51.0-2014.06.20'></script> <script type='text/javascript' src='https://olympsb.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.5.1'></script> <script type='text/javascript' src='https://olympsb.ru/wp-content/plugins/wp-postratings/postratings-js.js?ver=1.83'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.7.6'></script> <script type='text/javascript' src='https://olympsb.ru/wp-content/plugins/disqus-comment-system/media/js/disqus.js?ver=4.7.6'></script> <script type='text/javascript' src='https://olympsb.ru/wp-content/plugins/disqus-comment-system/media/js/count.js?ver=4.7.6'></script> <div style="display:none"> <div id="text-3" class="conter-metr"> <div class="textwidget"> </script> </div> </div> </div> <div id="top-link"> <a href="https://olympsb.ru/id/#top"></a> </div> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> </body> </html> </div>