Membuat Halaman Web Menggunakan Tutorial HTML. Pembuatan halaman web pertama bahasa html pembuatan halaman web

Perkembangan bidang TI, yaitu pertumbuhan permintaan layanan untuk pembuatan dan promosi mesin pencari situs web, telah menyebabkan munculnya banyak webmaster yang siap melakukan semua pekerjaan di situs dan selanjutnya mendukung. Tak perlu dikatakan, sebagian besar proyek ini dibuat dengan bantuan konstruktor gratis, "master" itu sendiri hanya memiliki pemahaman teoretis tentang komponen teknis dari sumber daya web berkualitas tinggi. Desain situs web, pengisian, perhatian terhadap kegunaan - semua ini tentu saja penting. Tetapi situs yang secara teknis rusak dengan kesalahan dalam kode pasti akan gagal.

Secara singkat tentang bahasa pemrograman umum

PHP... Ini didasarkan pada bahasa markup HTML. PHP adalah bahasa scripting tujuan umum, sumber- membuka. Sintaksnya cukup mudah dipelajari dan memiliki banyak kesamaan dengan C, Java dan Perl. Keuntungan utama dari PHP adalah memungkinkan pengembang untuk dengan cepat membuat halaman web yang dihasilkan secara dinamis. Dengan perintah bahasa yang profesional, dapat digunakan untuk tugas-tugas lain juga.

Python. Di Rusia itu umum sebagai "python". Bahasa pemrograman tujuan umum tingkat tinggi yang berfokus pada peningkatan produktivitas pengembang dan keterbacaan kode. Sintaks inti Python minimalis. Pada saat yang sama, perpustakaan standar mencakup banyak fungsi yang berguna.

Rubi... Di Rusia itu umum sebagai "rubi". Bahasa pemrograman tingkat tinggi yang dinamis, reflektif, dan ditafsirkan untuk pemrograman berorientasi objek yang cepat dan mudah. Bahasa tidak bergantung pada sistem operasi implementasi multithreading, pengetikan dinamis yang kuat, pengumpul sampah, dan banyak fitur lainnya. Dalam hal sintaks, ini dekat dengan bahasa Perl dan Eiffel, dan dalam pendekatan berorientasi objek, ke Smalltalk. Juga, beberapa fitur bahasa diambil dari Python.

ASP... Pengembang bahasa ini adalah Microsoft. Teknologi ini memungkinkan pengembangan aplikasi untuk WWW. ASP mudah dan cepat. Platform ASP: Windows NT dan IIS (Internet Information Server). Tidak sepenuhnya benar untuk menyebut ASP sebagai bahasa, melainkan justru teknologi untuk menghubungkan program ke halaman Web. Bahasa scripting yang sederhana dan kemampuan untuk menggunakan komponen COM eksternal adalah rahasia kesuksesan ASP.

JavaScript... Prinsip JavaScript berfungsi pemrograman agak berbeda dari bahasa lain. Perbedaan utamanya adalah ia terhubung langsung ke file HTML. Skrip yang ditulis dalam JavaScript diproses oleh penerjemah bawaan browser.

Area penggunaan bahasa cukup luas:

  • Buat halaman web yang dapat berubah setelah dokumen dimuat
  • Memecahkan masalah lokal
  • Memeriksa literasi pengisian formulir oleh pengguna sebelum mengirimnya ke server

Keragaman fitur javascript menentukan popularitas bahasa. Dengan bantuannya Anda dapat:

  • Buat perubahan pada halaman: bekerja dengan tag, mengubah gaya, menulis teks
  • Bereaksi terhadap peristiwa (misalnya, klik mouse) dan lakukan fungsi tertentu
  • Tampilkan pesan, periksa kebenaran data, atur dan baca cookie
  • Muat data tanpa memuat ulang halaman, dll.

Perl... Awalnya, bahasa ini adalah sarana untuk menggabungkan program yang melakukan berbagai fungsi menjadi satu skrip yang memungkinkan Anda menyelesaikan serangkaian tugas: pengolah kata, administrasi, dll. Perl adalah alat utama untuk membangun aplikasi CGI saat ini. Ini digunakan untuk mengelola server web dan sistem lainnya. Kesederhanaan dan efisiensi skrip pada bahasa ini menyebabkan adaptasinya ke platform seperti Windows, Mac, dll. Perl terbuka dan tersedia, kode sumber juru bahasa dapat diperoleh secara gratis.

Apakah segudang pengetahuan bermanfaat?

Dasar-dasar pemrograman diajarkan dalam pelajaran ilmu komputer sekolah. Hampir semua orang telah menemukan Delphi dan Pascal. Bahasa yang lebih kompleks membutuhkan pendekatan pembelajaran yang jauh lebih serius. Pola pikir tertentu adalah matematis dan logis, dan, tentu saja, keinginan untuk menjadi spesialis di bidangnya akan membantu programmer pemula untuk sukses. Anda tidak boleh mencoba menguasai semua bahasa sekaligus. Lebih baik mengetahui satu dengan baik daripada memiliki pengetahuan yang terpisah-pisah dari lima. Setiap bahasa pemrograman memiliki prinsip-prinsip umum, semuanya dibangun di atas logika tindakan, oleh karena itu, dengan pengalaman, akan menjadi lebih cepat dan lebih mudah untuk menguasai teknologi baru. Banyak orang dapat mengubah dan menyalin kode yang sudah jadi, tetapi tidak semua programmer dapat menjadi "artis" sejati dan bukan peniru.

pengantar

1. Informasi dasar

1.1 Tentang html

1.2 Pengembangan situs web

1.3 Dasar-dasar

1.4 Struktur dokumen

1.5 Tag badan dokumen

1.6 Daftar tag html dasar

2. informasi tambahan

2.1 Daftar tag

2.3 Grafik dalam dokumen

2.4 Menambahkan gaya ke dokumen

2.5 Tag html khusus

2.6 Formulir html

2,7 bingkai HTML

2.8 tabel HTML

2.9 Mengoptimalkan grafik untuk web

2.10 Dasar-dasar CSS

3. Deskripsi pembuatan situs

3.1 Persiapan

3.2 Penciptaan halaman rumah

3.3 Membuat halaman kedua

3.4 Membuat halaman dengan deskripsi kota

3.5 halaman Foto

3.6 Halaman program

3.7 Halaman terima kasih

Kesimpulan

Daftar literatur yang digunakan

pengantar

Skripsi ini tentang HTML. Dengan bantuan bahasa ini, file dengan ekstensi * .htm dan * .html dibuat, yang merupakan halaman Web. Situs Internet terdiri dari mereka.

Sebuah situs web dilampirkan pada tesis sebagai contoh apa yang dapat dibuat menggunakan HTML.

Semua pekerjaan dibagi menjadi 3 bagian. Bagian pertama sepenuhnya dikhususkan untuk mendeskripsikan tag HTML dasar. Di dalamnya Anda akan menemukan semua informasi yang perlu cara membuat halaman web sederhana. Bagian kedua memberikan informasi tentang cara meningkatkan tampilan dan nuansa dokumen Anda dan mengintegrasikan fitur tambahan ke dalamnya. Dan bagian ketiga berisi uraian tentang bagaimana situs itu dibuat, dilampirkan pada skripsi ini. Ini menjelaskan secara rinci satu setengah bulan kerja keras untuk membuat situs, menceritakan tentang berbagai kesalahan selama pembuatan dan koreksinya, tentang kesulitan yang dihadapi dan metode penghapusannya.

Setelah membaca karya ini, siapa pun, bahkan yang sama sekali tidak terbiasa dengan pemrograman, akan dapat memahami dasar-dasar pemrograman dalam HTML. Dan mereka yang tahu, mungkin, akan menemukan sesuatu yang baru untuk diri mereka sendiri.

1.1 Tentang bahasa html

Hyper Text Markup Language (HTML) adalah bahasa standar untuk membuat dokumen hiperteks di lingkungan WEB. Dokumen HTML dapat dilihat oleh berbagai jenis browser WEB. Saat dokumen dibuat menggunakan HTML, browser WEB dapat menginterpretasikan HTML untuk disorot berbagai elemen dokumen dan pemrosesan utamanya. Menggunakan HTML memungkinkan Anda memformat dokumen untuk presentasi menggunakan font, garis, dan elemen grafis lainnya pada sistem apa pun yang melihatnya.

Sebagian besar dokumen memiliki elemen standar seperti judul, paragraf, atau daftar. Dengan menggunakan tag HTML, Anda dapat memberi label pada elemen-elemen ini, menyediakan browser WEB informasi minimal untuk menampilkan elemen-elemen tersebut, dengan tetap menjaga keseluruhan struktur dan kelengkapan informasi dokumen. Yang Anda butuhkan untuk membaca dokumen HTML adalah browser WEB yang menafsirkan tag HTML dan menampilkan dokumen di layar seperti yang diberikan oleh pembuatnya.

Dalam kebanyakan kasus, penulis dokumen secara ketat mendefinisikan tampilan dokumen. Dalam kasus HTML, pembaca, berdasarkan kemampuan browser WEB, dapat, sampai batas tertentu, mengontrol penampilan dokumen (tetapi bukan isinya). HTML memungkinkan Anda untuk menandai di mana sebuah judul atau paragraf harus berada dalam dokumen menggunakan tag HTML, dan kemudian memberitahu browser web untuk menafsirkan tag tersebut. Misalnya, satu browser WEB dapat mengenali tag awal paragraf dan menyajikan dokumen dalam bentuk yang diinginkan, sementara yang lain tidak memiliki kemampuan ini dan menyajikan dokumen dalam satu baris. Pengguna beberapa browser WEB juga memiliki kemampuan untuk menyesuaikan ukuran dan jenis font, warna, dan parameter lain yang memengaruhi tampilan dokumen.

Tag HTML secara kasar dapat dibagi menjadi dua kategori:

1. Tag mendefinisikan bagaimana tubuh dokumen secara keseluruhan akan ditampilkan oleh browser WEB.

2. Tag yang menjelaskan properti Umum dokumen, seperti judul atau penulis dokumen.

Ingat, keuntungan utama dari HTML adalah bahwa dokumen Anda dapat dilihat di browser WEB. jenis yang berbeda dan di berbagai platform.

1.2 Penciptaan Situs web

Dokumen HTML dapat dibuat menggunakan editor teks apa pun atau editor dan konverter HTML khusus. Pilihan editor yang akan digunakan untuk membuat dokumen HTML semata-mata tergantung pada konsep kenyamanan dan preferensi pribadi masing-masing penulis.

Misalnya, editor HTML seperti " Navigator Netscape Emas "oleh Netscape, memungkinkan Anda membuat dokumen secara grafis menggunakan teknologi Apa yang Anda Lihat Adalah Apa yang Anda Dapatkan (WYSIWYG). Di sisi lain, sebagian besar alat pembuatan dokumen tradisional memiliki konverter yang memungkinkan Anda mengonversi dokumen ke HTML.

Semua tag HTML dimulai dengan "<" (левой угловой скобки) и заканчиваются символом ">"(tanda kurung siku). Biasanya, ada tag awal dan tag akhir. Misalnya, berikut adalah tag heading yang mendefinisikan teks di dalam tag awal dan akhir dan menjelaskan judul dokumen:

Judul dokumen

Tag akhir terlihat sama dengan tag awal, dan berbeda dari itu dengan garis miring sebelum teks di dalam kurung sudut. Dalam contoh ini, tag memberitahu browser WEB untuk menggunakan format header, dan tag- tentang penyelesaian teks judul.

Beberapa tag seperti

(tag yang mendefinisikan paragraf) tidak memerlukan tag tambahan, tetapi menggunakannya memberikan teks asli dokumen yang lebih mudah dibaca dan terstruktur.

HTML tidak peka huruf besar/kecil, dan contoh sebelumnya mungkin terlihat seperti ini:

Judul dokumen

Perhatian! Spasi ekstra, tab, dan carriage return yang ditambahkan ke teks sumber dokumen HTML untuk keterbacaan yang lebih baik akan diabaikan oleh browser WEB saat menafsirkan dokumen. Dokumen HTML dapat menyertakan elemen di atas hanya jika ditempatkan di dalam tag

DAN
... Pelajari lebih lanjut tentang tag
Ini akan ditulis di bawah ini.

Ketika browser web menerima dokumen, itu menentukan bagaimana dokumen harus ditafsirkan. Tag pertama yang muncul di dokumen harus berupa tag ... Tag ini memberi tahu browser web bahwa dokumen Anda ditulis menggunakan HTML. Dokumen HTML minimal akan terlihat seperti ini:

badan dokumen...

Judul bagian dari dokumen ... Tag heading dokumen harus digunakan segera setelah tag dan tidak ada tempat lain di badan dokumen. Tag ini mewakili gambaran umum dokumen. Hindari menempatkan teks apa pun di dalam tag ... Mulai tag ditempatkan tepat sebelum tag dan tag lain yang menjelaskan dokumen, dan tag penutup</HEAD> ditempatkan segera setelah akhir deskripsi dokumen. Sebagai contoh:</p> <p><TITLE>Daftar karyawan

Perhatian! Secara teknis, tag awal dan akhir seperti , dan opsional. Tetapi sangat disarankan untuk menggunakannya, karena penggunaan tag ini memungkinkan browser WEB untuk dengan percaya diri memisahkan bagian judul dokumen dan bagian semantik itu sendiri.

Judul dokumen ... Sebagian besar browser WEB menampilkan konten tag <TITLE>di judul jendela yang berisi dokumen dan di file bookmark, jika didukung oleh browser WEB. Judul dibatasi oleh tag <TITLE>dan, ditempatkan di dalam -tag seperti yang ditunjukkan pada contoh di atas. Judul dokumen tidak muncul ketika dokumen itu sendiri ditampilkan di jendela.

Halo teman teman! Anda yang telah membaca blog saya berkali-kali tahu apa yang saya katakan berkali-kali: Anda tidak perlu memiliki keahlian pemrograman khusus untuk online.

Ya, begitulah, dan saya tidak menolak kata-kata saya, tetapi hanya karena ada layanan khusus dan . Jika Anda tidak menggunakannya, maka untuk membuat sumber daya web dan mengisinya Anda perlu mengetahui bahasa pemrograman.

Ingin tahu bahasa apa saja yang dibutuhkan untuk membuat website? Kemudian baca terus!

Beberapa ketentuan dasar

Untuk mulai mengembangkan situs web, Anda perlu menggunakan beberapa bahasa sekaligus. Pada saat yang sama, tidak dapat dikatakan bahwa beberapa dari mereka lebih baik atau lebih buruk daripada yang lain. Keunggulan atas orang lain hanya dapat dimanifestasikan ketika memecahkan masalah tertentu.

Pilihan satu atau yang lain sepenuhnya tergantung pada tingkat keterampilan programmer, karena jarang mungkin menemukan spesialis yang memiliki pengetahuan semua bahasa sekaligus.

Pertama-tama, saya ingin mengatakan bahwa bahasa pemrograman adalah sintaks dasar yang memungkinkan Anda membuat sumber daya web.

Dasar dari situs apa pun adalah. Sintaks ini bertanggung jawab untuk markup hypertext. Semua pengembang web harus mengetahuinya serta tabel perkalian.

Bahkan jika solusi siap pakai digunakan, pengetahuan dasar hanya diperlukan. Dengan menggunakan kode html seluruh proses pembuatan sumber daya Internet dan kontennya dilakukan. Tetapi hanya dengan menggunakannya, Anda hanya dapat membuat situs web sederhana tanpa masukan dengan pengguna yang memberikan informasi untuk informasi saja. Ini tidak cukup untuk sumber daya dinamis yang bagus!

Bahasa pemrograman utama

Pertama-tama, ada baiknya menyoroti JavaScript, karena ini adalah dasar dari semua pemrograman, yang perlu Anda ketahui saat membuat sumber daya web. Di antara platform perangkat lunak dasarnya adalah Silver Light dan Adobe flash. Selain itu, yang terakhir ini cukup umum dan telah digunakan oleh pengembang web untuk waktu yang relatif lama.

Bahasa-bahasa ini digunakan untuk membuat situs interaktif. Silver Light diprediksi akan segera menggantikan Adobe Flash sepenuhnya. Dalam kasus yang jarang terjadi, kedua produk perangkat lunak ini cukup untuk membuat situs web, tetapi hanya menggunakan salah satunya sangat tidak diinginkan.

Pilihan sintaks yang sesuai juga tergantung pada sistem operasi yang digunakan pengembang. Untuk membuat sumber daya web di Windows, teknologi yang dikembangkan oleh Microsoft - ASP.NET sering digunakan. Ini memungkinkan Anda untuk benar-benar membuat sumber daya web apa pun, baik yang paling sederhana maupun yang mampu memproses sejumlah besar permintaan. Untuk menggunakan ASP.NET, Anda tidak harus memiliki pengetahuan tingkat pengguna, tetapi sedikit pengetahuan yang lebih dalam.

Sintaks paling populer yang diminati di kalangan programmer adalah PHP. Ini memiliki banyak keuntungan, termasuk kecepatan dan sintaks yang sederhana. Hari ini bagian terbesar dari mesin ditulis dalam PHP.

Mulai mengerti pemrograman web, banyak orang memilih Java, itu yang paling mudah dipahami dan dipelajari. Halaman Server Java digunakan untuk membuat konten.

V baru-baru ini Ruby sangat sering digunakan. Apalagi popularitasnya hanya tumbuh setiap hari. Secara pribadi, saya belum menggunakannya, tetapi ketika mempelajari topik itu, saya menemukan banyak komentar antusias tentang dia. Pengembang berpengalaman menyorot Ruby sebagai sintaks yang paling cocok untuk kreasi cepat situs web, sementara itu memungkinkan Anda untuk mengimplementasikan fungsionalitas sumber daya yang diperlukan.

Hasil

Ada beberapa parameter untuk memilih sintaks yang sesuai, yaitu:

  • Jenis sistem operasi yang Anda gunakan;
  • Kompleksitas dan dinamisme situs yang sedang dibuat;
  • Gudang yang tersedia dari pengetahuan kita sendiri.

Saya memberi tahu Anda bahasa pemrograman apa yang mungkin Anda perlukan saat membuat sumber daya web, dan menggunakannya sekaligus atau memberikan preferensi kepada salah satu adalah bisnis Anda.

Saya harap materi ini bermanfaat bagi Anda, dan Anda dengan senang hati membagikan artikel ini kepada teman-teman Anda di jaringan sosial... Jangan lupa untuk berlangganan pembaruan blog. Sampai jumpa lagi!

Sungguh-sungguh! Abdullin Ruslan

Setiap hari, bidang TI menjadi lebih luas, dan permintaan untuk pengembangan situs web semakin meningkat. Ini mengarah pada peningkatan jumlah spesialis yang siap untuk melakukan pengembangan situs dan dukungannya. Namun, banyak dari webmaster ini menggunakan pembuat situs web gratis dan memiliki pemahaman yang sangat kabur tentang pemrograman dan konten teknis situs. Tentu saja, kegunaan, desain, dan konten sangat penting, tetapi situs yang secara teknis lemah dengan kesalahan kode tidak akan membawa manfaat apa pun bagi pemiliknya. Oleh karena itu, hanya spesialis yang mengetahui bahasa pemrograman dan siap mengembangkan situs dari awal yang harus melakukan pembuatan situs.

Bahasa apa yang perlu Anda ketahui untuk membuat situs web?

Pengembang berpengalaman mengatakan bahwa pilihan bahasa pemrograman tergantung pada banyak faktor. Namun, harus dipahami bahwa solusi ideal tidak ada, setiap opsi memiliki kelebihan dan kekurangannya sendiri. Anda harus memilih bahasa yang paling cocok untuk menyelesaikan tugas yang ada. Pertanyaan yang perlu dipertimbangkan sebelum memilih bahasa:

  • platform server;
  • perangkat lunak server;
  • pengalaman dalam membuat situs;
  • basis data yang dipilih.

Bahasa paling populer

Situs web Kepopuleran
(pengunjung unik per bulan)
Paling depan
(Klien)
Bagian belakang
(Server)
Basis data
Google.com 1,600,000,000 C, C ++, Go, Java, Python Meja Besar, MariaDB
Facebook.com 1,100,000,000 Hack, PHP (HHVM), Python, C ++, Java, Erlang, D, Xhp, Haskell MariaDB, MySQL, HBase Cassandra
YouTube.com 1,100,000,000 C, C ++, Python, Java, Go Vitess, BigTable, MariaDB
Yahoo 750,000,000 PHP MySQL, PostgreSQL, VB.NET
Amazon.com 500,000,000 Java, C++, Perl Database Oracle
Wikipedia.org 475,000,000 PHP, Hack MySQL, MariaDB
Twitter.com 290,000,000 C++, Java, Scala, Ruby MySQL
Bing 285,000,000 ASP.NET Microsoft SQL Server
eBay.com 285,000,000 Java, JavaScript, Skala Database Oracle
MSN.com 280,000,000 ASP.NET Microsoft SQL Server
Microsoft 270,000,000 ASP.NET Microsoft SQL Server
Linkedin.com 260,000,000 Java, JavaScript, Skala Voldemort
Pinterest 250,000,000 Django, Erlang MySQL, Redis
WordPress.com 240,000,000 PHP, JavaScript (Node.js) MariaDB, MySQL

PHP. Ini didasarkan pada bahasa markup yang paling sederhana, HTML. PHP menghubungkan pengguna ke sisi server. Dalam bahasa inilah fungsi seperti formulir umpan balik, bidang pendaftaran, dll. Diimplementasikan Sintaks bahasa ini sangat mudah dan sederhana untuk dipelajari. Untuk membuat portal komersial, Anda tidak dapat melakukannya tanpa PHP, karena di sanalah paling mudah untuk mendapatkan informasi kontak pengguna. Keuntungan dasar dari bahasa ini adalah, dengan menggunakannya, pemrogram dapat dengan sangat cepat dan tanpa usaha lebih membuat halaman dinamis.

Python. Di Rusia sering disebut "python". Ini adalah bahasa tingkat tinggi yang digunakan untuk tugas-tugas umum, paling sering untuk pelaksanaan tugas oleh server. Tolok ukurnya adalah untuk meningkatkan produktivitas programmer dan keterbacaan kode. Menggunakan bahasa, Anda dapat melakukan cadangan banyak paradigma pemrograman. Python berfungsi dengan baik di Server Windows dan Linux.

Rubi. Dalam bahasa Rusia sering disebut "Rubi". Ini adalah bahasa yang dinamis, reflektif dan tingkat tinggi untuk OOP (pemrograman berorientasi objek). Itu memungkinkan untuk mengimplementasikan multithreading pada OS apa pun, itu sangat diketik tampilan dinamis, dan memiliki sejumlah opsi lain. Dalam hal karakteristik sintaks, Ruby paling dekat dengan rekan-rekannya Eiffel dan Perl. Selain itu, beberapa detail dipinjam dari Python.

ASP. Bahasa ini dikembangkan oleh Microsoft Corporation. Dengan menggunakan teknologi ini dimungkinkan untuk mengembangkan aplikasi untuk www.asp. Platform bahasa adalah sebagai berikut: Internet Information Server (IIS) dan Windows NT. ASP hampir tidak bisa disebut bahasa secara langsung, melainkan teknologi untuk menghubungkan program ke halaman web. Semua keunggulan ASP adalah dalam bahasa skrip yang sederhana dan kemampuan untuk menggunakan elemen COM pihak ketiga.

JavaScript. Prinsip "javascript" sedikit berbeda dengan bahasa pemrograman lainnya. Perbedaan utamanya adalah koneksi langsung ke file HTML. Skrip berbasis JavaScript diproses oleh juru bahasa yang dibangun ke dalam browser. Bahasa ini digunakan untuk berbagai tugas: membuat halaman dinamis (konten di dalamnya dapat berubah saat dokumen dimuat);

Memecahkan masalah lokal; memeriksa kebenaran pengisian formulir sebelum dikirim ke server.

Kemungkinan besar bahasa dijelaskan oleh popularitasnya. Jadi, dengan menggunakan JavaScript Anda dapat:

  • mengubah konten halaman: menambah atau menghapus teks, mengubah gaya dan tag;
  • menanggapi beberapa peristiwa (misalnya, klik mouse) dan melakukan fungsi tertentu;
  • menampilkan pesan, mengatur dan membaca cookie, memeriksa kebenaran data yang dimasukkan;
  • memuat data baru tanpa memuat ulang dokumen, dll.

Perl. Pada awalnya, bahasa ini digunakan untuk menggabungkan program yang melakukan tugas berbeda ke dalam satu skrip untuk menyelesaikan berbagai tugas: pengolah kata, administrasi, dll. Saat ini, Pearl digunakan terutama untuk mengembangkan aplikasi CGI. Ini membantu untuk mengelola server dan sistem lainnya. Karena kesederhanaan dan kecepatan pembuatan skrip di Perl, skrip ini telah diadaptasi ke semua platform populer, termasuk Mac dan Windows. Perl adalah open source, benar-benar gratis.

Apakah Anda membutuhkan banyak pengetahuan?

Setiap orang memperoleh pengetahuan dasar tentang pemrograman dalam pelajaran ilmu komputer di sekolah. Praktis setiap orang harus bekerja pada tingkat awal dengan Pascal dan Delphi. Tetapi bahasa pemrograman lain yang lebih kompleks memerlukan pendekatan yang berbeda, lebih kompleks, dan serius. Hal pertama untuk programmer yang sukses adalah matematis, pola pikir logis dan keinginan untuk meningkatkan bisnis mereka. Pada saat yang sama, Anda tidak boleh mencoba mempelajari semua bahasa sekaligus. Lebih baik menguasai satu dengan baik daripada memiliki pengetahuan yang terpisah-pisah dari lima bahasa. Semua bahasa memiliki prinsip yang sama, semuanya dibangun di atas logika tindakan, jadi seiring waktu, dengan setiap bahasa baru, menjadi lebih mudah dipelajari. Banyak yang dapat menyalin atau mengubah kode orang lain, tetapi tidak semua orang mampu menulis kode mereka sendiri dan menjadi "artis" sejati.

Halaman web dapat berisi teks, grafik, dan hyperlink ke berbagai sumber daya Internet. Untuk mewujudkan semua kemungkinan tersebut, dikembangkan bahasa khusus yang disebut Hyper Text Markup Language (HTML), yaitu Hypertext Markup Language. Dokumen yang ditulis dalam HTML adalah file teks yang berisi teks aktual yang membawa informasi ke pembaca, dan flag markup. Yang terakhir adalah urutan karakter tertentu yang merupakan instruksi untuk pemirsa; sesuai dengan instruksi ini, program menempatkan teks di layar, termasuk gambar di dalamnya, yang disimpan secara terpisah file grafik, dan membentuk hyperlink ke dokumen lain atau sumber daya Internet. Dengan demikian, file HTML menjadi dokumen WWW hanya jika ditafsirkan oleh pemirsa.

Karena dokumen HTML ditulis dalam format ASCII, editor teks apa pun dapat digunakan untuk membuatnya.

Ekstensi file .html atau .html. htm, di mana teks ditandai dengan tag HTML. HTML digunakan untuk menentukan sintaks dan penempatan tag yang sesuai dengan browser yang menampilkan konten dokumen Web. Teks dari tag itu sendiri tidak ditampilkan oleh browser Web.

Semua tag dimulai dengan "<" и заканчиваются символом ">". Biasanya ada sepasang tag - tag awal (pembukaan) dan tag penutup (penutup), di mana informasi markup ditempatkan:

HTML adalah bahasa markup standar untuk dokumen hypertext

Di sini tag awal adalah tag

Dan yang terakhir -

... Tag akhir berbeda dari tag awal hanya karena ada sebelum teks dalam tanda kurung<>ada "/" (garis miring).

Browser yang membaca dokumen HTML menampilkannya di jendela menggunakan struktur tag HTML. Setiap dokumen HTML harus memiliki tiga bagian utama:

Deklarasi HTML

Menuju

Badan dokumen

Mari kita pertimbangkan masing-masing poin secara terpisah:

Deklarasi HTML

dan... Sepasang tag ini memberi tahu pemirsa (browser) bahwa dokumen HTML diapit di antara mereka, dengan tag pertama dalam dokumen menjadi tag (di awal dokumen), dan yang terakhir adalah(di akhir dokumen).

Menuju

dan... Di antara tag ini adalah informasi tentang dokumen (nama, kata kunci untuk pencarian, deskripsi, dll). Namun, yang paling penting adalah nama dokumen, yang kita lihat di baris atas jendela browser dan dalam daftar Favorit. Untuk memberi nama pada dokumen HTML Anda, teks ditempatkan di antara tag dan.

HAI</i> <i>kuda

Badan dokumen

Bagian utama ketiga dari dokumen adalah tubuhnya. Ini mengikuti segera setelah judul dan terletak di antara tag dan... Yang pertama harus tepat setelah tag dan yang kedua sebelum tag... Tubuh dokumen HTML adalah tempat penulis menempatkan informasi berformat HTML.

HAI</i> <i>kuda ... .

Dari atas, kita dapat menulis kode halaman HTML:

HAI</i> <i>kuda Isi Ku stanitsa

Secara umum, ada banyak sekali tag dan masing-masing memiliki fungsi tertentu dalam membuat halaman HTML.

Lembar gaya CSS bertingkat

Katakanlah Anda perlu mengubah warna teks di situs HTML Anda dari hitam menjadi biru, untuk itu Anda harus mengubah warna latar belakang di setiap halaman situs Anda, tetapi ada solusi yang lebih mudah untuk masalah ini. Anda dapat menggunakan cascading style sheets atau, dengan kata lain, CSS (Cascading Style Sheets).

CSS adalah revolusi yang mengguncang WWW. Jika sebelumnya desainer Web tidak tahu seperti apa kreasinya di program yang berbeda Browser web, dia sekarang dapat mengontrol segalanya: dari gaya font hingga posisi gambar di halaman.

Jadi, CSS digunakan oleh pembuat halaman Web untuk menentukan warna, font, tata letak, dan aspek lain dari presentasi dokumen. Tujuan utama pengembangan CSS adalah untuk memisahkan konten (ditulis dalam HTML atau bahasa markup lainnya) dan presentasi dokumen (ditulis dalam CSS), HTML digunakan untuk menyusun konten halaman, dan CSS digunakan untuk memformat konten terstruktur tersebut.

Selain itu, CSS memungkinkan dokumen yang sama disajikan dalam gaya atau metode keluaran yang berbeda seperti tampilan, cetak, pembacaan suara (dengan browser suara atau pembaca layar khusus).

CSS saat merender halaman dapat diambil dari berbagai sumber:

Lembar gaya eksternal, yaitu file terpisah. css dirujuk dalam dokumen.

Inline Styles - Blok CSS di dalam dokumen HTML itu sendiri.

Gaya sebaris, ketika dalam dokumen HTML, informasi gaya untuk satu elemen ditentukan dalam atribut gayanya.

Gaya Kustom: File CSS lokal yang ditentukan oleh pengguna di preferensi browser, menggantikan gaya penulis dan diterapkan ke semua dokumen.

Browser Style: Gaya standar yang digunakan oleh browser secara default untuk menampilkan elemen.

Deskripsi gaya ada di tag dan ditempatkan di antara tag .

Jika Anda menempatkan gaya di file terpisah lalu di antara tag setiap dokumen HTML perlu menambahkan tautan ke file CSS:

Bawaan. css adalah file CSS Anda yang berisi deskripsi gaya yang diterapkan. Jika terletak di direktori lain, Anda perlu menentukan jalur ke sana. File CSS dibuat di sembarang editor teks, misalnya di Notepad, Anda hanya perlu mengubah ekstensi berkas teks di CSS.