id는 엔터티, <tr, <span 등에 붙이는 고유 아이디고

class는 해당 엔터티에 어떤 스타일을 지정할지 고르는 것입니다.

http://sir.co.kr/bbs/board.php?bo_table=tip_css&wr_id=286&page=3

일반적으로, block은 다른 block과 inline를 포함 됩니다.
block은 inline의 상위구조 입니다.
일반적인 속성의 block은 새로운 줄을 만듭니다.
DIV는 block level element 의 Grouping Block 에 속합니다.


SPAN은 inline level element 의 Grouping inline 에 속합니다.
text level element 라고도 불립니다.
block의 내부에 위치하며, 다른 inline과 data, object를 포함 합니다.
block의 하위구조이며, data, object의 상위구조.

일반적인 속성의 inline은 새로운 줄을 생성하지 않고, 줄내부에 위치함.

span 은 말 그대로 한 영역(줄글 내에서 일부)을, p는 한 paragraph(줄글에서 문단)를, div는 한 division(화면상 분할된 영역)을 지정합니다. 태그들이 큰 차이는 없지만, 각각이 의미하는 것이 있고, 거기에 맞게 코딩하는 것이 너도나도 떠들어대는 "웹표준"입니다.
다음 링크를 참고하면 도움이 될 겁니다.

http://www.w3schools.com/TAGS/tag_span.asp
http://www.w3schools.com/TAGS/tag_p.asp
http://www.w3schools.com/TAGS/tag_div.asp

문자가 틀립니다. ㅋㅋ

의미에 맞게 써야지, DIV만 쓴다던지 P만 쓴다던지 하면 그것은 떡칠이죠.
그닥 알려진 말은 아니지만 'DIV 떡칠'이라는 말도 있습니다.