March 3
HTML, i proprietari del sito lingua utilizzare per creare pagine Web, non ha strumenti di disegno. Se Web designer vogliono creare grafica come cerchi o linee, devono usare linguaggi di scripting per eseguire questo compito. Se la pagina ha bisogno di una linea verticale, è possibile utilizzare un semplice trucco CSS per convertire un elemento riga orizzontale in una linea che si muove dall'alto verso il basso nella pagina Web.
1 Avviare KompoZer e premere il tasto "Ctrl" e "N." Si apre la finestra "Crea un nuovo documento". Fai clic su "Crea un documento XHTML," e quindi fare clic su "Crea".
2 Fare clic sul pulsante "Source" in fondo KompoZer. Viene visualizzato il codice per un documento HTML vuoto. Incollare il seguente codice HTML nella sezione del documento "<body>":
<Class hr = "linea" />
Questo crea un elemento riga orizzontale che fa riferimento a una classe CSS chiamata "linea". Norme orizzontali creano linee che corrono da sinistra a destra attraverso una pagina Web.
3 Copiare il seguente testo e incollarlo nella sezione del documento "<head>":
<Style type = "text / css">
.line {position: absolute; top: 100px; sinistra: 200px; altezza: 300px; Larghezza: 2px;
</ Style>
Questa classe CSS denominata "linea" definisce le caratteristiche di visualizzazione della regola orizzontale. Impostando il valore della larghezza di 2 pixel, si forza browser per creare una linea verticale. I valori per il top e la larghezza determinano dove appare la linea verticale nella pagina Web. L'attributo altezza imposta l'altezza della linea.
4 Premere il tasto "Ctrl" e "S" per aprire la "Salva pagina come" finestra. Inserire un nome per il file HTML nella casella di testo "Nome file", e quindi fare clic su "Salva" per salvare il documento sul disco rigido.
5 Aprire il documento nel browser. Si vedrà una linea verticale posizionata nella posizione definita dai valori degli attributi superiore e sinistro definite nella classe CSS.