Galleria mappe mentale Tag di base HTML
Una nuova introduzione ai tag di base HTML! Il contenuto include la composizione, la struttura di base, gli strumenti di modifica della pagina Web, gli elementi multimediali HTML, i blocchi e le linee nelle pagine HTML, le informazioni di base sulla pagina Web, ecc. Gli amici interessati possono scaricarlo e ritirarlo.
Modificato alle 2023-02-26 01:27:03Microbiologia 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