Крутые HTML-коды

Если вы хотите оживить свой веб-сайт, не создавая специальное программирование, вы можете использовать несколько классных HTML-кодов, чтобы добавить немного интереса на страницу. Эти коды не только выделят ваш сайт, но и придадут ему профессиональный вид.

12 классных HTML-кодов

Если вы недостаточно сообразительны, чтобы написать собственный HTML-код, в Интернете есть много мест, где можно бесплатно и без ограничений копировать коды и вставлять их на собственные веб-страницы. Однако, прежде чем копировать коды, убедитесь, что вы прочитали и поняли условия использования сайта, поскольку некоторые владельцы сайтов хотят, чтобы используемые коды распознавались, включая обратную ссылку с вашего сайта на их. Ознакомьтесь с этими крутыми HTML-кодами, создающими интересные эффекты.

1. Обратный отсчет до определенной даты

Создайте часы обратного отсчета для веб-сайта с кодом, найденным на Computer Hope . Вставьте пользовательскую дату в код, чтобы на дисплее отображался обратный отсчет до определенной даты. Не забудьте изменить дату, выделенную жирным шрифтом, на свою собственную дату.

<тип сценария=»текст/javascript»>

сегодня = новая дата();

BigDay = новая дата (« 25 декабря 2020 г. »);

msPerDay = 24 * 60 * 60 * 1000;

timeLeft = (BigDay.getTime() — Today.getTime());

e_daysLeft = оставшееся время / 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(«Осталось всего<BR> <H4>» + daysLeft + » days » + hrsLeft +» часов и » + minsLeft + » минут </H4> До 25 декабря 2020 г.<P>»);

</скрипт>

2. Сделайте маленькое всплывающее окно

Сделайте новый веб-сайт всплывающим в маленьком окне с помощью этого удобного кода, найденного на Computer Hope .

function NAME_IT() {window.open(‘http://www.computerhope.com/cgi-bin/search.cgi’,’EANITHING’,’toolbar=no,location=no, directorys=no, status=yes, панель меню = нет, изменяемый размер = да,

история копирования=нет, полосы прокрутки=нет, ширина=300, высота=300′);}

</p>

</p>

3. Красочные маркеры для списка

Big Nose Bird предлагает код, который позволяет вам иметь цветные маркеры для вашего списка, а не простые черные, которые чаще всего используются.

<DL>

<DD><IMG SRC=»/graphics/bullets/40-99-20.gif»>Это первый элемент</DD>

<DD><IMG SRC=»/graphics/bullets/40-80-99.gif»>Это второй элемент</DD>

<DD><IMG SRC=»/graphics/bullets/40-99-20.gif»> Это третий элемент </DD>

</DL>

4. Сделайте ваш текст упругим

Придайте вашей бегущей строке немного отскока с помощью этого кода из How to Make a Website .

<marquee behavior=alternate width=»202″ scrollamount=»8″ scrolldelay=»95″ height=»37″ bgcolor=»#00FFFF»>Сделайте текст упругим</marquee>

5. Шатер

Бегущая строка: <marquee=alternate width=»120″ scrollamount=»5″ scrolldelay=»86″ height=»15″ bgcolor=»#F0FFFF»>

<font size=»4″>Приятный пример кода </font></marquee>

6. Зигзагообразная шатер

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

<marquee behavior=»alternate» direction=»up» width=»80%»><marquee direction=»right»>ВАШ ТЕКСТ ЗДЕСЬ</marquee></marquee>

7. Красочный стол

<th>Заголовок таблицы 1</th><th>Заголовок таблицы 1</th></tr><tr><td>Люблю знать, ячейка 1</td><td style=»background-color:lightblie; «>Люблю знать, ячейка 2</td>

</tr></таблица>

8. Добавьте музыку на свою страницу

Добавьте затененную рамку: <html> <head><style type=»text/css»> div {border:2px solid #a1a1;padding:10px 40px; фон:#ffdddd;ширина:400px;граница-радиус:25px;-moz-граница-радиус:40px; }

</style></head><body><div>Коробка с образцами Love to Know с рамкой</div></body></html>

9. Добавьте приветственное сообщение

<head> <script language=»javascript» type=»text/javascript»>alert(«Добро пожаловать в название вашей компании»)</script></head><font face=»TimesNewRoman»><span style=» размер шрифта: 10pt; оформление текста: нет»></span></a></font>

10. Поле ввода цветного текста

Поле 1:<INPUT type=»text» STYLE=»color: #EEFFF; семейство шрифтов: TimesNewRoman; вес шрифта: обычный; размер шрифта: 10 пикселей; цвет фона: #F2A4D2; ширина: 198 пикселей; высота: 25 пикселей. ;» размер = «30» максимальная длина = «30»>

11. Цветное текстовое поле с пунктирной рамкой

<strong>Люблю знать образец текста</strong></span>

12. Изменить цвет фона

<BODY BGCOLOR=»FEEFD»> Этот код предназначен для персикового фона. Ознакомьтесь с цветовыми кодами фона на сайте HTML Goodies .

Ресурсы для более интересных кодов HTML

Есть много других ресурсов кода, доступных для использования. Примеры мест, где доступно больше возможностей, включают:

Компьютерная надежда : этот веб-сайт предлагает бесплатную компьютерную помощь для всех, а также предлагает три интересных HTML-кода, которые вы можете добавить на свой веб-сайт. Один из них — чрезмерная подсказка мыши, при которой появляется всплывающее окно, когда пользователь наводит указатель мыши на графику или текст. На сайте также есть код для выбора фонового кода и тот, который позволяет посетителям вводить собственное текстовое поле подсказки.
Дикие советы: помимо базового HTML, в Wild Tips также есть несколько изящных кодов, которые вы можете использовать, включая код, который делает текст размытым, имеет тени и другие эффекты. Веб-сайт также предлагает HTML-коды для выделения и фотоэффектов.
Big Nose Bird : этот веб-сайт предлагает пользователям бесплатные учебные пособия, сценарии и графику. Он также содержит несколько страниц крутых трюков с HTML, в том числе демонстрацию цветных таблиц, инструкции по эффективному использованию сильного фонового изображения и создание раскрывающегося списка со списком разных стран.
W 3 Schools : этот сайт предоставляет HTML-код, который позволяет пользователям отправлять электронную почту с сайта, а также несколько других интересных кодов.

Настройте свой сайт с помощью крутых кодов

Если вы разбираетесь в веб-кодировании, вы всегда можете поэкспериментировать и придумать свой хитрый трюк. Если вы не являетесь веб-мастером, вы все равно можете создавать привлекательные, профессионально выглядящие сайты, используя некоторые интересные HTML-коды, подобные представленным здесь. Вы можете добавить практически любой тип HTML-кода на свой веб-сайт, если вы не используете конструктор сайтов, который запрещает это. Некоторые из бесплатных конструкторов веб-сайтов не позволяют использовать HTML-коды, но если вы используете программу, которая позволяет это сделать, вы обнаружите, что добавить интересные функции на свой сайт несложно.