|
HTML&CSSsommario 1. htmlFormato base <html> <head> <title> </title> </head> <body> </body> </html> 2. htmlRegole grammaticali per i tag <Attributo Nome del Tag1=Valore della proprietà1" attributo2=Valore della proprietà2”>tag</Nome del tag> 3. Tag iperlink <a href="dove saltare" ></a> Funzione: Salto pagina. Domanda: Se vuoi rendere un'immagine (picture1.jpg) iperconnessa, come dovresti scriverla? <a href=""><img src="picture1.jpg" /></a> 4. Sintassi delle tabelle <table> <tr> <td> Forme piccole </td> <td>Contenuto</td> </tr> </table> Nota: Il contenuto del modulo deve essere scritto inTDall'interno 5. Attributi comuni delle tabelle a) Tabella:bordo=Numeri(Bisello) colore del bordo=Colore del bordobgcolor=Colore di sfondocellspacing=Numero (distanza tra celle) cellpadding=numero (distanza tra il contenuto e il bordo della tabella)altezza="Numeri fissi|Percentuale%"Altezzalarghezza="Numeri fissi|Percentuale%"Larghezza b) Tr: bgcolor=Colore di sfondoaltezza="Numeri fissi|Percentuale%"Altezzalarghezza="Numeri fissi|Percentuale%"Larghezzacolore del confine c) Td: bgcolor=Colore di sfondoaltezza="Numeri fissi|Percentuale%"Altezzalarghezza="Numeri fissi|Percentuale%"Larghezzacolspan=Numeri (colonne di fusione)Rowspan=Numeri (Righe di Unimento)colore del confine Domanda: Come impostare lo spessore e il colore del bordo quando l'immagine è centrata? Larghezza del bordo Colore del bordo 6. Forme a) Funzione: Inviare dati al server b) Sintassi:<forma ></form> c) Elementi di forma 1. inputTag i. Testo<tipo di input=testo /> ii. Password<tipo di input=password /> iii. Scelta unica<tipo di input=nome radio="Nome uguale" /> iv. Scelte multiple<tipo di input=casella di spunta /> V. Bottoni<tipo di input=pulsante /> Invia<input type=invia /> Reset<tipo di input=reset> Attributi: Testo:dimensione=Lunghezza del testoLunghezza maxima=È possibile inserire il numero massimo di personaggi Seleziona:VerificatoSelezionato di default Bottoni:valore=Il testo mostrato sopra il pulsante 2Etichette a tendina: Sintassi, Proprietà <seleziona più(Sono possibili più selezioni)dimensione=Puoi vedere il numero di opzioni> <opzione selezionata(Selezionato di default)>Contenuto</option> </select> 7. CSSFoglie di stile a cascata Funzione: Arricchire i contenuti e ridurre il volume del codice Scrittura: Luogo (3specie) 1. In-row:Aggiungi attributi direttamente ai tagstile="proprietà:Valore dell'attributo;…” 2. Incorporazione:aTestaScrittura di etichette:<tipo di stile="testo/CSS"> Selezionatore{Proprietà:Valore dell'attributo;…} </style> Punti3Selettori di base:HTMLSelezionatore,ClasseSelezionatore di classe (.nome della classe),IdSelezionatore (#idNome) è l'unico 3. Esterno:Crea uno separato.cssfile, e poi aggiungi il codice di riferimento alla pagina che vuoi usare, sì2Tipo di scrittura Ricorda un: aTestaAggiungi tag all'interno<link rel="stylesheet" type="text/css" href="stylesheet filename.css”> Nota: Se c'è un conflitto nel foglio di stile, dai priorità all'inline prima di usare l'inline e infine usa all'esterno Domanda: UsoDIV+CSSDisposizione eTavoloPro e contro del layout? 8. Pseudoclasse (selettore) a:link {color: #FF0000} /* link non visitati */ a:visitato {color: #00FF00} /*Collegamenti che sono stati visitati*/ a:hover {color: #FF00FF} /* Muovi il mouse per collegare */ a:active {color: #0000FF} /*Link selezionato*/ 9. DIV(Modello Box) Funzione: SostitutotavoloTavolo Scrittura:<div>Contenuto (può essere annidato).div）</div> Utilizzo: larghezza e altezza del set, possono essere combinatePosizioneAttributi Proprietà comuni: 1. confine: Lo spessore della scatola 2. margine: la distanza tra le scatole 3. imbottitura: la distanza tra il contenuto della scatola e la scatola. 4. Altezza、Larghezza: Altezza, larghezza 5. Contesto: Colore della scatola, motivo 6. galleggiare: Il posto della palcaA sinistra、A destra 10. PassareTessitore di sogniCrea un modello Funzione: Ottenere lo stesso stile del sito web, ridurre la quantità di codice e migliorare l'efficienza dello sviluppo del sito Come creare e utilizzare i template 1. Crea: file à new à regular à HTMLsagomaà Create 2. Salva: Salva sul tuo sito web, nota: Il percorso corretto è che in fondo al sito appaia una cartella Template, che memorizza i file template (.dwt） 3. Scrittura: Proprio come scrivere pagine ordinarie, comporre e scrivere lo stesso stile di contenuto sul sito web. Per contenuti diversi, devi creare un'area modificabile (passa il mouse sull'area di modifica che vuoi creare al tasto destro e seleziona Template à Nuova area modificabile) 4. Creare una pagina basata su un template: File à New à Template à Seleziona il modello da utilizzare 11. Tessitore di sogniPunti di conoscenza correlati R. PassatoTessitore di sogniCrea un sito web: Sitoà New site à advanced à information locale Dai un nome al sito e imposta il percorso verso il sito Nota: Il percorso del sito non dovrebbe essere in cinese BFamiliaritàTessitore di sogniDobbiamo sapere come produrre i tag base che abbiamo imparato in precedenza L'attenzione è sulla tipografia della pagina attraverso le tabelle CInTessitore di sogniUsando un collegamento ipertestuale (indirizzi relativi e assoluti) 12. CSSAttributi comuni border:1px solid #000000; /*del confine3Attributi comuni*/ Larghezza; altezza; /*Imposta larghezza e altezza*/ test-align /*Imposta il contenuto al centro a sinistra e a destra*/ altezza di linea /*Il contenuto della regolazione è centrato su e giù*/ galleggiare /*Carro(Il floating deve essere usato per creare collegamenti ipertessuali orizzontali)*/ margine /*Imposta la distanza esterna della scatola*/ imbottitura /*Imposta la distanza all'interno della scatola*/ Posizione /*Posizionamento, con cui ci sarà più tardiSinistra in altoUso insieme*/ color:#000000; /*Imposta il colore del testo*/ background-color:#000000; /*Imposta il colore di sfondo*/ font-size:14px; /*Imposta la dimensione del font*/ decorazione di testo /*Impostare se il collegamento ipertestuale è sottolineato, generalmente usatosottolineareoNessuno*/ list-style-type:none; /*Stilizza il collegamento ipertestuale (senza puntini)*/
2013HTML复习.doc
(44 KB, Numero di download: 0, Prezzo di vendita: 1 Grain MB)
| 
Pubblicato su 09/11/2014 10:42:19
|
|
|
Pubblicato su 10/11/2014 13:27:37
