Metals and non-metals bond using ionic bonding. The metal gives away electrons and the non-metal receive, and since electrons are negative in charge the metal becomes positive and the non-metal negative. This makes them attract each other forming ionic bond. Both metals and non metals form ion because they want to achieve noble gas like electronic configuration.
ex:
Li F
Group 1 Group 7
Li+ F-
Metals' most common oxidation states (charges) are positive, eg. Fe 3+. Nonmetals' oxidation states (charges) are always going to be negative, eg. Cl-. A negative ion and a positive ion attract to form an ionic bond.