Electrons and Protons are matter, and have mass.
Electrons are leptons, believed to be indivisible, and are not made of quarks.
Protons are made of two Up quarks which each have a charge of +2/3 (+4/3) and also one Down quark which has a charge of -1/3, which adds up to +1.
Neutrons are made of one Up quark and two Down quarks, which adds to 0. Neutrons are quite happy in the nucleus of an atom, but if you pull one out they tend to die in about fifteen minutes. One of the Down quarks explodes and throws away an electron (changing its charge from -1/3 to +2/3 since an electron has -1) and an electron antineutrino (which is a very tiny uncharged mass of antimatter) making the Down quark into an Up quark, which makes the whole particle a Proton now.
Quarks are matter, and have mass.
Leptons like the electron, muon, and tau are matter, and have mass.
Their neutrinos are matter, much much smaller, and have mass.
Quarks also come in Top, Bottom, Strange, and Charm , but we aren't really sure what they "do" yet, aside from affecting certain masses and half-lives.
Quarks come in three distinct flavors: red, blue, and green. If you add quarks and get white (by having red, blue, green), they form a particle and their mass changes to reflect their new energy state of being bound together. Similarly if you have antiquarks (quarks of antimatter) in the mix, you can add quarks and get black (say you have a green, and an antimatter green) those also form a particle.
Most of these particles are extremely short-lived.
The electromagnetic force is responsible for making protons and electrons attract, and making protons repel each other, and making electrons repel each other, and making magnets fly and making your hair stick up when you get zapped by lightning. When an electron falls from a high energy orbit to a low energy orbit, it releases some electromagnetic energy which travels to another particle and adds that energy to it in the form of heat or by moving another electron to a higher energy state.
There's a limit to how small of a packet of electromagnetic energy can be released, and we call this the photon. It has no -rest- mass, but it does have a finite -apparent- mass due to traveling at the speed of light. It is not made of matter. It does not have rest mass. It does not take up space, so you can overlap them as much as you like. It vibrates like a wave, however, so there is a limit to how small a hole it can go through.
Light is made of pure electromagnetism.