Новые теги HTML — Новые теги HTML

Новые теги HTML

Как самостоятельно создать новые теги HTML которых нет в браузере. Предлагаю вашему вниманию библиотеку уникальных HTML тегов пригодных для любых браузеров.

Установить библиотеку тегов <script src=https://milkimaus.by/скрипты/tags.js></script>

Перечень HTML кодов является актуальным на настоящий момент. В ближайшее время ожидаются дополнения в листинге.

Листинг кода

Листинг кода. В принципе, все теги работающие в вашем браузере это и есть результат работы Java Script.

<script>
document.getElementsByTagName('kalendar')[0].innerHTML = '<table id="" name="" border=1 cellpadding=1><tr><td id="month" colspan="7"></td></tr><tr><td id="1">1</td><td id="6">6</td><td id="11">11</td><td id="16">16</td><td id="21">21</td><td id="26">26</td><td id="31">31</td></tr><tr><td id="2">2</td><td id="7">7</td><td id="12">12</td><td id="17">17</td><td id="22">22</td><td id="27">27</td><td id="32"></td></tr><tr><td id="3">3</td><td id="8">8</td><td id="13">13</td><td id="18">18</td><td id="23">23</td><td id="28">28</td><td id="33"></td></tr><tr><td id="4">4</td><td id="9">9</td><td id="14">14</td><td id="19">19</td><td id="24">24</td><td id="29">29</td><td id="34"></td></tr><tr><td id="5">5</td><td id="10">10</td><td id="15">15</td><td id="20">20</td><td id="25">25</td><td id="30">30</td><td id="35"></td></tr><tr><td id="week" colspan="7"></td></tr></table>';
let date = new Date();
let r = new Date();
let g = r.getDay();
let chislo = r.getDate();
let mesac = r.getMonth();
let god = r.getFullYear();
if (chislo == 1) {document.getElementById('1').style.cssText = 'color: red';}
if (chislo == 2) {document.getElementById('2').style.cssText = 'color: red';}
if (chislo == 3) {document.getElementById('3').style.cssText = 'color: red';}
if (chislo == 4) {document.getElementById('4').style.cssText = 'color: red';}
if (chislo == 5) {document.getElementById('5').style.cssText = 'color: red';}
if (chislo == 6) {document.getElementById('6').style.cssText = 'color: red';}
if (chislo == 7) {document.getElementById('7').style.cssText = 'color: red';}
if (chislo == 8) {document.getElementById('8').style.cssText = 'color: red';}
if (chislo == 9) {document.getElementById('9').style.cssText = 'color: red';}
if (chislo == 10) {document.getElementById('10').style.cssText = 'color: red';}
if (chislo == 11) {document.getElementById('11').style.cssText = 'color: red';}
if (chislo == 12) {document.getElementById('12').style.cssText = 'color: red';}
if (chislo == 13) {document.getElementById('13').style.cssText = 'color: red';}
if (chislo == 14) {document.getElementById('14').style.cssText = 'color: red';}
if (chislo == 15) {document.getElementById('15').style.cssText = 'color: red';}
if (chislo == 16) {document.getElementById('16').style.cssText = 'color: red';}
if (chislo == 17) {document.getElementById('17').style.cssText = 'color: red';}
if (chislo == 18) {document.getElementById('18').style.cssText = 'color: red';}
if (chislo == 19) {document.getElementById('19').style.cssText = 'color: red';}
if (chislo == 20) {document.getElementById('20').style.cssText = 'color: red';}
if (chislo == 21) {document.getElementById('21').style.cssText = 'color: red';}
if (chislo == 22) {document.getElementById('22').style.cssText = 'color: red';}
if (chislo == 23) {document.getElementById('23').style.cssText = 'color: red';}
if (chislo == 24) {document.getElementById('24').style.cssText = 'color: red';}
if (chislo == 25) {document.getElementById('25').style.cssText = 'color: red';}
if (chislo == 26) {document.getElementById('26').style.cssText = 'color: red';}
if (chislo == 27) {document.getElementById('27').style.cssText = 'color: red';}
if (chislo == 28) {document.getElementById('28').style.cssText = 'color: red';}
if (chislo == 29) {document.getElementById('29').style.cssText = 'color: red';}
if (chislo == 30) {document.getElementById('30').style.cssText = 'color: red';}
if (chislo == 31) {document.getElementById('31').style.cssText = 'color: red';}
if (g == 1) {document.getElementById('week').innerHTML = '<center>Понедельник</center>';}
if (g == 2) {document.getElementById('week').innerHTML = '<center>Вторник</center>';}
if (g == 3) {document.getElementById('week').innerHTML = '<center>Среда</center>';}
if (g == 4) {document.getElementById('week').innerHTML = '<center>Четверг</center>';}
if (g == 5) {document.getElementById('week').innerHTML = '<center>Пятница</center>';}
if (g == 6) {document.getElementById('week').innerHTML = '<center>Суббота</center>';}
if (g == 7) {document.getElementById('week').innerHTML = '<center>Воскресенье</center>';}
if (mesac == 12) {document.getElementById('month').innerHTML = '<center>Январь <a id=god></a></center>';}
if (date.getDate() == 29) {
if (mesac == 1) {document.getElementById('month').innerHTML = '<center>Февраль <a id=god></a></center>';document.getElementById('29').innerHTML = '29';document.getElementById('30').innerHTML = '&nbsp;&nbsp;&nbsp;&nbsp;';document.getElementById('31').innerHTML = '&nbsp;&nbsp;&nbsp;&nbsp;';}
} else {
if (mesac == 1) {document.getElementById('month').innerHTML = '<center>Февраль <a id=god></a></center>';document.getElementById('29').innerHTML = '&nbsp;&nbsp;&nbsp;&nbsp;';document.getElementById('30').innerHTML = '&nbsp;&nbsp;&nbsp;&nbsp;';document.getElementById('31').innerHTML = '&nbsp;&nbsp;&nbsp;&nbsp;';}
}
if (mesac == 2) {document.getElementByIde('month').innerHTML = '<center>Март <a id=god></a></center>';}
if (mesac == 3) {document.getElementById('month').innerHTML = '<center>Апрель <a id=god></a></center>';document.getElementById('31').innerHTML = '&nbsp;&nbsp;&nbsp;&nbsp;';}
if (mesac == 4) {document.getElementById('month').innerHTML = '<center>Май <a id=god></a></center>';}
if (mesac == 5) {document.getElementById('month').innerHTML = '<center>Июнь <a id=god></a></center>';document.getElementById('31').innerHTML = '&nbsp;&nbsp;&nbsp;&nbsp;';}
if (mesac == 6) {document.getElementById('month').innerHTML = '<center>Июль <a id=god></a></center>';}
if (mesac == 7) {document.getElementById('month').innerHTML = '<center>Август <a id=god></a></center>';}
if (mesac == 8) {document.getElementById('month').innerHTML = '<center>Сентябрь <a id=god></a></center>';document.getElementById('31').innerHTML = '&nbsp;&nbsp;&nbsp;&nbsp;';}
if (mesac == 9) {document.getElementById('month').innerHTML = '<center>Октябрь <a id=god></a></center>';}
if (mesac == 10) {document.getElementById('month').innerHTML = '<center>Ноябрь <a id=god></a></center>';document.getElementById('31').innerHTML = '&nbsp;&nbsp;&nbsp;&nbsp;';}
if (mesac == 11) {document.getElementById('month').innerHTML = '<center>Декабрь <a id=god></a></center>';}
document.getElementById('god').innerHTML = god;

//скрипт число
//скрипт месяц
let nows = new Date();
let montha = nows.getMonth();
if (montha == 12) {document.getElementsByTagName('month')[0].innerHTML = 'Январь';}
if (montha == 1) {document.getElementsByTagName('month')[0].innerHTML = 'Февраль';}
if (montha == 2) {document.getElementsByTagName('month')[0].innerHTML = 'Март';}
if (montha == 3) {document.getElementsByTagName('month')[0].innerHTML = 'Апрель';}
if (montha == 4) {document.getElementsByTagName('month')[0].innerHTML = 'Май';}
if (montha == 5) {document.getElementsByTagName('month')[0].innerHTML = 'Июнь';}
if (montha == 6) {document.getElementsByTagName('month')[0].innerHTML = 'Июль';}
if (montha == 7) {document.getElementsByTagName('month')[0].innerHTML = 'Август';}
if (montha == 8) {document.getElementsByTagName('month')[0].innerHTML = 'Сентябрь';}
if (montha == 9) {document.getElementsByTagName('month')[0].innerHTML = 'Октябрь';}
if (montha == 10) {document.getElementsByTagName('month')[0].innerHTML = 'Ноябрь';}
if (montha == 11) {document.getElementsByTagName('month')[0].innerHTML = 'Декабрь';}
//скрипт день недели
var d = new Date();
var n = d.getDay();
if (n == 1) {document.getElementsByTagName('day')[0].innerHTML = 'Понедельник';}
if (n == 2) {document.getElementsByTagName('day')[0].innerHTML = 'Вторник';}
if (n == 3) {document.getElementsByTagName('day')[0].innerHTML = 'Среда';}
if (n == 4) {document.getElementsByTagName('day')[0].innerHTML = 'Четверг';}
if (n == 5) {document.getElementsByTagName('day')[0].innerHTML = 'Пятница';}
if (n == 6) {document.getElementsByTagName('day')[0].innerHTML = 'Суббота';}
if (n == 7) {document.getElementsByTagName('day')[0].innerHTML = 'Воскресенье';}
//скрипт даты
let now = new Date();
let day = now.getDate();
let month = now.getMonth();
let year = now.getFullYear();
if (month == 12) {document.getElementsByTagName('data')[0].innerHTML = ''+day+' Января '+year+'';}
if (month == 1) {document.getElementsByTagName('data')[0].innerHTML = ''+day+' Февраля '+year+'';}
if (month == 2) {document.getElementsByTagName('data')[0].innerHTML = ''+day+' Марта '+year+'';}
if (month == 3) {document.getElementsByTagName('data')[0].innerHTML = ''+day+' Апреля '+year+'';}
if (month == 4) {document.getElementsByTagName('data')[0].innerHTML = ''+day+' Мая '+year+'';}
if (month == 5) {document.getElementsByTagName('data')[0].innerHTML = ''+day+' Июня '+year+'';}
if (month == 6) {document.getElementsByTagName('data')[0].innerHTML = ''+day+' Июля '+year+'';}
if (month == 7) {document.getElementsByTagName('data')[0].innerHTML = ''+day+' Августа '+year+'';}
if (month == 8) {document.getElementsByTagName('data')[0].innerHTML = ''+day+' Сентября '+year+'';}
if (month == 9) {document.getElementsByTagName('data')[0].innerHTML = ''+day+' Октября '+year+'';}
if (month == 10) {document.getElementsByTagName('data')[0].innerHTML = ''+day+' Ноября '+year+'';}
if (month == 11) {document.getElementsByTagName('data')[0].innerHTML = ''+day+' Декабря '+year+'';}
//скрипт часы
function vrema(){
var date = new Date(),
hours = (date.getHours() < 10) ? '0' + date.getHours() : date.getHours(),
minutes = (date.getMinutes() < 10) ? '0' + date.getMinutes() : date.getMinutes(),
seconds = (date.getSeconds() < 10) ? '0' + date.getSeconds() : date.getSeconds();
let c  = hours + ':' + minutes + ':' + seconds;
let krasivo = document.getElementsByTagName('chasy')[0];
document.getElementsByTagName('chasy')[0].innerHTML = c;
}
setInterval(vrema, 1000);
//мигающая надпись
function abzac(){
let abzac = document.getElementsByTagName('abzac')[0];
abzac.style.cssText = 'color: red';
setTimeout(() => { abzac.style.cssText = 'color: blue'; }, 500);
}
setInterval(abzac, 1000);


</script>