how do you merge two bones into one?
With the two bones selected like in the picture in your question, simply press AltM.
That will merge the two bones and take care of the bone relations.





Or You could achieve the same thing in more steps by deleting the two bones, and "filling" a bone between the two ends that are left. Then going and editing the Bone Parent and checking Connected for the top bone.