Como hacer una barra de búsqueda con metadatos

Me gustaría hacer una seccion para mi web, con imagenes como se puede ver en la foto. El problema es;

¿Como añado una barra de busqueda que busque por etiquetas que yo le asigne a cada imagen? ¿Como añado etiquetas a las imágenes?

Para que se entienda lo que me gustaria hacer, por ejemplo si en la barra de busqueda pongo “comida”, me salgan todas las fotos que yo etiqueté como “comida”.

Se html, css y muy poco de java y php.

Boceto: https://i.stack.imgur.com/mHd7y.png

Y aqui un JSFIddle para ilustrar dinamicamente la cuestion:

https://jsfiddle.net/ujy1hfdv/