Как да направите интерактивни елементи на HTML таблица клетки

Кликванията позволяват на хората и компютрите да комуникират. Кликнете върху бутон или връзка и компютърът ви ще отговори.

Стъпка 1

Стартирайте HTML редактора или Notepad и отворете HTML документ.

Стъпка 2

Поставете кода, показан по-долу, на документа:

Нормална клетка	Нормална клетка
Кликнете тук, за да посетите Белия дом	Кликнете, за да изпълните JavaScript функция

Този код създава таблица, която съдържа два реда и две колони. Маркерите "td" определят клетката на таблицата. Всичко между тези клетки става част от него. Погледнете двата котва, които се появяват в последните две клетки. Атрибутът "href" сочи от първата котва до уебсайта на Белия дом. Следващият котвен етикет добавя към него събитие "onclick". Това събитие извиква функцията за предупреждение в JavaScript.

Стъпка 3

Запишете HTML документа и го отворете във всеки браузър. Ще се появи таблицата. Преместете курсора на мишката над клетките в таблицата. Курсорът се променя на указател, когато го преместите върху последните две клетки на таблицата.

Стъпка 4

Кликнете върху връзката "Кликнете тук, за да посетите Белия дом". Изследователят ще посети Белия дом. Кликнете върху връзката "Кликнете, за да изпълните JavaScript функция". Функцията за предупреждение работи и показва изскачащо съобщение.