September 14
Web designer utilizzano elenchi puntati per più di proiettili appena aggiunta e testo. Il tag HTML utilizzato per creare elenchi puntati è utile per la creazione di menu o l'organizzazione di immagini per un JavaScript per caricare in una presentazione. Imparare ad usare il codice foglio di stile CSS in combinazione con elenchi puntati - chiamato "liste non ordinate" in gergo HTML - aprirà diverse possibilità Web-design emozionante.
1 Aprire il file HTML contenente l'elenco puntato e cercare tra i tag <head> e </ head> tag verso la parte superiore del codice. Aggiungere <style> e </ style> tag se non sono già presenti. Se il codice include un tag <link> da qualche parte dopo il tag <head> e che <link> contiene un riferimento a un file CSS, quindi aprire il file, invece. Il tuo codice CSS va tra i </ style> tag <style> e o su una nuova linea del vostro file CSS.
2 Allineare il testo all'interno di tutti i proiettili impostando "text-align" per il tag <ul>. Il tag <ul> avvolge i </ li> <li> e definirli come parte di un unico elenco. Quando si allineare il testo per il tag <ul>, l'allineamento colpisce testo in ogni proiettile, ma non si allinea la lista stessa a destra o sinistra della pagina. Ecco un esempio di codice CSS per impostare "text-align":
ul {text-align: right;}
Si noti che i proiettili non si muovono con il testo. I proiettili rimangono a sinistra in questo caso.
3 Allineare l'intero elenco a sinistra oa destra della pagina impostando "galleggiare" per il tag <ul>. Quando "float" è impostato a sinistra oa destra su un tag <ul>, si muove l'intero elenco puntato a sinistra oa destra della pagina. Impostare float in questo modo:
ul {float: right;}
È possibile impostare "galleggiare" a sinistra oa destra, ma non al centro.
4 Avvolgere le <ul> tag <div> e </ div> tag per creare un involucro che centrare l'elenco puntato sulla tua pagina. Il tuo codice risultante sarà simile a questa:
<Div>
<Ul>
<li>List Item</li>
<li>List Item</li>
</ Ul>
</ Div>
Il tag <div> non centra nulla da solo; è necessario utilizzare i CSS per centrare tutto. Aggiungere il seguente codice tra i tag <style> o nel file CSS per centrare l'elenco puntato:
div {display: block; text-align: center;}
ul {display: inline-block; text-align: left;}