Suggerimento 1: come impostare la larghezza di una tabella

Computer e Software

Suggerimento 1: come impostare la larghezza di una tabella

Istruzioni per il linguaggio HTML (HyperText Markup Language o "HyperText Markup Language") che si formano tavoli, inserito nelle pagine web, fornireun numero piuttosto elevato di parametri aggiuntivi. Ciò consente, a differenza di altri elementi di blocco, di impostare le dimensioni non solo con l'aiuto del linguaggio CSS (Cascading Style Sheets o "Cascading"). tavoli stili "), ma anche i mezzi di HTML stesso.

istruzione

Usa l'attributo width del tag table per specificare la larghezza tavoli in pixel. La tabella tag (la dichiarazione HTML) consiste di una parte di apertura (<table>) e una parte di chiusura (</ table>), tra cui i tag che formano stringhe e celle tavoli. Il tag di apertura può essere posizionatoparametri aggiuntivi (attributi), l'elenco dei quali per ogni tag specifico è determinato dagli standard internazionali. Per il tag table, questi standard consentono l'uso dell'attributo width, che specifica larghezza tavoli in pixel. Guarda il codice HTML del più semplice tavoli con un tag che definisce larghezza in 500 pixel, ad esempio, può essere così: <table width = "500"> <tr> <td> 1a cella </ td> <td> 2a cella </ td> </ tr> </ table>

Aggiungi un carattere% al valore dell'attributo width, if larghezza tavoli è necessario specificare in percentuale, anziché in pixel:<Table width = "60%"> <tr> <td> prima cellula </ td> <td> 2 ° cella </ td> </ tr> </ table> Si noti che queste percentuali non necessariamente essere contati la larghezza della finestra del browser. Qui ha la struttura documento di valore - come una bambola di nidificazione annidati non può essere più ampia di quella in cui è incorporato, e il 100% della larghezza tavoli non può essere maggiore della larghezza dell'elemento genitore. Ad esempio, se la tabella si trova all'interno del blocco div, verrà accettato il 100% della larghezza di questo blocco.

Utilizzare le istruzioni della lingua di descrizione dello stile se si desidera specificare la stessa larghezza tabelle inserite in una pagina web. Per fare questo, prima inserisci i tag di apertura e di chiusura che limitano le istruzioni del linguaggio CSS nella parte dell'intestazione dell'HTML (tra <head> e </ head>): <style type = "text / css"> / * qui ci saranno le istruzioni CSS * / </ style> Quindi, tra questi tag, inserisci il seguente codice CSS: table {width: 100px;} Qui, la tabella indica che la descrizione collocata all'interno delle parentesi dovrebbe essere applicata a tutti i tag della tabella incontrati nel codice della pagina. Bene, la larghezza del parametro specifica larghezza. Anche qui, si può usare il parente larghezza in percentuale.

Specificare nel codice CSS e nel tag HTML della tabella il nome della classe, se specificato larghezza non per tutti i tavoli, ma solo per uno odiversi. Ad esempio, lascia che la classe che contrassegna un gruppo di tabelle strette venga chiamata tiny. Quindi la descrizione del suo stile può avere questo aspetto: table.tiny {width: 100px;} E il tag corrispondente di una delle tabelle nel codice HTML è: <tt> <tt> 1st cell </ td> <td> 2a cella </ td> </ tr> </ table>

Suggerimento 2: come impostare la larghezza

Larghezza della colonna nei documenti del foglio di calcoloMicrosoft Office Excel determina la facilità d'uso e l'aspetto. Questo parametro è particolarmente importante quando si stampano le tabelle. In Excel, ci sono diversi modi per impostare la larghezza delle colonne: l'introduzione di numeri, il trascinamento dei bordi. E puoi fidarti della selezione del parametro per il programma stesso.

Avrete bisogno

Foglio di calcolo di Microsoft Office Excel.

istruzione

Per impostare la stessa larghezza fissaraggruppa le colonne della tabella che iniziano con la loro selezione. Fare clic sul titolo di una delle colonne, quindi premere il tasto Maiusc e utilizzare la freccia sinistra o destra per espandere la selezione alle altre colonne desiderate.

Scegli uno dei modi per impostare la larghezza pergruppo di colonne selezionate. Puoi farlo specificando un valore numerico esatto o selezionando visivamente la dimensione giusta. Per utilizzare la prima opzione, fare clic sull'intervallo di colonne selezionato con il pulsante destro del mouse e selezionare la riga "Larghezza colonna" nel menu di scelta rapida. Immettere un valore numerico e fare clic su OK. Le dimensioni predefinite delle celle in Excel sono specificate in unità denominate punti. Ognuno di loro è 1/72 di pollice o 1/28 di un centimetro.

La seconda opzione - visuale - è implementata conUsa il tuo mouse. Passa il puntatore al bordo tra le intestazioni di due colonne qualsiasi. Quando il cursore cambia aspetto e diventa una freccia orizzontale bidirezionale, premere il tasto sinistro e spostare o spostare il bordo alla larghezza desiderata.

Se è necessario installare per ogni colonna larghezza, corrispondente alla larghezza dei dati inseriti in esso,seleziona tutte le celle nel foglio di lavoro. Fare clic su una cella vuota all'intersezione delle intestazioni di riga e colonna. Quindi apri l'elenco a discesa "Formato", collocato nel gruppo di comandi "Celle" nella scheda "Home". Seleziona la riga "Adatta automaticamente larghezza colonna". Puoi farlo non solo con il puntatore del mouse, ma anche con la tastiera: premi il tasto "b" per andare a questa riga della lista, e poi il tasto Invio per attivarla.

Oltre alla larghezza delle colonne, Excel consente di specificare elarghezza dell'area di stampa, ad es. Impostare i limiti orizzontali del frammento della tabella da stampare sulla stampante. Per utilizzare questa opzione, selezionare l'intervallo di colonne desiderato, quindi fare clic sulla scheda Layout di pagina. Nel gruppo di comandi "Imposta pagina", espandere l'elenco a discesa "Area stampabile" e selezionare "Imposta".

Suggerimento 3: come creare un menu a comparsa

Con l'aiuto di un codice HTML competente e di semplici regole CSS, puoi creare un pop-up menu, completalo e cambialo. Se si utilizzano gli strumenti di tabelle a cascata e linguaggio di markup, è possibile garantire il corretto funzionamento del menu in tutti i browser.

istruzione

Attendere l'inizio della barra dei menu di base. Crea un elenco numerato speciale dal sottomenu in un editor di testo. Solitamente per questi scopi usa "Blocco note". Il sottomenu funge da elemento dell'elenco principale. Ad esempio: Il primo elemento L'elemento a discesa L'elemento a discesa 2 L'elemento a discesa 3 L'elemento a discesa 4 L'elemento a discesa 5

Salva questo elenco in un file html separato. Quindi creare un file .css. Inserisci tutti i parametri del foglio di stile necessari. Fai questo con molta attenzione, perché c'è un errore, e il menu a comparsa verrà visualizzato in modo errato o non funzionerà affatto.

Rimuovi tutti gli indicatori e il riempimento utilizzati nell'elenco non numerato. Imposta la larghezza del menu usando gli strumenti CSS: ul-style: none; width: 200px; }

Nota la posizione relativa di tutti gli elementi nella lista usando un attributo chiamato posizione: ul li: relativo; }

Quindi crea un sottomenu i cui elementi appariranno dal menu genitore sulla destra nel momento in cui il cursore del mouse si trova sopra l'oggetto: li ul: assoluto; a sinistra: 199px; in alto: 0; display: none; }

L'attributo left ha un pixel in meno di valore,rispetto alla larghezza del menu stesso. Ciò consente di posizionare correttamente i punti di pop-up senza creare i doppi bordi. L'attributo di visualizzazione viene utilizzato per nascondere il sottomenu all'apertura della pagina.

Specificare gli stili necessari per i collegamenti utilizzandoparametri corrispondenti css. Collegare il display: parametro di blocco in modo che i collegamenti occupino tutti i posti a loro riservati. Affinché il menu appaia quando il cursore del mouse si trova su di esso (hover), inserire il seguente codice: li: hover ul: block; }

Se lo si desidera, specificare parametri aggiuntivi per la visualizzazione di voci di elenco e collegamenti. Includi un attributo nel file .html. Il menu popup è pronto per l'uso.