Buka tablet irbis. Bagaimana cara membuka penutup tablet? Menonaktifkan loop dan kabel

Setiap dokumen memiliki tiga komponen:

  • isi;
  • struktur;
  • gaya.

Biasanya, isi suatu dokumen tidak disajikan secara sembarang, melainkan memiliki urutan tertentu struktur . Struktur adalah susunan dan susunan bagian-bagian (blok) suatu dokumen.

Gaya dokumen menentukan bentuk keluaran isinya ke perangkat tertentu (misalnya printer atau layar). Konsep gaya mencakup karakteristik font (nama, ukuran, warna) dari seluruh dokumen keluaran atau blok individualnya, urutan penomoran halaman, lokasi blok pada halaman, dan parameter lainnya.

Bahasa markup dokumenadalah bahasa buatan yang dirancang untuk menggambarkan struktur suatu dokumen dan hubungan antara berbagai objek struktur. Data markup juga disebut metadata

Bahasa markup yang pertama adalah bahasa GML .Pewaris langsungnya adalah bahasa SGML bahasa markup umum standar yang mendefinisikan aturan untuk menulis elemen markup dokumen.

persyaratan bahasa markup dokumen:

  1. Bahasanya harus dapat dibaca manusia.
  2. File dokumen yang diberi markup harus berupa teks dan dikodekan menggunakan simbol kode ASCII
  3. Bahasa tersebut dapat menggunakan tautan ke sumber daya internal (dalam dokumen yang sama) dan sumber daya eksternal (dalam dokumen lain).

Di SGML dan bahasa serupa menggunakan alat markup dokumen khusus:

  • struktur dokumen;
  • deskriptor atau elemen dan atribut terkaitnya;
  • entitas;
  • komentar.

Dokumen SGML mempunyai struktur pohon.

Deskriptor di SGML ditempatkan di awal (deskriptor pembuka) dan di akhir (deskriptor penutup) masing-masing elemen (barang).

Atribut ini adalah konstruksi simbolik sederhana ( item ), yang ditambahkan ke elemen untuk memperjelas efek deskriptor.

Bahasa markup umum seperti SGML , mengizinkan penggunaan atribut yang dapat dikaitkan dengan hingga 15 jenis nilai berbeda, termasuk:

  • Referensi ke sumber daya apa pun di luar dokumen yang biasanya disebut sebagai entitas ( entitas).
  • Pengidentifikasi unik ( PENGENAL ) elemen dalam dokumen.
  • Petunjuk pengidentifikasi ( Petunjuk ID ), memiliki referensi silang untuk elemen-elemen yang memilikinya PENGENAL disebutkan dalam dokumen tersebut.
  • Penunjuk atau atribut elemen yang menentukan sebutan dalam konten elemen.
  • Data karakter ( data karakter), atau CDATA , yang merupakan karakter valid apa pun yang tidak dapat bertindak sebagai nilai atribut.

Komentar memungkinkan Anda menambahkan informasi yang tidak akan terlihat setelah memproses dokumen. Komentar tidak mempengaruhi kecepatan pemrosesan dokumen dan tidak dianggap atau diproses sebagai bagian dari konten SGML -dokumen. Mereka hanya disertakan dalam teks sumber.

Untuk memeriksa kepatuhan dokumen dengan jenis markup tertentu, program khusus digunakan analisa (parser). Parser adalah program mandiri atau bagian dari program pemrosesan dokumen SGML. Agar parser dapat melakukan verifikasi dokumen, dibuatlah dokumen khusus yang disebutmenentukan jenis dokumen

bahasa HTML adalah aplikasi bahasa SGML untuk digunakan di Internet dengan struktur tetap, sekumpulan elemen (deskriptor) dan atributnya yang tetap, serta sekumpulan entitas yang tetap. bahasa markup tingkat lanjut XML (Bahasa Markup yang Dapat Diperluas). bahasa XML adalah bagian dari bahasa SGML , sepenuhnya kompatibel dengannya.

XML menyediakan berbagai fungsi yang tidak tersedia di XML HTML

4 . 3 .2. Versi dan ekstensi HTML XML

Versi pertama Hyper Text Markup Language HTML (HyperText Markup Language), sama seperti teknologi Web itu sendiri, dikembangkan oleh Tim Berners Lee pada tahun 1991. Bahasa HTMLmerupakan implementasi aturan bahasa SGML untuk tipe dokumen yang telah diberi nama dokumen HTML. Bahasa tersebut menentukan struktur tetap, sekumpulan tag dan atributnya yang tetap, dan sekumpulan entitas yang tetap. Program pengolah dokumen HTML disebut Web-browser . Hasil pengolahan dokumen adalah Web-halaman , ditampilkan di layar tampilan.

Pada tahun 1994, Grup Dukungan Internet IETF ( Satgas Rekayasa Internet) mengembangkan spesifikasi HTML 2.0, yang mengawali penggunaan HTML secara luas di Internet Internet . Pada tahun yang sama, konsorsium W3C (World Wide Web Corporation) dibentuk, menyatukan 165 organisasi komersial dan akademik, pengembang dan pengguna (dari pendiriannya hingga saat ini, organisasi ini dipimpin oleh T.B. Lee). Versi terbaru dari spesifikasi HTML, HTML 4.01, diadopsi oleh konsorsium pada bulan Desember 1999.

  • XML menyediakan berbagai fungsi yang tidak ada dalam HTML

Versi terbaru dari spesifikasi bahasa XML, XML 1.1, diadopsi pada bulan April 2004.

Berdasarkan bahasa XML, perhatian W3C telah mengembangkan pengembangan bahasa lebih lanjut Bahasa HTML XHTML (HTML yang diperluas HTML yang diperluas). Versi pertama bahasa ini, XHTML 1.0, diadopsi pada bulan Januari 2000. Versi ini sebenarnya merupakan reformulasi dari HTML 4 sebagai aplikasi XML 1.0. Diharapkan pengembangan lebih lanjut bahasa HTML sesuai dengan spesifikasi XHTML.

Versi baru XHTML, XHTML 1.1, diadopsi oleh W3C pada Mei 2001. Rekomendasi ini mendefinisikan tipe dokumen XHTML berbasis modul baru. Setiap modul XHTML 1.1 berisi satu atau lebih elemen dan/atau atribut bahasa HTML.

Sesuai spesifikasi, dokumen XHTML 1.1 terdiri dari kelompok modul berikut XHTML:

Modul inti adalah modul yang harus ada dalam jenis dokumen apa pun yang sesuai dengan spesifikasi XHTML (grup ini mencakup modul Struktur, Teks, Hypertext dan Daftar).

Modul applet mengandung satu elemen< applet > (elemen ini sudah tidak digunakan lagi dan direkomendasikan untuk menggunakan elemen tersebut< object > ).

Modul ekstensi teks, yang menentukan berbagai modul markup teks tambahan (grup ini mencakup modul Presentasi, Edit dan Teks Dua Arah).

Modul formulir (grup ini mencakup modul Bentuk dan Bentuk Dasar).

Modul tabel (grup ini mencakup modul Tabel dan Tabel Dasar).

Modul gambar , yang menyediakan kemampuan penyematan gambar dasar (modul ini juga dapat digunakan secara independen dalam beberapa implementasi oleh kartu gambar klien).

Modul Peta Gambar sisi klien , yang menyediakan elemen untuk peta gambar klien (agar modul ini berfungsi, modul harus diaktifkan Gambar).

Modul objek , yang memberikan dukungan untuk memasukkan objek tujuan umum.

Modul bingkai , yang menyediakan elemen yang terkait dengan bingkai.

URL (elemen ini menghitung URL dokumen relatif).

Modul Identifikasi Nama , digunakan untuk mengidentifikasi elemen tertentu dalam dokumen HTML.

Modul warisan , yang mendefinisikan elemen dan atribut yang tidak lagi direkomendasikan di versi HTML dan XHTML sebelumnya dan tidak lagi direkomendasikan.

4. 3 .3. Jenis struktur HTML dan XHTML

Sesuai dengan spesifikasi HTML 4.01 untuk dokumen HTML mendefinisikan tiga struktur , dijelaskan oleh tiga DTD. Pengembang jaring -halaman harus menyertakan salah satu dari tiga jenis deklarasi dalam dokumennya. Perbedaan DTD terletak pada elemen pendukungnya. Pengumuman DTD harus ditempatkan di awal dokumen.

HTML 4.01 DTD Ketat (definisi ketat) mencakup semua elemen dan atribut yang tidak dibatalkan ( tidak digunakan lagi ) dan tidak digunakan dalam dokumen dengan bingkai.

Definisi DTD Transisi HTML 4.0 (definisi transisi) mencakup semua unsur yang termasuk dalam tegas DTD , serta elemen dan atribut yang dibatalkan.

Definisi DTD Bingkai HTML 4.0 (definisi untuk frame) termasuk, selain elemen DTD transisi, frame.

Baris pertama dokumen HTML , didefinisikan sesuai dengan spesifikasi XHTML

Baris ini menentukan versi yang akan digunakan XML dan pengkodean karakter dokumen. Saat menyandikan karakter di XML kode byte ganda digunakan Unikode . Sebagai nilai parameter pengkodean pengkodean yang paling umum digunakan UTF-8 , di mana nilai 128 karakter pertama direpresentasikan dalam pengkodean satu byte, karakter bahasa yang paling umum (termasuk Rusia dan Ukraina) direpresentasikan dalam dua byte, dan karakter lainnya direpresentasikan dalam tiga byte. Dikodekan UTF-16 semua karakter diwakili oleh dua byte (pengkodean ini direkomendasikan untuk dokumen Rusia dan Ukraina HTML).

Bahasa markup

Bahasa markup(teks) dalam terminologi komputer, sekumpulan karakter atau urutan yang dimasukkan ke dalam teks untuk menyampaikan informasi tentang keluaran atau strukturnya. Milik kelas bahasa komputer. Dokumen teks yang ditulis menggunakan bahasa markup tidak hanya berisi teks itu sendiri (sebagai rangkaian kata dan tanda baca), tetapi juga informasi tambahan tentang berbagai bagiannya - misalnya, indikasi judul, sorotan, daftar, dll. lebih kompleks Dalam beberapa kasus, bahasa markup memungkinkan Anda menyisipkan elemen interaktif dan konten dari dokumen lain ke dalam dokumen.

Perlu dicatat bahwa bahasa markup adalah Turing yang tidak lengkap dan umumnya tidak dianggap sebagai bahasa pemrograman, meskipun sebenarnya itu adalah bahasa pemrograman.

HTML (dari bahasa Inggris) Hyper Text Markup Language-- "bahasa markup hiperteks") - dikembangkan oleh ilmuwan Inggris Tim Berners-Lee sekitar tahun 1986-1991 di Pusat Penelitian Nuklir Eropa di Jenewa (Swiss). HTML diciptakan sebagai bahasa untuk pertukaran dokumentasi ilmiah dan teknis, cocok untuk digunakan oleh orang-orang yang bukan ahli di bidang tata letak. HTML berhasil mengatasi kompleksitas SGML dengan mendefinisikan sekumpulan kecil elemen struktural dan semantik yang disebut deskriptor. Deskriptor juga sering disebut “tag”. Dengan menggunakan HTML, Anda dapat dengan mudah membuat dokumen yang relatif sederhana namun dirancang dengan indah. Selain menyederhanakan struktur dokumen, dukungan hypertext telah ditambahkan ke HTML. Kemampuan multimedia ditambahkan kemudian.

Awalnya, bahasa HTML dipahami dan dibuat sebagai sarana untuk menyusun dan memformat dokumen tanpa menghubungkannya dengan alat reproduksi (tampilan). Idealnya, teks dengan markup HTML harus direproduksi tanpa distorsi gaya dan struktural pada peralatan dengan peralatan teknis yang berbeda (layar warna komputer modern, layar monokrom penyelenggara, layar ponsel atau perangkat berukuran terbatas, dan program untuk suara pemutaran teks). Namun, penggunaan HTML modern sangat jauh dari tujuan aslinya. Misalnya, tandai

, digunakan beberapa kali untuk memformat halaman, dimaksudkan untuk membuat tabel paling umum dalam dokumen. Selama bertahun-tahun, gagasan inti kemandirian platform HTML telah dikorbankan untuk kebutuhan multimedia dan grafis modern.

XML(Bahasa inggris) eX dapat ditarikM arkupL bahasa-- bahasa markup yang dapat diperluas; diucapkan [ mantan-em-eml]) adalah bahasa markup yang direkomendasikan oleh World Wide Web Consortium (W3C). Spesifikasi XML menjelaskan dokumen XML dan sebagian menjelaskan perilaku pemroses XML (program yang membaca dokumen XML dan menyediakan akses ke kontennya). XML dirancang sebagai bahasa dengan sintaks formal yang sederhana, nyaman untuk membuat dan memproses dokumen dengan program, dan pada saat yang sama nyaman bagi manusia untuk membaca dan membuat dokumen, dengan penekanan pada penggunaan di Internet. Bahasa ini disebut extensible karena tidak memperbaiki markup yang digunakan dalam dokumen: pengembang bebas membuat markup sesuai kebutuhan domain tertentu, hanya dibatasi oleh aturan sintaksis bahasa tersebut. Kombinasi sintaksis formal yang sederhana, ramah manusia, dapat diperluas, serta didasarkan pada pengkodean Unicode untuk merepresentasikan konten dokumen telah menyebabkan meluasnya penggunaan XML itu sendiri dan banyak bahasa khusus turunan berdasarkan XML secara luas. berbagai perangkat lunak.

XHTML(Bahasa inggris) EX dapat ditarikH yaT extM arkupL bahasa-- Extensible Hypertext Markup Language) adalah keluarga bahasa markup halaman web berbasis XML yang mereplikasi dan memperluas kemampuan HTML 4. Spesifikasi XHTML 1.0 dan XHTML 1.1 merupakan rekomendasi dari World Wide Web Consortium, namun pengembangannya masih terbatas. saat ini dihentikan dengan rekomendasi untuk menggunakan HTML. Versi baru XHTML tidak dirilis.

Perbedaan utama antara XHTML dan HTML adalah cara dokumen diproses. Dokumen XHTML diproses oleh modulnya sendiri (parser) dengan cara yang sama seperti dokumen XML. Selama pemrosesan ini, kesalahan yang dibuat oleh pengembang tidak diperbaiki.

XHTML sesuai dengan spesifikasi SGML karena XML adalah bagiannya. HTML memiliki banyak fitur dalam proses pemrosesan dan sebenarnya tidak lagi menjadi bagian dari keluarga SGML, yang diabadikan dalam rancangan spesifikasi HTML 5.

Browser memilih parser untuk memproses dokumen berdasarkan header tipe konten yang diterima dari server:

· HTML - teks/html

· XHTML - aplikasi/xhtml+xml

· Untuk tampilan lokal di klien, pemilihan didasarkan pada ekstensi file.

· Di Internet Explorer hingga versi 8, tidak ada parser untuk memproses dokumen XHTML.

WML(Bahasa inggris) Bahasa Markup Nirkabel-- "bahasa markup nirkabel") adalah bahasa markup dokumen untuk digunakan di telepon seluler dan perangkat seluler lainnya yang menggunakan standar WAP.

Strukturnya menyerupai HTML yang agak disederhanakan, tetapi terdapat juga perbedaan utama, karena WML ditujukan untuk perangkat yang tidak memiliki kemampuan komputer pribadi (layar kecil, tidak semua perangkat dapat menampilkan grafik, ukuran memori kecil, dll.): semua informasi terkandung dalam WML dalam apa yang disebut "dek" (eng. Kartu). Des adalah blok data minimum yang dapat dikirimkan oleh server. Dek berisi “kartu” ( kartu) (setiap peta dibatasi oleh tag Dan). Harus selalu ada setidaknya satu kartu dalam satu dek, tapi bisa ada beberapa. Pada saat yang sama, hanya satu kartu yang ditampilkan di layar perangkat setiap saat, dan pengguna dapat beralih di antara kartu-kartu tersebut dengan mengikuti tautan - ini dilakukan untuk mengurangi jumlah permintaan informasi ke server; pada saat yang sama, ukuran halaman WML tidak boleh melebihi 1-4 kilobyte.

VML(Bahasa inggris) Bahasa Markup Vektor-- bahasa markup vektor) yang dikembangkan oleh Microsoft untuk mendeskripsikan grafik vektor. VML diperkenalkan ke W3C oleh Microsoft, Macromedia, dan lainnya pada tahun 1998. Sekitar waktu yang sama, Adobe, Sun, dan beberapa perusahaan lain mengirimkan makalah tentang PGML. Kedua bahasa ini kemudian menjadi dasar SVG.

PGML (Bahasa Markup Grafis Presisi, diterjemahkan secara longgar ke dalam bahasa Rusia - "bahasa markup grafis presisi") - bahasa markup berbasis XML yang digunakan untuk mendeskripsikan grafik vektor pada halaman web (diagram, elemen antarmuka individual) dalam bentuk teks dalam format XML, menggunakan model konstruksi gambar , mirip dengan PDF dan PostScript. Itu diserahkan ke konsorsium W3C oleh Adobe Systems, IBM, Netscape Communications dan Sun Microsystems pada tahun 1998, tetapi tidak diterima sesuai rekomendasi. Hampir bersamaan, Microsoft mengajukan proyek VML-nya untuk dipertimbangkan, dan setahun kemudian bahasa SVG yang lebih maju dikembangkan berdasarkan gagasan dua teknologi. SVG telah direkomendasikan oleh W3C dan telah menjadi format utama untuk mendeskripsikan grafik vektor pada halaman web.

SVG(dari bahasa Inggris S dapat dihitungV sektorG raphics-- Scalable Vector Graphics) -- Scalable Vector Graphics Markup Language, dibuat oleh World Wide Web Consortium (W3C) dan bagian dari XML Extensible Markup Language, dimaksudkan untuk menggambarkan vektor dua dimensi dan grafik vektor/raster campuran dalam XML format. Mendukung grafik interaktif diam dan animasi - atau, dengan istilah lain, deklaratif dan skrip. Tidak mendukung deskripsi objek tiga dimensi. Ini adalah standar terbuka yang merupakan rekomendasi dari konsorsium W3C, organisasi yang mengembangkan standar seperti HTML dan XHTML. SVG didasarkan pada bahasa markup VML dan PGML. Dikembangkan sejak tahun 1999.

XBRL(Bahasa inggris) eX dapat ditarikB kegunaanR mengeksporL bahasa, menyala. Extensible Business Reporting Language adalah standar terbuka untuk menyajikan laporan keuangan secara elektronik. Format XBRL didasarkan pada XML bahasa markup yang dapat diperluas. XBRL menggunakan sintaks XML serta teknologi terkait XML seperti namespace XML, Skema XML, XLink, dan XPath. Salah satu tujuan XBRL adalah untuk mewakili dan bertukar informasi keuangan, seperti laporan keuangan perusahaan. Spesifikasi bahasa XBRL dikembangkan dan diterbitkan oleh organisasi internasional independen XBRL International, Inc.

Untuk meningkatkan persepsi visual web, teknologi CSS telah banyak digunakan, yang memungkinkan Anda mengatur gaya desain yang seragam untuk banyak halaman web. Inovasi lain yang patut diperhatikan adalah sistem penamaan sumber daya URN (Bahasa Inggris). Nama Sumber Daya Seragam).

Konsep populer untuk pengembangan World Wide Web adalah penciptaan web semantik. Web Semantik adalah tambahan pada World Wide Web yang sudah ada, yang dirancang untuk membuat informasi yang diposting di jaringan lebih mudah dipahami oleh komputer. Web Semantik adalah konsep jaringan di mana setiap sumber daya dalam bahasa manusia akan diberikan deskripsi yang dapat dipahami oleh komputer. Web Semantik membuka akses ke informasi yang terstruktur dengan jelas untuk aplikasi apa pun, apa pun platformnya dan apa pun bahasa pemrogramannya. Program akan dapat menemukan sendiri sumber daya yang diperlukan, memproses informasi, mengklasifikasikan data, mengidentifikasi hubungan logis, menarik kesimpulan dan bahkan membuat keputusan berdasarkan kesimpulan tersebut. Jika diadopsi secara luas dan diterapkan dengan bijak, Web Semantik berpotensi memicu revolusi di Internet. Untuk membuat deskripsi sumber daya yang dapat dibaca komputer, Web Semantik menggunakan format RDF (Bahasa Inggris). Kerangka Deskripsi Sumber Daya), yang didasarkan pada sintaks XML dan menggunakan URI untuk mengidentifikasi sumber daya. Produk baru di bidang ini adalah RDFS (eng. Skema RDF) dan SPARQL (eng. Protokol Dan Bahasa Kueri RDF) bahasa kueri baru untuk akses cepat ke data RDF.

Halo pembaca yang budiman. Saatnya untuk membicarakan hal ini Bahasa markup HTML, dengan bantuan yang benar-benar semua situs Internet dibuat - baik Rusia, borjuis, dan bahkan Cina. Tapi ini bukanlah bahasa pemrograman, seperti yang dipikirkan sebagian orang, melainkan bahasa markup hypertext.

Izinkan saya mengingatkan Anda bahwa hypertext adalah teks yang berisi link ke halaman dan dokumen lain. Bahasa markup menunjukkan di mana dan bagaimana beberapa elemen teks harus ditempatkan, misalnya paragraf, judul, daftar, dll. Bahasa CSS, terkait erat dengan HTML, bertanggung jawab atas desain elemen-elemen ini, yang membuat desain situs web halaman indah, mudah dibaca dan ringan untuk membongkar kode halaman.

Selain CSS, html dapat dilengkapi dengan fungsi bahasa pemrograman PHP dan JavaScript, yang memberikan interaktivitas halaman, yaitu. kemampuan untuk merespons tindakan pengguna.
Dengan bantuan semua alat ini Anda dapat menciptakan kompleksitas dan fungsionalitas apa pun. Bahasa HTML itu sendiri hanya bertanggung jawab untuk markup

Halaman web dari dalam



<br>Ini adalah situs web saya <br>


Ini teks saya

Dalam kode yang diberikan ini Anda melihat perintah - tag yang terkadang disebut deskriptor. Mereka diapit dalam tanda kurung siku. Tag sebagian besar berpasangan. Pembukaan<>dan menutup, dengan garis miring ke depan. Semua kode bahasa markup HTML bersarang satu sama lain, dan menyerupai “boneka matryoshka”, di mana satu wadah bersarang di dalam wadah lainnya.

Gambar di bawah menunjukkan penguraian kode ini:

Dan inilah tampilan halaman yang sama di browser Mozilla Firefox. Saya menunjukkan di mana teks itu ditampilkan tajuk Judul dan teks menandai Tubuh

Cara membuat halaman html

Untuk kejelasan, salin teks dengan tag di atas ke editor teks apa pun, misalnya notepad, dan simpan ke desktop Anda. Klik kanan dan pilih "ganti nama". Alih-alih ekstensi .txt, seperti file teks biasa, tentukan ekstensi .html atau .htm. Ikon notepad akan berubah menjadi ikon browser, yang dapat Anda klik untuk melihat halaman web pertama Anda.

Jika ekstensi tidak ditampilkan, Anda perlu melakukan hal berikut.

Temukan di komputer Anda: Tampilan dan Personalisasi - Opsi Folder - Tampilan.

Menampilkan ekstensi file selalu berguna sehingga penyerang tidak dapat mengandalkan Anda untuk membuka file dengan infeksi seperti "gift.jpg", yang sebenarnya adalah "gift.jpg.exe". Sangat mudah, tanpa ekstensi yang disembunyikan Windows secara default, untuk salah mengira file peluncuran "malware" dengan ekstensi .EXE yang tersembunyi sebagai gambar biasa.

Tonton video tentang cara membuat halaman HTML


Program untuk membuat halaman HTML

Menulis kode markup hypertext Html secara manual tanpa pengalaman bisa tampak seperti cobaan berat yang memerlukan perhatian dan ketahanan. Tapi percayalah, hanya dengan memperkuat keterampilan Anda dengan cara ini Anda akan bisa dengan bangga menyebut diri Anda seorang webmaster.

Untuk kontrol cerdas atas penulisan kode HTML secara manual, ada banyak program dengan penyorotan kode. Notepad++ adalah yang paling populer di kalangan pengembang amatir. PHP Desainernya, Dreamweaver

Dua program terakhir berbayar, tetapi versi lama, yang tidak lebih buruk dari yang baru, dapat ditemukan di Internet secara gratis dan digunakan secara legal untuk kebutuhan Anda. penenun mimpi adalah editor visual. Itu sendiri mengubah teks Anda dengan desain menjadi kode. Bagaimanapun, Anda tidak akan menyesal mengenal alat ini.

Lalu mengapa belajar menulis kode dengan tangan? Masalahnya adalah editor visual mana pun, bahkan editor yang ada di WordPress, terkadang menghasilkan begitu banyak kode sampah sehingga halaman-halamannya berbobot berkali-kali lipat daripada yang ditulis dengan bantuan kepala dan tangan Anda. Ya, jika Anda juga memperhitungkan bahwa mesin pencari sekarang memperhatikan kebersihan kode, maka mau tidak mau Anda akan berpikir untuk mempelajari HTML untuk mengontrol keseluruhan proses.

Secara umum, Dreamwaver pada awalnya akan menggantikan guru yang baik. Gunakan program ini dan lihat bagaimana halaman html ditulis. Yang penting, jangan malas untuk melihat ke jendela atas program, tempat kode tersebut dihasilkan. Catat sendiri di mana program melakukan sesuatu yang tidak perlu.

Apa sebenarnya browser itu?

Banyak orang percaya bahwa browser dirancang untuk mencari situs di Internet, dan inilah tujuannya. Dengan demikian, dalam pemahaman pengguna PC, timbul kesalahpahaman tentang tujuan browser. Faktanya, browser adalah program untuk menafsirkan kode html, kode CSS, kode JS, dll. Dengan kata lain, ini adalah perangkat lunak aplikasi untuk menampilkan halaman web dan dokumen lainnya.

Kemampuan browser modern sungguh luar biasa. Lagi pula, halaman web berisi grafik, video, dan teks dengan format berbeda. Browser membaca kode html, melihat materi video, kode grafis dan teks yang tertanam di sana, dan menampilkan semua ini dengan benar di layar perangkat. Tag membantunya dalam hal ini, kata-kata bahasa Inggris biasa dalam tanda kurung sudut<>.

Browser melihat, menggunakan tag, bagian teks mana yang diinterpretasikannya adalah nama situs, judul mana, apa yang perlu disajikan sebagai paragraf, di mana menempatkan gambar dan sepanjang jalan memecahkan banyak masalah yang terkait dengan berbagai bahasa yang tertanam dalam HTML biasa.

Bahasa markup HTML dan tag dasar

memberi tahu browser bahwa ini adalah dokumen HTML
berikut adalah informasi untuk mesin pencari
konten ditampilkan di jendela browser
judul halaman

Judul: dari yang terbesar hingga yang terkecil
Penyorotan teks tebal dan miring
teks tautan Memberi tahu browser bahwa ini adalah tautan dengan teks " teks tautan«

Membuat paragraf baru

perataan paragraf ( kiri, kanan, rata atau tengah)
Memberitahu browser untuk membuat formulir

Tabel ini disediakan untuk menampilkan deskriptor utama saja.

Dalam versi modern HTML5, bersama dengan tag baru, sejumlah besar fitur baru telah muncul yang tidak pernah diimpikan oleh pengembang situs web 10 tahun yang lalu.

Gaya dalam dokumen html

Saat browser menampilkan konten halaman web, browser menampilkan judul dalam satu gaya, teks paragraf dalam gaya lain, dan ukuran font berbeda. Ini diaktifkan secara default di setiap browser. Namun kami ingin melihat desain individual untuk halaman web, dan CSS membantu di sini. Bahasa Lembar Gaya Bertingkat. Dengan menggunakan CSS, Anda dapat mengatur desain elemen apa pun, Anda dapat membuat desain apa pun untuk dokumen web.

CSS adalah tambahan gaya pada bahasa HTML dan tidak akan ada tanpanya.

Gaya dalam Html diimplementasikan seperti ini:

Kepala>

Jika file gaya eksternal digunakan gaya.css, kemudian terhubung ke dokumen html seperti ini:

Contoh penulisan aturan CSS:

p(warna: hitam; font: x-kecil).

Memberi tahu browser apa warna paragrafnya

hitam- hitam, dan ukuran fontnya adalah x-kecil(kecil)

Beginilah misalnya saya menata konten di awal setiap artikel di blog ini.

Pengumuman
(batas: 2px awal berwarna hijau;
radius batas: 10px;
lebar: 360;
font-family: "Yeseva+Satu";
ukuran font: 16px;
tinggi garis: 1.2em;padding:10px 10px 10px 20px;
margin:10px otomatis 20px;
perataan teks:kiri;
warna latar belakang: #a7cece;
}

ada bagian menarik di baris terakhir: background-color: #a7cece;

#a7cece – ini adalah warna html. Menggunakan kumpulan karakter HEX - sistem heksadesimal: angka dari 0 hingga 9 dan huruf dari A hingga F, Anda benar-benar dapat mengatur warna apa pun. Yang aquamarine yang bagus dipasang di sini.

Saya akan kembali ke topik CSS dalam publikasi terpisah.

Cara Belajar Bahasa Markup HTML

  • Internet penuh dengan buku referensi tentang HTML (html). Saya suka situsnya http://htmlbook.ru. Saya sering datang ke sini untuk bahan referensi. Saya merekomendasikannya untuk menghemat waktu.
  • Andrey Bernatsky. Pastikan untuk memeriksanya!
  • Saya suka buku dari penulis Amerika. Ini yang paling menarik Tutorial bahasa HTML/CSS dengan penyajian materi yang begitu keren sehingga akan anda baca tanpa henti. Semuanya diceritakan secara sederhana dan jelas. Itu dapat diunduh secara gratis di Internet, tetapi lebih baik membelinya dan mengerjakannya seperti buku.

Cara terbaik untuk menguasai bahasa markup HTML (HTML) adalah dengan mengunduh kursus pelatihan paling terkenal di RuNet, dan beberapa di antaranya sepenuhnya gratis. Kunjungi situs web Evgeniy Popov dan unduh banyak informasi pendidikan yang berguna. Untuk pelatihan profesional, baca informasinya.

Tampilan