Galleria mappe mentale Tag di base HTML
La mappa mentale dei tag HTML di base include elementi multimediali HTML, blocchi e linee nelle pagine HTML, semantica dei tag di base nelle pagine web, tag di immagine, strumenti di modifica delle pagine web, ecc.
Modificato alle 2023-03-02 14:21:36Microbiologia 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.
Tag di base HTML
La composizione di una pagina web
Parte HTML (<html>contenuto</html>)
Parte JS (<script>Effetti speciali</script>)
Parte CSS (<stile>stile</stile>)
Struttura basilare
<! DOCTYPE html> Dichiarazione
<title>Titolo della pagina web</title>
pagina web html
<head>parte della testa
<body>Parte principale
<body>Contenuto della pagina Web, che può essere testo, immagini, ecc.</body>
Strumenti di modifica delle pagine Web
taccuino
Tessitore di sogni
Blocco note++
Hbuilder
VScodr
Informazioni di base della pagina web
Soluzioni per personaggi confusi
Aggiungi il tag <meta> alla sezione head
<meta charset="gb2312">
Cinese semplificato: gb2312
Cinese tradizionale:big5
Pagina web in inglese puro: iso-8859-1
Rispettare gli standard internazionali: UTF-8
Colore di sfondo della pagina o immagine di sfondo
bgcolor="#FFCCFF""
Colore di sfondo della pagina Web
sfondo="back_image.GIF""
Immagine di sfondo della pagina Web
Semantizzazione dei tag di base nelle pagine web
titolo
<h1>
paragrafo
<p>...</p>
immagine
<immagine>
nuova linea
<br>
linea orizzontale
<hr>
<hr size="5">Valore dello spessore della linea
color="rosso" colore della linea
larghezza="300"/>larghezza della linea
etichetta del titolo
<h1>Titolo di livello 1</h1> <h2>Titolo di livello 2</h2> <h3>Titolo di livello 3</h3> <h4>Intestazione di quarto livello</h4 <h5>Intestazioni a cinque livelli</h5> <h6>Titoli a sei livelli</h6>
<h1> è il più grande, seguito da <h2> e così via...
Si consiglia di includere parole chiave quando si utilizzano i tag <h1> e <h2> e si consiglia di apparire solo una volta. I tag <h3>, <h4> e <h5> hanno scarso effetto SEO e si consiglia di non utilizzarli indiscriminatamente.
tag immagine
*.jpg
*.gif
*.png
*.bmp
Grammatica elementare delle immagini
<img src="tag immagine"
posizione dell'immagine
larghezza="300"
larghezza dell'immagine
altezza="150"
altezza dell'immagine
alt="Apertura del concerto delle celebrità">
Testo indicativo aggiunto all'immagine, mouse Sposta l'immagine per visualizzare il testo informativo
tag elenco
L'attributo di tipo elenco non ordinato imposta i punti elenco
Punti elenco: disco (predefinito), quadrato e cerchio
Implementato con il tag <ul>
Utilizza il tag <li> per rappresentare gli elementi dell'elenco
L'attributo di tipo elenco ordinato imposta l'ordine degli elementi
Ordine del progetto: 1 (predefinito), A, a, I, i
Implementato con il tag <ol>
Utilizza il tag <li> per rappresentare gli elementi dell'elenco
Definisci la tabella delle classi: nessun punto elenco e ordine di visualizzazione
Nessun punto elenco e ordine di visualizzazione
Implementato con <tag dl>
Definisci gli elementi dell'elenco con il tag <dt>
Definisci il contenuto con il tag <dd>
Etichette di testo preformattate
Etichetta:<pre>...</pre>
Esempio:<pre>…… </pre>
collegamento ipertestuale
tag <a>
<a href="percorso"
percorso di collegamento
target="posizione della finestra di destinazione">"
Descrizione: in quale finestra si apre il collegamento
Collega testo o immagine</a>
Nota: passa alla pagina corrispondente dopo la modalità stand-alone
Valori comuni: _self, _blank
Collegamento ad altre pagine
Percorso relativo: specifica il percorso del file relativo al file corrente
Esempio: per collegarsi a una pagina nella stessa directory (C:\HTML), scrivere <a href="doc1.html>
Percorso assoluto: specificare il percorso completo dalla directory principale al file
Esempio: per collegarsi a una pagina nella stessa directory (C:\HTML), scrivere <a href="c:\html\doc2.html>
Collegamento a questa pagina
Tag di ancoraggio: utilizzati per consentire agli utenti di "saltare" a una determinata parte del documento.
Definisci il tag di ancoraggio:<a name="helpme">Nuovi arrivati sulla strada per guidare gli uomini</a> Link alla posizione del tag di ancoraggio: <a href="#helpme">[Nuovo arrivato in viaggio]</a>
Nota: se la pagina non è abbastanza lunga, il collegamento di ancoraggio non salterà. Al momento, aggiungi semplicemente altro contenuto della pagina per allungare la pagina.
Blocchi e linee nelle pagine HTML
etichette a livello di riga
Caratteristiche: può essere mantenuto sulla stessa linea di altri elementi, non può essere spostato automaticamente, non può impostare larghezza e altezza
Tag comuni a livello di riga: a, span, strong, u (sottolineato), em (enfasi), i (corsivo), sub (pedice), sup (apice)
tag a livello di blocco
Caratteristiche: non può essere mantenuto sulla stessa riga di altri elementi (occupa una riga), può andare a capo automaticamente e può impostare larghezza e altezza
Tag comuni a livello di riga: div, p, h1-h6, ul, li, dl (elenco di definizioni, simile a ul...li), dt (definisce gli elementi nell'elenco delle definizioni), dd (definisce il contenuto dell'elemento, abbinato a dt)
Tag a livello di blocco comunemente utilizzati nel layout
Tag di sezione <div>
I tag <div> possono essere incorporati in tag come <p> e utilizzati come normali elementi di blocco.
Tabella:<tabella> Riga: <tr>…</tr> Colonna (cella):<td>…</td>
Forma:<da> … </da>
Tag in linea a livello di blocco
Caratteristiche: può essere mantenuto in linea con altri elementi e può anche impostare larghezza e altezza
Tag comuni: textarea, input, img, pulsante
Elementi multimediali HTML
Elemento video:<video>…</video>
Esempio:<video src="percorso video"
Descrizione: specificare il percorso del file video da riprodurre
controlli></video>
Descrizione: Fornisce controlli per riproduzione, pausa e volume
Attributi comuni del tag video
Viene visualizzato 1.autoplay e il video verrà riprodotto immediatamente non appena sarà pronto.
2. Quando vengono visualizzati i controlli, i controlli vengono visualizzati all'utente, ad esempio il pulsante di riproduzione.
Viene visualizzato 3.loop, quindi ricomincia la riproduzione al termine della riproduzione del file multimediale.
Viene visualizzato 4.muted, l'audio del video è disattivato.
5.src URL del video da riprodurre
Elementi audio:<audio>…</audio>
<audio src="elemento audio"
Descrizione: specificare il percorso del file audio da riprodurre
controlli></audio>
Descrizione: Fornisce controlli per riproduzione, pausa e volume
Attributi di riproduzione automatica: riproduzione automatica
<riproduzione automatica del video> … … </video>
Attributi comuni del tag di origine
1.src specifica l'URL del file multimediale 2.type specifica il tipo di supporto della risorsa
Spiegazione: 1. È possibile scrivere più tag di origine e specificare il tipo, che è compatibile con diversi supporti di decodifica del browser. Ma src può scriverne solo uno 2. I valori dell'attributo type del tag source includono video/ogg, video/mp4, video/webm