Sifat tag html. Apakah itu teg HTML dan jenis teg yang wujud

Salam, pembaca laman blog yang dihormati. Malah, istilah ini mempunyai beberapa makna yang tidak sesuai dengan cara tertentu. Saya akan cuba bercakap tentang setiap daripada mereka dalam penerbitan ini.

Anda akan mengetahui apakah itu tag HTML dan bagaimana ia berbeza daripada teg meta, dan juga pelajari cara teg digunakan sebagai teg di tapak (pelbagainya ialah ), dan akhirnya, mari kita lihat secara umum tentang muzikal tag dalam fail audio. Begitulah istilah ini menjadi pelbagai rupa.

Tetapi dalam semua kes perkataan "tag" bermaksud markup sama ada halaman web menggunakan kod Html, atau keseluruhan tapak menggunakan tag, atau koleksi muzik anda dengan menunjukkan album dan lagu.

Apakah itu teg pada tapak web (teg untuk membuat navigasi)

Mari kita mulakan dengan mudah. Anda mungkin semua pernah melihat bahawa di bawah beberapa artikel di tapak web terdapat medan yang dipanggil tag atau tag, di mana beberapa perkataan disenaraikan. Mengapa ini dilakukan? Secara umum, untuk memudahkan navigasi di laman web ini ().

Tag yang dipanggil digunakan kata kunci, satu set yang mencirikan penerbitan secara ringkas (contohnya, set teg berikut akan sesuai untuk halaman utama blog saya: penciptaan tapak web; promosi; promosi tapak web; pendapatan).

Dengan bantuan kata-kata ini adalah mungkin untuk menentukan dengan jelas tentang artikel ini. Tetapi nilai utama mereka bukanlah ini, tetapi hakikat bahawa pelawat boleh mengklik pada mana-mana teg dan melihat senarai semua artikel di tapak tempat ia muncul. Pada asasnya, ia adalah alat yang berkuasa untuk mengklasifikasikan maklumat.

Untuk tidak mencari teg yang diperlukan di bawah artikel, pemilik laman web sering membuat apa yang dipanggil awan tag, yang boleh diletakkan di lajur kiri atau kanan tapak atau dalam pengakinya (bawah). Aib ini dalam amalan mungkin kelihatan seperti ini:

Ia biasanya menyenaraikan teg yang paling popular, dan anda boleh melihat semua teg dengan mengklik pada pautan yang sepadan. Kadangkala, teg yang lebih kerap digunakan (ia muncul dalam lebih banyak artikel di tapak ini) dipaparkan dalam fon yang lebih besar, dan yang kurang kerap digunakan dalam fon yang lebih kecil.

Kadangkala halaman berasingan dicipta untuk memaparkannya, seperti yang ditunjukkan dalam tangkapan skrin sebelumnya.

kenapa ni kaedah penandaan menggunakan tag tidak digunakan di semua laman web, jika ia mesra pengguna? Mereka tidak ada di blog saya juga, yang mana terdapat beberapa penjelasan. Walaupun penggunaannya disediakan secara lalai, terdapat juga banyak pemalam untuk bekerja dengan tag.

Ya, teg berfungsi dengan baik apabila anda mempunyai sedikit artikel dan anda mengingati dengan baik semua teg yang telah anda buat dan gunakan dalam artikel lain. Tetapi dengan peningkatan dalam bilangan bahan, bilangan teg meningkat secara mendadak; ia mula digandakan sebahagiannya apabila kata kunci yang hampir bermakna digunakan.

Ia mengakibatkan kekacauan yang besar, yang nilainya dari segi penambahbaikan navigasi, pada pendapat saya, agak meragukan. Untuk tujuan ini, pada projek web yang besar, lebih baik menggunakan carian tapak. Walaupun teg berfungsi dengan baik dalam rangkaian sosial, di mana anda boleh menggunakan teg untuk menggabungkan maklumat daripada pengguna yang berbeza dan melihatnya di satu tempat. .

Apakah teg HTML?

Saya mula-mula memutuskan untuk mengkajinya lima belas tahun yang lalu, tetapi saya tidak mencapai kemajuan melebihi teg Tajuk ketika itu. Kemudian saya terjumpa kursus video percuma oleh Evgeniy Popov di Html dan semuanya berjalan lancar. Sudah tentu, kursus itu hanya peringkat awal, tetapi pembentangan mudah inilah yang sering kekurangan pemula.

Pelajaran ini merangkumi teg asas, yang dengannya anda boleh membuat jadual dengan mudah, memasukkan gambar dan hiperpautan ke dalam teks, menambah pelbagai bentuk pada tapak dan banyak lagi. Jumlah 33 video percuma mengenai topik HTML.

Tetapi kursus video adalah kursus video, dan saya perlu menarik minat anda supaya anda memuat turunnya dan menontonnya. Daripada frasa umum tidak jelas apakah teg dalam bahasa HTML dan mengapa anda perlu mengkajinya. Oh, ini adalah perkara yang hebat dan mudah yang akan membolehkan anda menjadi tuan laman web anda sendiri. Mengapa anda memerlukan laman web?

Nah, mungkin, pertama sekali, untuk ekspresi diri dan usaha, dan kedua - . Senyap sahaja, jika tidak, semua orang akan mendengar dan berlari untuk mengkaji apa itu teg, membuat tapak web dan memperoleh semua yang hanya anda boleh perolehi, dan saya berada dalam syarikat itu. Oleh itu, saya akan terus bercakap secara eksklusif secara berbisik.

Internet boleh dibandingkan dengan televisyen, di mana anda membuat program kecil anda sendiri (buat laman web menggunakan tag) dan menerima pendapatan daripada pengiklanan. Lebih popular rancangan anda (projek Internet), lebih banyak pendapatan anda. Tiada had atas, walaupun tiada had bawah juga. Tetapi anda tidak perlu melabur wang, hanya tenaga dan masa yang anda habiskan untuk mengkaji teg, cara enjin berfungsi dan, sebenarnya, mengisi tapak dengan kandungan.

Jadi, teg ialah elemen penanda paling mudah bagi halaman web supaya penyemak imbas, apabila memuatkannya dari pelayan, memahami dengan tepat cara memaparkan elemen tertentu (teks, imej, video). Sebelum ini, bahasa Html bertanggungjawab untuk semua perkara ini sahaja, tetapi kemudian mereka datang membantunya dan ia menjadi lebih mudah baginya. Popov juga mempunyai kursus video percuma tentang mereka, yang anda boleh muat turun dari sini .

Kawan-kawan, apabila anda menguasai teg Html, anda akan faham bahawa ia semudah mengupas pear. Perkara yang paling penting adalah untuk memulakan dan entah bagaimana merangsang diri anda. Saya bukan sahaja memberitahu anda tentang bahagian kewangan. Laman web ini boleh menjadi sumber pendapatan utama anda dan seluruh keluarga boleh memberi makan daripadanya. Anda memerlukan nasib, ketabahan dan tidak takut untuk mencuba perkara baru.

Tag adalah berbeza, tetapi tidak banyak daripada mereka (yang kekal relevan selepas pengenalan CSS). Lihatlah betapa mudahnya. Katakan anda ingin membuat perenggan - anda hanya mengelilingi teks perenggan akan datang dengan tag pembuka dan penutup P (ini adalah huruf Latin dan dalam kod lebih baik untuk menulisnya kecil, tetapi di sini saya menjadikannya modal untuk kejelasan). Inilah yang akan kelihatan seperti:

Teks teks...... teks teks

Adakah anda memahami perbezaan antara teg Html pembukaan (pada permulaan) dan teg penutup (pada akhir)? Sudah tentu, saya hanya menambah garis miring ke hadapan selepas kurungan segi tiga.

Oh, saya lupa nak cakap Dengan kriteria apakah penyemak imbas memisahkan teg?(penanda) daripada kandungan utama. Adakah anda meneka sendiri?

Betul, itu kurungan segi tiga, di mana kami sertakan mereka. Penyemak imbas melihat kurungan sedemikian apabila menghuraikan kod halaman web dan menyedari bahawa ia adalah teg, dan memproses semua yang terkandung di dalamnya mengikut algoritma tertentu (membuat perenggan dipisahkan dalam ketinggian, meningkatkan fon tajuk, dll.) .

Jika anda perlu menggunakan kurungan segi tiga pembukaan dalam teks anda, pastikan anda melakukannya supaya penyemak imbas memahami anda dengan betul. Ini mesti diingat.

Dalam kod mereka boleh melihat, sebagai contoh, seperti ini:

Malah, ia mengandungi perihalan dan kata kunci halaman web yang mana mereka didaftarkan. Baca lebih lanjut tentang mereka dalam artikel di atas.

Tag meta ditulis dalam kod halaman web di tempat yang ditetapkan dengan ketat. Adakah anda tahu yang mana satu? Betul, dalam apa yang dipanggil "kepala" dokumen, yang terdiri daripada pembukaan dan penutup tag HEAD.

Apa-apa sahaja yang tertulis di dalamnya (termasuk tag META) tidak akan dipaparkan pada halaman web. Ini adalah maklumat proprietari yang ketat. Penerangan dan kata kunci di atas memberitahu enjin carian tentang kandungan halaman web tertentu dan teg meta di bawah.

Apakah tag muzik dalam fail audio?

Apabila anda memainkan muzik di dalam kereta atau pada pemain anda (telefon), anda mungkin perasan lebih daripada sekali bahawa beberapa omong kosong yang menyeramkan dipaparkan dan bukannya tajuk lagu dan nama pengarang-pelakon. Orang mungkin menganggap bahawa nama fail muzik yang dimuat turun ditulis dalam pengekodan bahasa Rusia yang salah.

Jika anda menamakan semula fail menggunakan , anda masih akan melihat gambar yang tidak menyenangkan pada pemain anda. Apa yang perlu dilakukan? Dan siapa yang harus dipersalahkan untuk keadaan ini? Cukup pelik, tetapi alasannya salah tag yang ditetapkan dalam fail muzik ini.

Ia dijahit terus ke dalam fail audio (pada permulaan atau penghujungnya) dan boleh mengandungi maklumat tentang komposisi, pengarangnya, album, tempoh trek dan sesuatu yang tidak begitu penting. Dalam penjelmaan terbaru tag muzik, malah imej penutup CD boleh dijahit ke dalamnya (biasanya wabak).

Tetapi masalahnya timbul, sebagai peraturan, bukan dalam ketersediaan mereka, tetapi dalam mendapatkan keupayaan untuk mengeditnya. Akan tiba masanya dalam kehidupan setiap pencinta muzik yang menghargai diri sendiri apabila dia "bersedia untuk mengoyak dan melempar," hanya untuk menyusun sesuatu dalam koleksinya dan menambah tag yang betul pada semua trek yang boleh dibaca pada mana-mana peranti. Bagaimana untuk melakukan ini?

Menggunakan perisian khas. Teg itu sendiri muncul dalam fail audio buat kali pertama pada penghujung abad yang lalu. Untuk fail MP3, standard untuk menambahkannya dipanggil ID3, dan untuk fail muzik yang dimampatkan tanpa kehilangan kualiti (seperti FLAC dan seumpamanya), standard untuk menambah tag (data meta) dipanggil komen Vorbis.

Untuk muzik yang dirakam dalam format Windows WMA terdapat metadata WM, dan untuk Apple MP4 terdapat metadata iTunes (dengan cara itu, saya baru-baru ini menulis tentang itu).

Jadi, anda boleh mengedit tag menggunakan program khas. Yang paling popular di antara mereka mungkin Mp3tag(tapak rasmi, tetapi berhati-hati semasa memuat turun - jangan klik secara tidak sengaja pada iklan yang menawarkan untuk memuat turun sesuatu yang berbeza sama sekali). Saya fikir anda akan mencari sendiri semua program lain, terutamanya kerana program ini cukup memadai untuk menyelesaikan tugasan ini.

Beginilah rupa teg yang pelbagai, yang dalam semua kes ini melaksanakan peranan utamanya - penanda (artikel di tapak web, kandungan pada halaman web atau meta-data dalam fail muzik). Saya harap kini anda mempunyai lebih sedikit soalan mengenai topik ini.

Semoga berjaya kepada anda! Jumpa anda tidak lama lagi di halaman laman blog

Anda boleh menonton lebih banyak video dengan pergi ke
");">

Anda mungkin berminat

Teg untuk Instagram - mengapa ia diperlukan dan di mana untuk melihat yang paling popular
Hashtags - apakah itu dan cara hashtag digunakan di Twitter, Instagram dan tempat lain Cara Menambah Atribut Alt secara Automatik pada Teg Img Blog WordPress Anda (Di mana Mereka Tidak Memilikinya)
Pautan - apakah itu dan cara menciptanya
Radikal - pengehosan foto percuma dengan muat naik foto yang cepat dan mudah melalui Radikal.ru

Selamat hari, kawan-kawan! Hari ini kami mempunyai satu lagi artikel khusus untuk salah satu kategori tapak saya "Panduan HTML untuk pemula". Mungkin, adalah perlu untuk mula mengisi kategori ini dengan menulis artikel tentang apa itu HTML atau dari siaran ini, yang akan menerangkan secara terperinci apa itu tag html. Tetapi kebetulan di dalamnya saya telah menerbitkan beberapa bahan berguna, contohnya, cara membuat garis menggunakan HTML atau cara membuat bingkai. Baiklah, saya harap kesilapan saya tidak memaksa anda untuk mencari maklumat di antara sumber lain.

Untuk memahami teg, mari kita ingat dahulu apa itu HTML? Jadi HTML ialah singkatan bahasa Inggeris yang bermaksud - bahasa penanda hiperteks. Ini adalah bahasa standard, ditafsirkan oleh semua penyemak imbas moden, bertanggungjawab untuk struktur dan kandungan halaman. Dengan bantuan HTML anda boleh menentukan bagaimana teks, lukisan atau animasi yang dipaparkan pada halaman Internet akan kelihatan, serta menetapkan lokasi, saiznya, dsb. Bahasa penanda yang dibentangkan termasuk tag html, yang menjadi asasnya.

Tag– label bernama khusus yang terdiri daripada aksara abjad Latin, disertakan dalam kurungan sudut (contohnya ). Tag ialah elemen utama dokumen HTML. Mereka mesti diisi dengan huruf kecil, iaitu, bukannya < TAJUK> mesti ada < tajuk> .

Jenis tag html

Terdapat dua jenis tag − bujang Dan beregu(bekas). Yang terakhir adalah lebih biasa. Semua yang disertakan antara pembukaan<>dan tag penutupdipanggil kandungan bekas. Seperti yang anda lihat, anda mesti meletakkan garis miring di dalam teg penutup, i.e. garis miring ke hadapan "/" sejurus selepas kurungan sudut pertama. Kesan tag meluas kepada maklumat yang terkandung di antara mereka.

Tag tunggal (tag) seperti yang anda fikirkan, terdiri daripada satu elemen html - tag pembuka (contohnya ).

Tidak kira jenisnya setiap tag terdiri daripada unsur-unsur berikut:

kurungan sudut bukaan ( < ).

Nama tag ( hlm, badan, br).

kurungan sudut penutup ( > ).

Untuk mengembangkan keupayaan tag yang digunakan, pelbagai atribut dan nilai atribut digunakan, dipisahkan oleh ruang. Sebaliknya, atribut boleh dibahagikan kepada wajib dan pilihan.

Tag html asas

Bahasa Penanda HyperText Terstandard termasuk beberapa teg HTML yang biasa digunakan. Mari kita lihat yang paling penting daripada mereka.

Tag html berpasangan asas

- < html> - memberitahu pelayar bahawa terdapat dokumen HTML di hadapannya.

- < kepala> - mengandungi perihalan halaman Internet dan merupakan sejenis bekas untuk semua elemen pengepala dokumen HTML, yang tujuannya adalah untuk membantu penyemak imbas dan enjin carian berfungsi dengan data.

- < badan> - mentakrifkan bahagian dokumen yang boleh dilihat.

- </b>- bertanggungjawab untuk paparan dan tajuk dokumen.</p> <p>- <b>< </b><b>meja</b><b>>, < </b><b>tbody</b><b>>, < </b><b>thead</b><b>>, < </b><b>td</b><b>>, < </b><b>ke</b><b>> dan< </b><b>tr</b><b>> - </b> tag yang berkaitan dengan penciptaan jadual.</p> <p>- <b><p> </b>- menutup teg ini memberitahu pelayar bahawa teks dipaparkan pada baris baharu, iaitu perenggan baharu.</p> <p>- <b><h> </b>- menetapkan tajuk ( <b>h1</b>…<b>h6</b>).</p> <p>- <b><br> </b>- teg yang menetapkan pemisah baris di tempat ia berada.</p> <p>- <b><b>, <u>, <i> </b>- setiap teg secara individu menyerlahkan teks dalam huruf tebal, bergaris atau condong.</p> <p>- <b><ol>, <ul>, <dl> </b>- tag yang bertanggungjawab untuk .</p> <p>- <b><tt>, <kbd> </b>- kesan untuk teks yang meniru gaya mesin taip.</p> <p>- <b><strong> </b>- teg HTML lain yang menjadikan teks tebal. Berbeza dengan tag <b>dilihat oleh enjin carian sebagai ditonjolkan secara khusus.</p> <p>- <b><marquee> </b>- tag yang digunakan untuk membuat ticker.</p> <p>- <b><font> </b>- teg yang digunakan untuk memformat teks, tetapi berfungsi hanya apabila menggunakan atribut khas.</p> <p>- <b><a> </b>- tag yang sangat biasa yang bertanggungjawab untuk mencipta hiperpautan.</p> <p>- <b><cite> </b>- petikan.</p> <p>- <b><code> </b>- memaparkan contoh kod dalam dokumen HTML.</p> <p>- <b><q> </b>- bertanggungjawab untuk memaparkan teks yang disertakan dalam kurungan.</p> <p>- <b><blockqote> </b>- mencipta inden pada kedua-dua belah teks.</p> <h3>Tag tunggal asas</h3> <p>- <b><meta> </b>- tag yang mengandungi maklumat meta yang bertujuan untuk enjin carian. Di dalamnya, menggunakan atribut yang sesuai, anda boleh menentukan kata kunci, kawalan proses pengindeksan, nama pengarang, pengekodan dokumen, dll.</p> <p>- <b><img> </b>- tag yang bertanggungjawab untuk memaparkan elemen grafik (gambar). Digunakan bersama dengan atribut yang diperlukan <img src='https://i0.wp.com//URL' loading=lazy loading=lazy>.</p> <p>- <b><style> </b> - указывает на таблицу стилей CSS. Данный тег задается в теге <b>< </b><b>head </b><b>> </b>. HTML документ может состоять из энного количества тегов <b><style> </b>, задающих странице стилистику в независимости от расположения ее содержимого.</p> <p>- <b>< </b><b>hr </b><b>> </b> - добавляет горизонтальную линию.</p> <p>Нажав сочетание клавиш <b>Ctrl </b><b>+ </b><b>U </b> можно заметить, что весь HTML-документ построен на использовании HTML тегов и атрибутов. Совсем не обязательно запоминать все существующие HTML теги. Для внесения корректировок на сайт достаточно запомнить те, что приведены выше.</p> <p>Надеюсь, статья оказалась для вас полезной, и теперь вы знаете, какие существуют виды тегов и что это вообще такое.</p> <p>Спасибо за внимание и до скорого на страницах Stimylrosta.</p> <p>Обнаружили в тексте грамматическую ошибку? Пожалуйста, сообщите об этом администратору: выделите текст и нажмите сочетание горячих клавиш <b>Ctrl+Enter </b></p> <p>В языке HTML всё, что вы напишите в HTML-документе, будет выведено на экран браузера сплошным текстом, то есть браузер игнорирует переводы строк, а также несколько набранных вами подряд пробелов заменяются одним.</p> <p>Теги — это управляющие команды, которые были придуманы для того, чтобы отформатировать текст, т.е. теги говорят браузеру о том, как именно нужно вывести на экран часть текста, заключенную в теги. Для создания тега между угловыми скобками вводится HTML-код, который предназначен только для браузеров. Посетители сайта не видят теги.</p> <p>Как уже отмечалось выше, все теги начинаются с угловой скобки < и заканчиваются угловой скобкой > . После открывающей угловой скобки следует имя тега (команды).</p> <p>Например, тег <b><em> </b> предназначен для акцентирования текста, браузеры отображают такой текст курсивным начертанием. Когда браузер обнаруживает этот тег, он переключается на форматирование курсивным шрифтом текста, следующего за тегом.</p> <p>Рассмотрим пример:</p><p>Этот текст обычный. <em><i> Этот текст курсивный. </i> </p><p>Тег <b><em> </b> называют начальным или открывающим тегом, что означает включение браузером определенной команды (в данном случае написание курсивным шрифтом). У большинства тегов есть пара в виде закрывающего тега, который отключает команду.</p> <p>Закрывающий тег выглядит так же, как начальный, но начинается с слэша. Итак, конечный тег для выделения курсивным шрифтом - <b></em> </b>.</p> <p>Рассмотрим пример:</p><p>Этот текст обычный. <em><i> Внимание! Курсив. </i> </em> Это снова обычный шрифт. </p><p>Как вы успели заметить, браузер последовательно анализирует HTML – документ в поисках команд (тегов) и применяет или отключает разные параметры форматирования текста. Браузер отформатированный текст (все, что не является тегом) отображает в своем окне.</p> <table class="notice example"><tr><th><i> </i> </th> <td> Процесс вставки тегов в обычный неформатированный текст называется разметкой HTML-документа, а теги - знаками разметки. При написании тегов не учитывается регистр букв, тег может быть прописан как строчными, так и прописными буквами, но всё же рекомендуется применение прописных букв. </td> </tr></table><p>Ниже приведены примеры основных тегов HTML, с объяснением их использования, а также примеры их применения в HTML-документе.</p> <h2>Заголовки</h2> <p>Существует специальный тег для указания заголовков в HTML. Есть 6 уровней заголовков в HTML, начиная от для наиболее важных объявлений, до для наименее важных.</p> <p>В основе языка HTML лежит понятие «тэг» (англ.: <i>tag </i>-ярлычок, этикетка). Тэги заключаются в угловые скобки (< >) и образуют пары – контейнеры (открывающий тэг и закрывающий). Например, контейнером HTML документа является пара тэгов <html> и </html>. В web-странице включены контейнеры, отвечающие за заголовок документа (голова) и содержат дополнительную информацию, а также контейнеры, отвечающие за само содержание документа (тело). Они представлены на рисунке.</p><p>Итак HTML документ заключается в контейнер <html></html>, заголовок в контейнер <head></head>, а содержание документа в контейнере <body><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>. Контейнер <title>, расположенный в заголовке (контейнере ) содержит текст, отображающийся в верхней строке окна браузера. В контейнер заголовка также могут быть добавлены тэги, содержащие кодировку, ключевые слова web-страницы, а также код для подключения файлов каскадных таблиц стилей CSS, языка программирования jаvascript, VBScript и т.д.

Пример простейшей HTML странички, содержащей только основные тэги:

Название страничкиСодержание простейшей странички

Результат работы указанного кода изображен на рисунке.

Как видно из примера текст «Содержание простейшей странички» отображается обычным текстом. Для того чтобы произвести форматирование этого текста, необходимо использовать специальные тэги. Пример использования тэгов форматирования представлен на рисунке.

Для изменения шрифта, его цвета и размера используется тэг с параметрами “face”, “color” и “size”. Например для того чтобы задать шрифт “arial” красного цвета и 14 размера необходимо написать следующий код:

Форматируемтекст

Для выделения абзаца в тексте используется тэг

В контейнер которого как правило помещается каждый абзац текста. Для создания заголовка используются тэги

,

,

,

,

,
.

Для формирования списков в теле документа используются контейнеры , и . Причем тэг

    формирует нурмерованный список, тэг