Come con molti effetti che si possono ottenere con HTML, esistono diversi modi di approcciare l'effetto di testo barrato. Utilizzare questo effetto con parsimonia, come può essere fonte di distrazione per i visitatori del tuo sito Web. Barrato testo è utile per insegnare ai visitatori una procedura con un elenco di passaggi numerati o puntati. Si può ricordare loro di passaggio corrente mostrando in stile normale, mentre è visualizzata la procedura già completata in stile barrato.
Istruzioni
1
Creare un nuovo documento in un elaboratore di testo o un editor di testo e incollare in esso il codice HTML tag questo paragrafo. Questi tag raccontare il vostro browser che il documento non è testo, ma HTML. La regione tra i tag di "testa" è dove è possibile specificare gli stili di testo nella specifica di fogli stile CSS, che è meglio conosciuto come CSS. La regione di "corpo" è per la scrittura dei codici html che applicano tali stili.
< html >
< head >
< / head >
< corpo >
< / body >
< / html >
2
Incollare i seguenti tag appena dopo il tag HTML "< body >". Questi tag mostrano un modo di visualizzazione barrato testo in un documento HTML. Il tag "< strike >" indica il browser che il testo che racchiude deve essere barrato.
< sciopero >
< P > testo </p >
< / strike >
3
Salvare il documento sul disco rigido con il tipo di file di "testo" e una file con estensione "htm" o "html". Ad esempio, si potrebbe salvare il documento come "C:\users\ClarkKent\MyPage.html"
4
Aprire Windows Explorer, quindi fare doppio clic sul file che appena salvato. Il tuo browser per aprire e visualizzare le parole "Some text" come barrato.
5
Incollare il codice seguente nel documento HTML aperto nel vostro word processor, dopo il tag "</p >". Questo esempio utilizza il tag "< strike >" per barrare il testo all'interno di un paragrafo. Nell'esempio precedente ha barrato il testo completo di un paragrafo.
< P > testo è < strike > barrato < / strike >. Alcuni non è. </p >
6
Salvare nuovamente il documento in vostro elaboratore di testi, quindi premere "F5" per aggiornare la pagina nel browser. Il browser visualizzerà il nuovo paragrafo specificato, tra cui sua attraversato fuori e normalmente in stile testo.
7
Incollare il testo seguente dopo il tag "< head >" nel documento aperto di editor di testo. Questo codice è in notazione CSS e organizza gli elementi grafici della pagina insieme al testo. Il termine ".crossout" non è una parola chiave, ma un'etichetta che scelto per richiamare il codice CSS che segue quell'etichetta. Il termine di "text-decoration" è una parola chiave CSS dicendo interprete CSS del tuo browser che l'etichetta "crossout" dovrebbe innescare stilizzate del testo.
< STYLE TYPE = "text/css" >
.crossout {text-decoration: linea-attraverso;}
< / stile >
8
Digitare o incollare il codice HTML che segue dopo l'ultimo "</p >" nel vostro word processor. Questo codice si applica l'effetto di testo "crossout" appena specificato a un paragrafo in HTML.
< P class = "crossout" > testo </p >
9
Salvare nuovamente il documento Web, quindi aggiornare il documento nel browser utilizzando le istruzioni fornite in precedenza. Il browser leggerà i nuovi codici HTML e CSS che hai scritto e visualizzare il nuovo paragrafo con il testo barrato.