1 1 1 1 1 1 1 1 1 1 (0 Votes)

Esempio 57: usiamo le tipiche proprietà Css che creano dei layout applicate in questo esempio al tag "P" (paragrafi). Le proprietà trasformano l'area intorno agli oggetti formando dei blocchi colorati con testo giustificato e spaziato (altezza linea con line-height).   Risultato

<!DOCTYPE html>

<html lang="it">

<head>

<meta charset="UTF-8">

<title>Titolo del documento</title>

<style>

p {
padding:30px;
width:60%;
background:#999;
line-height:1.4em;
text-align:justify;
}

</style>

</head>

<!-- esempio utile per vedere oggetti block level -->

<body>

<h1>Iran, Khamenei: 'attacco a Usa dalle mani di Allah. Pentagono, soldati Usa in ospedale dopo raid Iran.</h1>

<p>"Nelle ultime due settimane ci sono state giornate amare e dolci, un punto di svolta nella storia. I due grandi avvenimenti dei funerali del generale Qassem Soleimani e del giorno in cui l'Iran ha attaccato le basi Usa sono stati 'Giorni di Allah'. I due episodi, miracoli delle mani di Allah, hanno mostrato il potere di una nazione che ha dato uno schiaffo in faccia agli Usa e che la volontà di Allah è continuare il cammino e conquistare la vittoria". Lo ha detto la Guida suprema iraniana Ali Khamenei nel suo primo sermone dopo 8 anni alla preghiera islamica a Teheran.</p>

<p>"Ho detto sin dall'inizio che non ho alcuna fiducia nel dialogo con l'Occidente sulle nostre attività nucleari e nei gentiluomini che siedono ai tavoli negoziali e vestono guanti di seta sulle loro mani di ferro. Sono al servizio degli Usa. Il dialogo con loro è un inganno", ha detto ancora.</p>

<p>Donald Trump - ha attaccato - è un "pagliaccio" che finge di sostenere il popolo iraniano ma poi lo "colpirà alle spalle con un pugnale velenoso", dopo che il presidente americano aveva dichiarato anche con un tweet in farsi di supportare le manifestazioni contro la Repubblica islamica.</p>

</body>

<!-- esempio realizzato o adattato per il corso gratuito Html/Css di https://www.guideinformaticagratis.it/ -->

</html>

Risultato  






Commenti (0)

There are no comments posted here yet

Lascia i tuoi commenti

  1. Posting comment as a guest.
Allegati (0 / 3)
Share Your Location