Questo articolo è un articolo speculare di traduzione automatica, clicca qui per saltare all'articolo originale.

Vista: 14116|Risposta: 1

[HTML/HTML5] Tre giorni di apprendimento HTML: Riassunto dell'apprendimento della lingua HTML (imperdibile per i principianti)

[Copiato link]
Pubblicato su 22/12/2014 23:05:45 | | |


Una compilazione di codice comune

1. Testo del titolo <h#>......</h#> #=1~6; h1 è la parola più grande, h6 è la parola più piccola

2. Cambi di font <font>......</font>

[1] Dimensione del font <dimensione del font=#>......</font> #=1~7; Più grande è il numero, più grande è il carattere

[2] Specifica il font <font face="font name">......</font>

[3] Colore del testo <colore del font=#rrggbb>......</font> rr: Codice colore rosso della tabella gg: Codice colore verde della tabella BB: Codice colore blu della tabella

3. Visualizzare il carattere piccolo <small>......</small>

4. Visualizzare <big>......</big> carattere di grandi dimensioni

5. <b>Grassetto ......</b>

6. <i>Corsivo ......</i>

7. Font per macchina <tt>da scrivere ......</tt>

8. <u>Conclusione ......</u>

9. <strike>Cancellamento ......</strike>

10. <sub>Pedice ......</sub>

11. Etichetta <sup>......</sup>

12. Effetto di lampeggiamento <blink>del testo ......</blink>

13. <br>Interruzioni di linea

14. <p>Segmentazione

15. Direzione di allineamento del testo <p align="#"> #号可为 sinistra: Tabella allineata a sinistra (valore predefinito) centro: Tabella allineata al centro a destra: Tabella allineata a destra P.S.<p align="#"> Il testo successivo sarà visualizzato nell'insieme di allineamento fino a

Un altro <p align="#" appare > cambiare la direzione dell'allineamento e, quando incontra <hr>l'etichetta <h#>, torna automaticamente all'allineamento sinistro predefinito.

16. Divisori <hr>

[1] Lo spessore del divisore <dimensione delle ore = il numero di punti>

[2] Larghezza del divisore <dimensione delle ore = numero di punti o percentuale>

[3] Direzione di allineamento del divisore <hr align="#"> #号可为 sinistra: Tabella allineata a sinistra (valore predefinito) centro: Allineata al centro destra: Allineata a destra

[4] Il colore del divisore <hr color=#rrggbb>

[5] Divisore solido < ora noshade>

17. Allineamento <center>centrato ......</center>

18. Esposizione <pre>......</pre> nello stile originale

19. <body>Attributi delle istruzioni

[1] Colore di sfondo -- bgcolor <corpo bgcolor=#rrggbb>

[2] Pattern di sfondo -- sfondo <corpo background="nome file grafico">

[3] Imposta il pattern di sfondo non scorrerà -- bgproperties <body bgproperties=fixed>

[4] Il colore del testo nel contenuto del file -- testo <testo del corpo=#rrggbb>

[5] Colore del testo del collegamento ipertestuale -- link <collegamento del corpo=#rrggbb>

[6] Il colore del testo del collegamento ipertestuale selezionato -- vlink <corpo vlink=#rrggbb>

[7] Il colore del testo iperlinkato -- alink <body alink=#rrggbb>

1. Immagini

1. Inserire l'immagine <img src="nome file grafico" >

2. Imposta il frame -- bordo <img src="nome file grafico" border=punti>

3. Impostare la dimensione del grafo -- larghezza, altezza <img src="nome file di disegno" larghezza = larghezza punti altezza = punti altezza>

4. Imposta la grafica per lasciare spazio su e giù, sinistra e destra, sinistra e destra, -- vspace, hspace <img src="nome file grafico" vspace=punti spazio su e giù hspace=punti vuoti sinistro e destro>

5. Note grafiche <img src="nome file grafico" alt="didascalia">

6. Precarica delle immagini

<img src="nome file grafica ad alta risoluzione" lowsrc="nome file grafico a bassa risoluzione"> P.S. La dimensione grafica dei due grafici dovrebbe essere la stessa

7. Mappa immagine <img src="Nome file grafico" usemap="#图的名称"> <nome mappa="Nome dell'immagine">

<area forma=coordinate forma=area lista coordinate href="URL del punto di collegamento">

<area forma=coordinate forma=area lista coordinate href="URL del punto di collegamento">

<area forma=coordinate forma=area lista coordinate href="URL del punto di collegamento">

<area forma=coordinate forma=elenco delle coordinate dell'area href="URL del link"> </map>

[1] Definisci la forma -- forma

forma=retto:rettangolo forma=cerchio:forma cerchio=poli:poli:poligono

[2] Definisci la regione -- coords

a. Rettangolo: Devono essere usati quattro numeri: i primi due sono le coordinate in alto a sinistra e gli ultimi due sono le coordinate in basso a destra

Ad esempio: <area forma=coordinate rettanti=100,50,200,75 href="URL">

b. Cerchio: Devono essere usati tre numeri: i primi due sono le coordinate del centro del cerchio e l'ultimo numero è la lunghezza del raggio

Ad esempio, <area forma=coordinate cerchio=85,155,30 href="URL">

c. Qualsiasi figura (poligono): Compilare le coordinate di ogni punto di svolta della figura in ordine

Ad esempio: <area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL"

2. Legato alla tabella

1. Titolo della tabella

<caption>......</caption>

Posizione dell'intestazione della tabella -- allineamento

<didascalia align="#"> #号可为 in alto: Il titolo della tabella è posizionato sopra la tabella (valore predefinito)

In basso: Il titolo della tabella è posizionato sotto la tabella

2. Definire <tr>colonne

3. Definire la colonna 《1》<td>: Allinearsi a sinistra

《2》<th>: Allineamento ii. grassetto

[1] Posizione orizzontale -- allineare <th align="#">

#号可为 sinistra: Allineati a sinistra

centro: Allineati al centro Destra: Allineati a destra

[2] Posizione verticale -- allineare < allineamento="#"> #号可为

in alto: Allinearsi al centro: Allinearsi al centro

in basso: Allineati verso il basso

[3] Larghezza della colonna -- larghezza

< larghezza=numero di punti o percentuale>

[4] Fusione verticale delle colonne -- campata a righe

<esimo rowspan=Voglio unire il numero di colonne >

[5] Fusione orizzontale delle colonne -- colspan

<° colspan=Voglio unire il numero di colonne>

3. STRUTTURA

1. Comando finestra <frameset>divisa ......</frameset>

[1] Divisione verticale (su/giù) -- file

<frameset righe=#> #号可为点数: Se vuoi suddividerlo in tre finestre, 100, 200, 300, allora

<righe frameset=100.200.300>; Può anche essere rappresentato da un segno *, come <frame set righe=*,500,*>

Percentuale: Ad esempio< righe del frameset = 30%, 70% >, la somma di ogni elemento dovrebbe essere 100%

[2] Divisione orizzontale (sinistra/destra) -- cols <frameset cols=punti o percentuale>

2. Specificare il contenuto della finestra <frame>--

<frameset cols=30%,70%> <frame> <frame> </frameset>

[1] Specifica il nome file della finestra -- src <frame src=nome file HTML>

[2] Definisci il nome della finestra -- nome

<nome del frame=nome della finestra>

[3] Imposta la distanza tra la fascia e i bordi superiore e inferiore -- marginheight

<margine del fotogrammato altezza=numero di punti>

[4] Imposta la distanza tra il file e i bordi sinistro e destro -- marginwidth

<marginwidth del frame=numero di punti>

[5] Imposta lo scorrimento della finestra divisa -- scorrimento

<frame scrolling=#> #号可为 sì: Riboli a scorrimento fissi

no: Nessun scorrimento appare automatico: Determina automaticamente se la dimensione del file è necessaria per scorrere (valore predefinito)

[6] Blocca la dimensione della finestra divisa -- noresize <cornice noresize>

Traslazione del Tipo di Segno o Funzione di Significato Osservazioni

Etichettatura file

<HTML> ● Dichiarazione file Avvisa il browser che si tratta di un file HTML

<HEAD> ● Inizio Fornire le informazioni generali del documento

<TITLE> ● Title Definisce il titolo del file, che sarà visualizzato in cima alla navigazione

<BODY> ● Questo articolo progetta il formato del file e il contenuto del testo

Marchio tipografico

<!-- Note --> ○ Segnale Descrizione Aggiungi una descrizione al file, ma non viene visualizzata

<P> ○ Markup paragrafo Lasciare una linea bianca tra parole, disegni, tabelle, ecc

<BR> ○ Segni di rottura di linea Fanno apparire parole, disegni, tabelle, ecc. sulla riga successiva

<HR> ○ Linea orizzontale Inserisci una linea orizzontale

<CENTER> ● Centrato per mostrare parole, disegni, tabelle, ecc. al centro Opposizione

<PRE> ● Il formato preset fa visualizzare il file secondo la disposizione del codice sorgente

<DIV> ● Marcatori separati Impostano la posizione di parole, disegni, tabelle, ecc.

<STRONG> ● Accentua il tono Produce l'effetto di font grassetto

<B> ● Il markup in grassetto crea l'effetto del grassetto del font

<EM> ● I font con segno di enfasi hanno un effetto corsivo

<I> ● Markup corsivo Il carattere ha un effetto corsivo

<TT> ● Tipografia font Courier con la stessa larghezza delle lettere

<U> ● Aggiungi una linea di fondo Aggiungi una linea di fondo contro

<H1> ● Il segno del titolo di primo livello diventa più spesso, più grande e più largo, e il grado è inversamente proporzionale al numero di serie

<H2> ● I marcatori secondari rendono i font più spessi, più grandi e più larghi

<H3> ● Marcatori titoli a tre livelli: Rendere i font più spessi, più grandi e più larghi

<H4> ● Marcatore del titolo a quattro livelli per rendere il carattere più spesso, più grande e più largo

<H5> ● Il marcatore titoli a cinque livelli rende i font più spessi, grandi e larghi

<H6> ● Marcatore del titolo a sei livelli per rendere il carattere più grassetto, più grande e più largo

<FONT> ● Marcatori di glifi Imposta glifi, dimensioni e colori su di essi

<BASEFONT> ○ Il marcatore di glifo base mette tutti i glifi, dimensioni, colori opposti

<BIG> ● Ingrandimento del font Rendi il carattere leggermente più grande

<SMALL> ● Riduzione del font Rendi il font leggermente più piccolo

<STRIKE> ● Disegna una linea da eliminare Aggiungi un cancello al font Opponi

<CODE> ● Il font del codice di programma è leggermente più largo, come ad <TT>esempio

<KBD> ● Il font della tastiera è leggermente allargato, con un singolo spazio vuoto

<SAMP> ● Esempio Il font è leggermente allargato, come <TT>ad esempio

<VAR> ● Effetto corsivo variabile

<CITE> ● Citazioni biografiche con effetto corsivo

<BLOCKQUOTE> ● Citazione del font di rientranza del blocco di testo

<DFN> ● Definizione di predicato Effetto corsivo

<ADDRESS> ● Effetto corsivo del marcatore di indirizzo






Precedente:Wireshark Network Analytics è così semplice
Prossimo:Strumento di attacco anti-DDoS di Linux (D) fa il deflare
Pubblicato su 25/12/2014 23:42:59 |
Tre giorni è un HTML un po' esagerato da vedere
Disconoscimento:
Tutto il software, i materiali di programmazione o gli articoli pubblicati dalla Code Farmer Network sono destinati esclusivamente all'apprendimento e alla ricerca; I contenuti sopra elencati non devono essere utilizzati per scopi commerciali o illegali, altrimenti gli utenti dovranno sostenere tutte le conseguenze. Le informazioni su questo sito provengono da Internet, e le controversie sul copyright non hanno nulla a che fare con questo sito. Devi eliminare completamente i contenuti sopra elencati dal tuo computer entro 24 ore dal download. Se ti piace il programma, ti preghiamo di supportare software autentico, acquistare la registrazione e ottenere servizi autentici migliori. In caso di violazione, vi preghiamo di contattarci via email.

Mail To:help@itsvse.com