A etiqueta
<span></span>
é uma etiqueta bastante utilizada em HTML e permite-te destacar certos elementos do teu website ou texto. Esse destaque pode ser por exemplo, colorir o teu texto, adicionar fundo ao teu texto ou dar outros efeitos quando o rato passa por cima do teu texto.
Um exemplo:
<span style="background-color: #FFFF00">Texto destacado</span>
Outro exemplo:
<span title="Porreiro!"><b>Passa com o rato por cima</b></span>
No caso da situação "onclick" isto desencadeia uma acção para quando clicares nessa parte do texto como por exemplo, ir para outro link no teu website ou então alterar a cor do texto quando clicares com o rato.
Tens um exemplo de código aqui:
<span onclick="alert('Bem vindo!')"><i><b>Preparado?</b></ i></span>
No código acima vai te aparecer uma janela a dizer "Bem vindo!" quando clicares no texto "Preparado?"
Na função onclick podes fazer aquilo que quiseres, desde integrar isso com Javascript como guardar uma valor numa base de dados.
Para saberes melhor sobre as acções que podes utilizar podes consultar
esta página e
esta.
Espero ter-me feito entender