In HTML, le tabelle sono progettate per organizzare dati troppo estesi o complessi e sono completamente rappresentate nel paragrafo. Consente al lettore di visualizzare rapidamente i risultati. Inoltre, le tabelle possono essere utilizzate per concentrarsi su sviluppi o modelli all'interno delle informazioni e per aumentare l'accessibilità di un articolo escludendo le informazioni quantitative basate sul testo.
Questo post spiega il metodo per la creazione della tabella "
" dentro il "
"Elemento.
Come creare una tabella "
" Dentro "
"?
Per creare una tabella "
" dentro il "
", Innanzitutto, crea un tavolo con un"
"Elemento. Quindi, dentro il "
"Elemento, definisci le righe della tabella usando il"
"Tag.
Per implicazioni pratiche, prova la procedura dichiarata.
Passaggio 1: crea un contenitore "div"
Innanzitutto, utilizza il “"Elemento per creare un contenitore div. Inoltre, inserire un “id"O attributo di classe con un nome particolare. In questo caso, l'attributo ID viene assegnato il valore "contenuto".
Passaggio 2: crea una tabella
Successivamente, crea un tavolo con l'aiuto di "
"Tag. Inoltre, inserisci le righe della tabella usando "
"Elemento e dati con"
".
Passaggio 3: aggiungi "
" Dentro "
"Tag
All'interno dell'elemento TD, inserire un'altra riga con l'aiuto di "
"Tag. Seguendo la stessa procedura sopra indicata:
Prima organizzazione
Seconda organizzazione
riga della tabella all'interno dei dati della tabella
riga della tabella all'interno dei dati della tabella
Terza organizzazione
Quarta organizzazione
Produzione
Come modellare il tavolo "
" dentro "
"?
Per modellare il tavolo "
" dentro "
", Gli utenti possono utilizzare le varie proprietà CSS. Per fare ciò, seguire la procedura data.
Passaggio 1: applicare lo stile CSS sul contenitore "contenuto"
Accedi al "div"Contenitore usando il"id"Valore, che è"contenuto"E applica le seguenti proprietà CSS:
Qui, applica le proprietà CSS secondo la tua scelta. Nel nostro caso, il "imbottitura","confine", E "colore"Sono utilizzati per lo styling delle righe della tabella nei dati della tabella.
Dall'output indicato, si può osservare che abbiamo aggiunto con successo "
" dentro "
"E lo disegnò di conseguenza:
Si tratta solo di aggiungere e styling the Table TR all'interno del TD.
Conclusione
Per inserire la tabella TR all'interno del TD, prima, creare una tabella utilizzando il “
"Tag. Quindi, specifica il “
" E "
"All'interno del tavolo. Dopodiché, all'interno del "
"Tag, inserisci"
"Per aggiungere righe all'interno dei dati della tabella e modellali utilizzando le proprietà CSS. Questo post ha spiegato sull'aggiunta del tavolo TR all'interno del TD.
