5 misunderstood HTML tags ever

HTML, or HyperText Markup Language, is a markup language used to create web pages as well as user interfaces for mobile and web applications along with CSS and JavaScript. It describes the general structure and appearance of a document, to accomplish that it uses many tags to add some content in the page such as <img /> that introduces it directly or <p> … </p> that surrounds the information and can include other tags as sub-elements. HTML can be very easy to learn, but sometimes it isn’t used to its full potential. Here are 5 of the most misunderstood HTML tags that can be unknown to some.

<cite>: It is useful for citing biblical references (or any other reference), just as <blockquote>, the text inside it will generally be rendered in italics by the browser but you still can change its appearance using CSS.

Here is an example of its use :

One of the most read dystopian books is <cite>Nineteen Eighty-Four</cite> by George Orwell.

It would look like this without CSS :

One of the most read dystopian books is Nineteen Eighty-Four by George Orwell.

<address>: This one defines a contact information, as its name says it will allow you to markup addresses in HTML. All you need to do is write the address inside the tags like so :

<address>

221B

Baker Street

London

</address>

As for <cite>, the format can be changed through CSS

<label>: This tag defines a label for an input element, it is one of the most forgotten tags, even if it actually is very useful and is great for styling and makes the element that you specify using “for” attributes clickable. Note that the “for” attribute should be equal to the “id” attribute of your element.

Here is an example of usage :

<label for=”yes”>Yes</label>

<input type=”radio” name=”answer” id=”yes” value=”yes”><br>

<label for=”no”>No</label>

<input type=”radio” name=”answer” id=”no” value=”no”><br>

So here instead of clicking on the radio field, you can click on the text and it will toggle the control.

<fieldset>: <fieldset> will allow you to group related elements inside a box, it will draw a line around them. If you add a <label> tag to it, it will give a title to your box.

As simple as the previous tags, here’s how it can be used :

<fieldset>

First-Name: <input type=”text”><br>

Last-Name: <input type=”text”><br>

Date of birth: <input type=”text”>

</fieldset>

<optgroup>: This one will allow you to define a group of related options in a drop-down list, you can visually choose from the select box easily since it will be sorted as groups.

It can be used for a genre of books, for example.

<select id = “books” name = “books”>

<optgroup label=”Kids”>

<option value=”totoro”>Totoro</option>

<option value=”caillou”>Caillou</option>

</optgroup>

<optgroup label=”Fantasy”>

<option value=”hp”>Harry Potter</option>

<option value=”lotr”>Lord of the Rings</option>

</optgroup>

</select>

Many other tags are still forgotten to the programming world, we should try to bring them back to life for most of them are more useful than we think.

I hope that this article will be useful for those who just started learning HTML, as for experts I suppose that most of you know how to use these tags.

5 thoughts on “5 misunderstood HTML tags ever

  1. Замороженный мокроватый песок до 15% труднее сухого. Расчёт массы Для определения тоннажа песка, к примеру, в случае если вы заказали раз самосвальный кузов песка для маленьких стройработ на даче (например, расчётные 15 тонн), нужно сконвертировать объёмный показатель в весовой. В случае если ведомо, сколько кубометров песка песок бровары доставка возможно обязаны подвезти (или подвезли), численность “кубов” множится на 1,3, как раз это количество учтёт маленькую утрату песка при сбережении и транспортировке на пространство дел. Сведения по насыпной плотности возможно признать в сети магазинов, обладающей сетями транспортировки песка из пространств добычи/обработки. Множество, как ведомо, равна плотности, помноженной на количество “кубов”. Средняя надбавка по впитыванию влажности равна приближённо 6,5%; для насквозь же промокшего песка данный показатель умножается втрое, максимально – 20%.

  2. Приветики.
    Мой ник Алика.
    Познакомлюсь с другом для встречи. Приеду к тебе на район или встримся у меня. Живу близко.

    Я в сети

  3. What is it – V7BOMDEFEX
    Please tell me-where is it? Or what is it V7BOMDEFEX ?

  4. Овощь изнутри, к слову, растятся в отсутствии грунта, во здесь. Об гидропонике вход Rmnt.ru детально слагал. Незначительная парник никак не пропала в данном свободном месте вследствие белоснежному скелету, островерхой кровле также рисунку с белоснежных кирпичей в основе.Создать подобную оранжерею с поликарбоната собственными ручками нетрудно. Сконцентрируйте интерес, то что основа данной оранжереи нужно в древесной базе, что пропорционально смешивается со соседними задранными грядками. Равно Как оборудовать детсад небольшого обслуживания Рассчитывая облагораживание места около здания, весьма многочисленные собственники думают об этом, равно чернозем заказ как затем заботиться из-за садом, клумбами, грядками… Не Терпится расходовать в данное равно как возможно менее периода также мощи. Веб-Сайт RMNT скопил с целью вам рекомендации аэроландшафтных художников согласно устройству сада небольшого обслуживания. Комитет 1-ый — воздержаться с газона Безусловно, непосредственно газоны призывают непрерывного также кропотливого обслуживания. Постричь, снять листья также отбросы, постоянно орошать.

Leave a Reply

Your email address will not be published.