Если вы хотите оживить свой веб-сайт, не создавая нестандартных программ, вы можете использовать несколько интересных HTML-кодов, чтобы сделать страницу интересной. Эти коды не только выделят ваш сайт, но и сделают его профессиональным.
12 крутых HTML-кодов
Если вы недостаточно сообразительны, чтобы написать свой собственный HTML-код, в Интернете есть множество мест, которые предлагают бесплатные неограниченные коды для копирования и вставки на ваши собственные веб-страницы. Однако, прежде чем копировать коды, убедитесь, что вы прочитали и поняли условия использования сайта, так как некоторые владельцы сайтов хотят узнавать используемые коды, включая обратную ссылку с вашего сайта на их. Ознакомьтесь с этими классными кодами HTML, которые создают интересные эффекты.
Статьи по Теме- Худший рейтинг трафика
- Бесплатные виджеты часов
- Сайты бесплатного хостинга изображений
1. Обратный отсчет до определенной даты
Создайте часы обратного отсчета для веб-сайта с кодом, найденным на Компьютерная надежда . Вставьте в код произвольную дату, чтобы на дисплее отсчитывалась определенная дата. Обязательно измените дату, выделенную жирным шрифтом, на желаемую дату.
сегодня = новая дата ();
что сказать, когда умирает чья-то собака
BigDay = новая дата (' 25 декабря 2020 г. ');
msPerDay = 24 * 60 * 60 * 1000;
timeLeft = (BigDay.getTime () - today.getTime ());
e_daysLeft = timeLeft / msPerDay;
daysLeft = Math.floor (e_daysLeft);
e_hrsLeft = (e_daysLeft - daysLeft) * 24;
hrsLeft = Math.floor (e_hrsLeft);
minsLeft = Math.floor ((e_hrsLeft - hrsLeft) * 60);
document.write ('Есть только
'+ daysLeft +' days '+ hrsLeft +' часы и '+ minsLeft +' минут осталось
До 25 декабря 2020 г.');
2. Сделайте маленькое всплывающее окно
Создайте всплывающее окно нового веб-сайта в небольшом окне с помощью этого удобного кода, который можно найти по адресу Компьютерная надежда .
функция NAME_IT () {window.open ('http://www.computerhope.com/cgi-bin/search.cgi','EANITHING','toolbar=no,location=no, directoryies = no, status = yes, menubar = нет, с изменяемым размером = да,
copyhistory = no, scrollbars = no, width = 300, height = 300 ');}
3. Цветные маркеры для списка
Птица с большим носом предлагает код, который позволяет добавлять в список цветные маркеры, а не обычные черные маркеры, которые используются чаще всего.
- Это первый предмет
- Это второй пункт
- Это третий пункт
- Компьютерная надежда : Этот веб-сайт предлагает бесплатную компьютерную помощь для всех, а также предлагает три интересных кода HTML, которые вы можете добавить на свой веб-сайт. Один из них - при наведении курсора мыши на всплывающее окно, когда пользователь наводит указатель мыши на изображение или текст. На сайте также есть код для выбора фонового кода и код, который позволяет посетителям вводить собственное текстовое поле подсказки.
- Дикие советы: Помимо базового HTML, в Wild Tips есть несколько изящных кодов, которые вы можете использовать, включая код, который делает текст размытым, имеет тени и другие эффекты. На сайте также есть HTML-коды для шатров и фотоэффектов.
- Птица с большим носом : Этот веб-сайт предлагает пользователям бесплатные учебные пособия, сценарии и графику. В нем также есть несколько страниц классных трюков HTML, включая демонстрации красочных таблиц, инструкции по эффективному использованию сильного фонового изображения и создание раскрывающегося списка со списком разных стран.
- W 3 школы : Этот сайт предоставляет HTML-код, который позволяет пользователям отправлять электронную почту с сайта, а также несколько других интересных кодов.
где мой возврат налога штата
4. Сделайте свой текст живым
Придайте линии выделения немного отскока с помощью этого кода из Как сделать сайт .
Сделайте свой текст живым
5. Шатер
Шатер:
Люблю знать образец кода
6. Зигзагообразная область.
Вы также можете сделать линию выделения сделать зигзагообразный узор .
ВАШ ТЕКСТ ЗДЕСЬ
7. Красочный стол
Заголовок таблицы 1 | Заголовок таблицы 1 |
---|---|
Любовь знать ячейку 1 | Любовь, чтобы знать ячейку 2 |