aspas e apóstrofes

Boa tarde pessoal,

minha dúvida é mista, tem a ver com php, html, javascript. Mas são sobre as queridas aspas e apóstrofes.

Vou mostrar abaixo os seguintes problemas que elas podem gerar e se alguem souber a solução por favor.

<?

$dados = 'calça "M"';
?>
<input type="text" value="<?$dados;?>">

quando entrar no HTML ficará:

<input type="text" value="calça "M"">

ou seja, ferrou o HTML.

apóstrofes em funcao javascript:

quero dar um alert de Caixa D'agua

<input type="button" onclick="alerta('Caixa D'agua')">

ou seja, ferrou o Javascript

Alguém conhece alguma solução definitiva para estas benditas.....?

Obrigado antecipadamente