Рубрика: <span>HTML</span>

Пример с select disabled

 
.block-select-23, .block-select-24{
  display:block;
}
#opt-24{
  color:gray;
}
#river-select-267{
  background-color:gray;
  color:black;
}
 <div class="block-select-23">
<label> Пример с disabled
<select disabled name="river" id="river-select-267" >
    <option value="">--Выберите реку--</option>
    <option value="volga">Волга</option>
    <option value="don">Дон</option>
    <option value="vorgol">Воргол</option>
    <option value="oka">Ока</option>
</select>
</label>
<div>

Пример с select без disabled

 
.block-select-23, .block-select-24{
  display:block;
}
#opt-24{
  color:gray;
}
#river-select-267{
  background-color:gray;
  color:black;
}
 <div class="block-select-24">
<label> Пример без disabled
<select name="river" id="river-select" >
    <option value="">--Выберите реку--</option>
<optgroup label="Первая группа">
    <option value="volga">Волга</option>
    <option disabled value="don" id="opt-24">Дон</option>
    <option value="vorgol">Воргол</option>
</optgroup>
<optgroup label="Вторая группа">
    <option value="oka">Ока</option>
</optgroup>
</select>
</label>
</div>

Пример вывода html select c атрибутом disabled и без disabled

HTML

Базовый html5 шаблон страницы

<!doctype html>
<html lang="ru">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML5 template</title>
<meta name="description" content="HTML5 template">
<meta name="author" content="matematicus">
<link rel="stylesheet" href="css/file.css">
</head>

<body>
 <header></header><!--Заголовочный тег-->
      <nav></nav><!--Навигационные ссылки-->
          <article><!--Новости статья и т.д.-->
                <section></section><!--Параграф-->   
          </article>
      <aside></aside><!--Дополнительные колонки-->
  <footer></footer><!--Конечный блок--> 
<script src="js/scripts.js"></script>  
</body>

</html>

HTML

Знаки арифметических и математических операций — html таблица

Символ html код html код Значение
× &times; &#215; умножить
÷ &divide; &#247; разделить
&lt; &#60; меньше
&gt; &#62; больше
± &plusmn; &#177; плюс/минус
¹ &sup1; &#185; степень 1
² &sup2; &#178; степень 2
³ &sup3; &#179; степень 3
¬ &not; &#172; отрицание
¼ &frac14; &#188; одна четвертая
½ &frac12; &#189; одна вторая
¾ &frac34; &#190; три четверти
 frasl; &#8260; дробная черта
 minus; &#8722; минус
&le; &#8804; меньше или равно
&ge; &#8805; больше или равно
&asymp; &#8776; приблизительно равно
&ne; &#8800; не равно
&equiv; &#8801; тождественно
&radic; &#8730; квадратный корень
&infin; &#8734; бесконечность
&sum; &#8721; знак суммирования
&prod; &#8719; знак произведения
&part; &#8706; частичный дифференциал
&int; &#8747; интеграл
&forall; &#8704; для всех
&exist; &#8707; существует
&empty; &#8709; пустое множество
Ø &Oslash; &#216; диаметр
&isin; &#8712; принадлежит
&notin; &#8713; не принадлежит
&ni; &#8727; содержит
&sub; &#8834; является подмножеством
&sup; &#8835; является надмножеством
&nsub; &#8836; не является подмножеством
&sube; &#8838; является подмножеством либо равно
&supe; &#8839; является надмножеством либо равно
&oplus; &#8853; плюс в кружке
&otimes; &#8855; знак умножения в кружке
&perp; &#8869; перпендикулярно
&ang; &#8736; угол
&and; &#8743; логическое И
&or; &#8744; логическое ИЛИ
&cap; &#8745; пересечение
&cup; &#8746; объединение

Знаки валют — html таблица

Символ html код html код Значение
&euro; &#8364; Евро
¢ &cent; &#162; Цент
£ &pound; &#163; Фунт
¤ &current; &#164; Знак валюты
¥ &yen; &#165; Знак йены и юаня
ƒ &fnof; &#402; Знак флорина

Кавычки — html таблица

Символ html код html код Значение
« &quot; &#34; двойная кавычка
& &amp; &#38; амперсанд
« &laquo; &#171; левая типографская кавычка
» &raquo; &#187; правая типографская кавычка
&prime; &#8242; штрих (минуты)
&Prime; &#8243; двойной штрих (секунды, дюймы)
&lsquo; &#8216; левая верхняя одинарная кавычка
&rsquo; &#8217; правая верхняя одинарная кавычка
&sbquo; &#8218; правая нижняя одинарная кавычка
&ldquo; &#8220; кавычка- левая
&rdquo; &#8221; кавычка- правая верхняя
&bdquo; &#8222; кавычка- правая нижняя
&#8249; одинарная угловая кавычка открывающая
&#8250; одинарная угловая кавычка закрывающая

Стрелки — html таблица

Символ html код html код Значение
&larr; &#8592; стрелка влево
&uarr; &#8593; стрелка вверх
&rarr; &#8594; стрелка вправо
&darr; &#8595; стрелка вниз
&harr; &#8596; стрелка влево и вправо
&#8597; стрелка вверх и вниз
&lArr; &#8656; двойная стрелка влево
&uArr; &#8657; двойная стрелка вверх
&rArr; &#8658; двойная стрелка вправо
&dArr; &#8659; двойная стрелка вниз
&hArr; &#8660; двойная стрелка влево и вправо
&#8661; двойная стрелка вверх и вниз

Спецсимволы — html таблица

Символ html код html код Значение
© &copy; &#169; копирайт
® &reg; &#174; знак зарегистрированной торговой марки
&trade; &#8482; знак торговой марки
º &ordm; &#186; копье Марса
ª &ordf; &#170; зеркало Венеры
&permil; &#8240; промилле
π &pi; &#960; пи
¦ &brvbar; &#166; вертикальный пунктир
§ &sect; &#167; параграф
° &deg; &#176; градус
µ &micro; &#181; знак «микро»
&para; &#182; знак абзаца
&hellip; &#8230; многоточие
&oline; &#8254; надчеркивание
´ &acute; &#180; знак ударения
&#8470; знак номера

HTML

<!----> - комментарии
<html></html> - обязательный тег документ html 
<head></head> - заголовок документа
<body></body> - обязательный тэг тело сайта
<title></title> - название документа 
<a></a> - гиперссылка
<b></b> - жирный текст
<strong></strong> - жирный
<font></font> - шрифт
<sub></sub> - нижний индекс
<sup></sup> -верхний индекс
<em></em> -курсив
<s></s> - перечеркнутый текст
<small></small> - малый текст  
<i></i> -выделяет текст курсивом
<ul></ul> - отступ (табуляция)
<center></center> -центрирование текста
<stike></strike> - перечеркнутый текст 
<s></s> - перечеркнутый текст 
<p></p> - абзац
<span></span> - тег-контейнер (в отличие от div, не требует всей ширины окна браузера)
<div></div> - тег-контейнер
<u></u> - подчеркнутый текст
<hr> - горизонтальная линия 
<br> - перенос строки
<img> — изображение
<table></table> - таблица
<tr></tr> - строчка (ряд) таблицы.
<td></td> - столбец (ячейка) таблицы
от <h1></h1> до <h6></h6> - заголовки текста
<ol></ol> — нумерованный список
<ul></ul> — маркированный список
<li></li> — элемент списка
<form></form> - форма
<button></button> - кнопка
<input></input> - поле ввода 
<select></select> - раскрывающийся список
<option></option> - определяет пункты по отдельности списка в теге <select>
<iframe></iframe> - область документа, в которой находятся другие документы

HTML