Questa è una mappa mentale sull'HTML. Cos'è l'HTML? I tag comunemente utilizzati includono immagini, collegamenti ipertestuali, elenchi, tabelle, elementi multimediali, moduli, tag di testo e classificazioni di tag.
Modificato alle 2022-12-02 19:20:23Microbiologia medica, Infezioni batteriche e immunità riassume e organizza i punti di conoscenza per aiutare gli studenti a comprendere e ricordare. Studia in modo più efficiente!
La teoria cinetica dei gas rivela la natura microscopica dei fenomeni termici macroscopici e le leggi dei gas trovando la relazione tra quantità macroscopiche e quantità microscopiche. Dal punto di vista del movimento molecolare, vengono utilizzati metodi statistici per studiare le proprietà macroscopiche e modificare i modelli di movimento termico delle molecole di gas.
Este é um mapa mental sobre uma breve história do tempo. "Uma Breve História do Tempo" é um trabalho científico popular com influência de longo alcance. Ele não apenas introduz os conceitos básicos da cosmologia e da relatividade, mas também discute os buracos negros e a expansão. Do universo. questões científicas de ponta, como inflação e teoria das cordas.
Microbiologia medica, Infezioni batteriche e immunità riassume e organizza i punti di conoscenza per aiutare gli studenti a comprendere e ricordare. Studia in modo più efficiente!
La teoria cinetica dei gas rivela la natura microscopica dei fenomeni termici macroscopici e le leggi dei gas trovando la relazione tra quantità macroscopiche e quantità microscopiche. Dal punto di vista del movimento molecolare, vengono utilizzati metodi statistici per studiare le proprietà macroscopiche e modificare i modelli di movimento termico delle molecole di gas.
Este é um mapa mental sobre uma breve história do tempo. "Uma Breve História do Tempo" é um trabalho científico popular com influência de longo alcance. Ele não apenas introduz os conceitos básicos da cosmologia e da relatividade, mas também discute os buracos negros e a expansão. Do universo. questões científicas de ponta, como inflação e teoria das cordas.
HTML
Premi Invio per aggiungere un argomento
Cos'è l'HTML
che cos'è
È un linguaggio di markup ipertestuale in grado di realizzare lo sviluppo di pagine web. Utilizzare tag (tag) per implementare l'ipertesto nelle pagine web (non solo testo ma anche immagini, audio, ecc.) Il contenuto delle pagine web è implementato con tag
La struttura di base di HTM L
<html> <testa> <title>titolo</title> </testa> <corpo> I tag HTML sono tutti scritti nel corpo </corpo> </html>
Tag di uso comune
Classificazione delle etichette
Etichetta singola Esiste una sola etichetta
Generalmente viene utilizzato solo per l'impostazione Ad esempio:<br/><hr/>
Fine/può essere omesso
Doppia etichetta L'etichetta ha due componenti
Generalmente ha la funzione di inclusione. Ad esempio: <p></p> Un tag p dovrebbe contenere l'intero paragrafo.
Fine/non deve essere omesso
Se occupare una riga
Elementi in linea (elementi in linea): il contenuto determina la larghezza dell'etichetta e può essere visualizzato sulla stessa riga di altri elementi in linea.
Elementi a livello di blocco: la larghezza predefinita è la stessa della finestra, indipendentemente dalla quantità di contenuto che occupa una riga esclusiva, non può essere visualizzato sulla stessa riga con altri tag.
Nota: quando inclusi: gli elementi a livello di blocco includono elementi in linea (quelli allo stesso livello possono anche includersi a vicenda) Ad esempio: se i tag del paragrafo sono in grassetto, deve significare che il tag p contiene il tag strong, ma non viceversa.
Tag di classe testo
<p></p> Tag del paragrafo
Effetto: ritorno a capo della linea, spaziatura maggiore, elementi a livello di blocco
<h1-h6><h1-h6> tag del titolo
Effetto: interruzione di riga, carattere in grassetto, elementi a livello di blocco
<strong></strong> Grassetto
Effetto: nessuna interruzione di riga, carattere in grassetto, elementi incorporati
<em></em> corsivo
Effetto: nessuna interruzione di riga, carattere corsivo, elementi incorporati
<br/>
Effetto: ritorno a capo, spaziatura invariata
<hr/>
Effetto: genera una linea orizzontale
Simboli speciali: simboli che non possono essere riconosciuti direttamente dall'HTML o che hanno funzioni speciali. Ad esempio: gli spazi non possono essere utilizzati direttamente in html, quindi utilizza   Se scrivi direttamente <>html, verrà riconosciuto come tag. Se vuoi usare > e meno di nome, devi usare & gt e & lt.
Spazio 
maggiore di>
meno di<
Diritto d'autore e copia
immagine
Etichetta
<img attributo 1 = "valore attributo 1" attributo 2 = "valore attributo 2" /> elemento inline
Attributi: migliora l'effetto delle etichette
src: Imposta il percorso dell'immagine (si consiglia di creare una nuova cartella per salvare le immagini nella stessa cartella della pagina web)
1. Semplificazione del percorso
2. Comodo da spostare
larghezza: imposta la larghezza dell'immagine
altezza: imposta l'altezza dell'immagine
alt: descrizione testuale quando l'immagine non viene visualizzata
titolo: imposta il testo visualizzato quando il mouse passa sopra l'immagine
Nota: quando per l'immagine è impostata una sola larghezza o altezza, l'immagine verrà ridimensionata in proporzioni uguali. Se sono impostate entrambe, l'immagine potrebbe risultare sproporzionata.
Collegamento ipertestuale
Funzione: quando fai clic su una parte del contenuto, puoi passare a un'altra pagina (collegamento ipertestuale) <a href=""target="">Contenuto su cui è stato fatto clic</a>
href: imposta il percorso della pagina a cui passare. Ad esempio: nome cartella/nome file shouye/goods.html
target: imposta il metodo di apertura quando la pagina salta. _blank: apre una nuova finestra e visualizza la nuova pagina.
Contenuti cliccabili: tutti i contenuti in html possono essere utilizzati come oggetti cliccabili
Funzione: Facendo clic su una parte del contenuto è possibile passare alla posizione specificata (collegamento di ancoraggio)
Passaggio 1: imposta prima il punto di ancoraggio: imposta il punto di ancoraggio nella posizione fissa in cui desideri saltare <a name="#nome ancoraggio"></a>
Passaggio 2: salta al punto di ancoraggio 1. La stessa pagina 2.<a href="Percorso della pagina in cui si trova l'ancora#nome dell'ancora">Contenuto</a>
a. Passa a una posizione specifica sulla stessa pagina b. Passa a una posizione specifica su un'altra pagina
Nota: senza aggiungere #, il valore predefinito è page
elenco
Elenco non ordinato .<ul type=""> .<li></li> .</ul>
Elenco ordinato 1.ol type="" 2.<li></li> 3.</ol>
Elenco delle definizioni: 1.<!--Elenco delle definizioni livello uno livello due--> 2.<dl> 3. <dt>Accademia Oracle (66.300, -0.730, -1,09%)</dt> 4. <dd>Applicazioni e tecnologia dei big data</dd> 5. <dd>Tecnologia software</dd> 6. <dt>Accademia di Belle Arti</dt> 7. <dd>Studi accademici</dd> 8. <dd>Progettazione di giardini</dd> 9.</dl>
foglio
Struttura di base 1.<tabella>->tabella 2. <tr>->riga 3. <td>Colonne/celle ordinarie</td> 4. <th>td con carattere in grassetto</th> 5. </tr> 6.</tabella>
Fila trasversale (direzione verticale) 1.<table border="1"width="500"> 2. <tr> 3 <td rowspan="2">Zhang San</td> 4. <td>Lingua</td> 5 <td>98</td> 6. </tr> 7. <tr> 8. <td rowspan="2">Giovanni Rossi</td> 9. <td>Lingua</td> 10. <td>100</td> 11. </tr> 12.</tabella>
Attraverso le colonne (orizzontalmente) 1.<table border="1"cellspacing="0"cellpadding="0"> 2. <tr> 3. <td colspan="2">Risultati dell'esame</td> 4. </tr> 5. <tr> 6. <td>Lingua</td> 7. <td>129</td> 8. </tr> 9.</tabella>
Descrizione di righe incrociate e colonne incrociate: Colonna incrociata: colspan Riga incrociata: rowspann Orizzontali sono righe, verticali sono colonne
elementi mediatici
audioaudio
Attributi 1.controlli: controlli di visualizzazione, come i pulsanti di pausa e riproduzione 2. loop: riproduzione in loop 3. riproduzione automatica: riproduzione automatica
codice 1.<!-- 2. Nessun controllo viene visualizzato per impostazione predefinita, sia che si tratti di video o musica. 3.--> 4. <controlli audio="true"loop="true"autoplay="true"> 5.<!-- 6. Proprio come i video, fornisci il maggior numero possibile di formati di file musicali 7. Il browser riconoscerà automaticamente il formato musicale che può caricare. 8.--> 9. <source src="video/suono.mp3"> 10. <source src="video/sound.ogg"> 11. </audio>
videovideo 1.<!-- 2. Fornire il maggior numero possibile di formati video per lo stesso video 3.. Rendere il video disponibile il più possibile a tutti i browser 4. --> 5. <video width="400"controls="true"loop="true"autoplay=""true> 6. <!-- 7. Utilizza la sorgente per consentire al tag video di caricare i percorsi di più video. 8. Il browser riconoscerà automaticamente il formato video che può caricare. 9. --> 10. <source src="video/for.mp4"/> 11. </video>
modulo
Modulo modulo: tutto ciò che può essere compilato o inviato con i dati nella pagina è un modulo. Nota: tutti gli elementi del modulo devono essere scritti all'interno di questo tag, altrimenti il contenuto compilato non potrà essere inviato.
elementi del modulo
tipo di ingresso: 1. casella di testo tipo="testo". 2. digitare la casella della password = "password". 3. campo file type="file", utilizzato per caricare file 4. digitare la casella numerica = "numero". 5. Il campo nascosto type="hidder" deve inviare alcuni dati, ma alcuni dati possono essere nascosti se l'utente non ha bisogno di vederli. 6. pulsanti di opzione type="radio". Tieni presente che i valori degli attributi del nome dei pulsanti di opzione nello stesso gruppo devono essere coerenti. Attributo: controllato: impostato per essere selezionato per impostazione predefinita 7. Casella di controllo type="checkbox" Tieni presente che il valore dell'attributo name dei pulsanti di controllo nello stesso gruppo deve essere coerente 8. type="submit" Il pulsante Invia può essere impostato in base al contenuto del testo tramite l'impostazione del valore 9. pulsante di ripristino type="reset" per ripristinare gli elementi del modulo al loro contenuto iniziale 10. type="image" Il pulsante Invia (tipo immagine) può impostare l'immagine del pulsante tramite src="" Tipo senza input: Casella a discesa: seleziona l'area di testo: textarea 1.<!--Casella a discesa (elenco a discesa): selezionare 1.<!-- 2. opzione: un'opzione nell'elenco 2. Campo di testo 3. selezionato: imposta l'elemento selezionato predefinito 3. cols: imposta il numero di colonne visualizzate nel campo di testo 4. --> 4. riga: imposta il numero di righe visualizzate nel campo di testo 5. <select name="niano"> 5.--> 6. <opzione> 6. <textarea name="beizhu" cols="20" row="6"> 7. <opzione> 7. 8. <! --Imposta questo elemento come elemento predefinito--> 8.</textarea> 9. <opzione selezionata>2000</opzione> 10. <opzione>2001</opzione> 11. </seleziona>
1.
Altre proprietà
readonly: di sola lettura, può solo essere visualizzato ma non modificato
richiesto: impostare come richiesto
segnaposto: imposta il testo del prompt della casella di testo,
Premi Tab per aggiungere un sottoargomento
Fare doppio clic per modificare il testo