Questa mappa mentale sull'HTML condivide la conoscenza degli stili, dei tag e degli attributi delle pagine web. Se sei interessato, puoi dare un'occhiata.
Modificato alle 2023-05-27 23:46:10Microbiologia 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
Stile Web<br>
Selettore
Selettore di tag<br>
Nome tag {nome attributo: attributo; nome attributo: attributo<br>
Selettore di classe<br>
.Nome tag {nome attributo: attributo; nome attributo: attributo<br>
Selettore ID<br>
#id{Nome attributo: attributo; Nome attributo: attributo<br>
<pre class="prettyprint linenums Prettyprinted"><code class="lingual-html"><span class="tag"><h1 style="font-size:18px">Come utilizzare il formato in linea</h1>< /span></code></pre>
<span style="font-family: 'Wawati SC';">Nome tag, nome .class, #ID</span><span style="font-family: 'Wawati SC';"><span style=" font-family:Wawati SC">{</span>Selettore unione</span><span style="font-family:Wawati SC">}</span>
<span style="font-family:Wawati SC">Nome tag.Nome classe {Selettore intersezione</span>
<span style="font-family: 'Wawati SC';">Nome tag esternoNome tag interno</span><span style="font-family: 'Wawati SC';"><span style="font-family : Wawati SC">{</span>Selettore discendente</span><span style="font-family:Wawati SC">}</span>
Come introdurre gli stili CSS<br>
Stili in linea<br>
Incorpora stili<br>
<pre class="prettyprint linenums Prettyprinted"><code class="lingua-html"><span class="tag"><head><style type="test/css"> h1{Nome attributo: attributo;}< /style></head></span></code></pre>
Importa stili<br>
<link href="Nome file stile" type="Formato file collegamento testo/css" rel="stylesheet" foglio di stile esterno del documento/><br>
Specifica la relazione tra il documento corrente e il documento collegato. Solo il foglio di stile è applicabile a tutti i browser
sottoargomento
Proprietà CSS<br>
tipo
Tipo di carattere: famiglia di caratteri<br>
Rendering dei caratteri: testo-ombra<br>
Dimensione carattere: dimensione carattere<br>
Stile carattere: stile carattere<br>
obliquo leggermente inclinato<br>
corsivoinclinazione<br>
Peso del carattere: peso-carattere<br>
Maiuscole dei caratteri: variante-carattere<br>
Attributo del carattere: carattere
font{stile peso dimensione tipo<br>
Stile di decorazione del testo: decorazione del testo<br>
Sottolineato: sottolineato<br>
Barrato: riga continua<br>
Colore: colore<br>
Sfondo<br>
Colore di sfondo: colore di sfondo<br>
Immagine di sfondo: immagine di sfondo<br>
Metodo di ripetizione dell'immagine di sfondo: bakeground-repeat<br>
Posizione iniziale dell'immagine di sfondo X, Y: posizione di sfondo<br>
Associazione dello sfondo: background-attachment:risolto (lo sfondo non scorre con il testo)<br>
bloccare
spaziatura delle parole: spaziatura delle parole
Spaziatura tra lettere: spaziatura tra lettere<br>
Allineamento verticale con il testo: allineamento verticale, allineamento testo<br>
Rientro della prima riga: rientro del testo<br>
Modalità di visualizzazione: visualizzazione<br>
Altezza della linea: altezza della linea
Modello a scatola<br>
Definisci larghezza e altezza: larghezza,altezza<br>
Imbottitura in alto, in basso, a sinistra e a destra: imbottitura in alto, a destra, in basso, a sinistra<br>
Margini esterni superiore, inferiore, sinistro e destro: margine superiore, destro, inferiore, sinistro<br>
margine:0px auto;Pagina web centrata<br>
Bordo: bordo<br>
Stile del bordo: stile; spessore del bordo: larghezza; colore del bordo in alto, in basso, a sinistra e a destra<br>
<pre>stile bordo: punteggiato, continuo, doppio, tratteggiato </pre>
Display controlla la visualizzazione e l'occultamento degli elementi<br>
display:block visualizza l'elemento come elemento a livello di blocco, con interruzioni di riga prima e dopo<br>
display:inline visualizza gli elementi come elementi traccia senza interruzioni di riga<br>
display:none nasconde l'elemento<br>
galleggiare<br>
galleggiare<br>
clearclear float<br>
sia il chiaro galleggiante sinistro che quello destro<br>
gestione dell'overflow della casella di overflow<br>
Il contenuto visibile verrà ritagliato e il contenuto ritagliato apparirà fuori dal riquadro<br>
Il contenuto nascosto verrà ritagliato e il resto del contenuto sarà invisibile<br>
posizione
posizione
posizionamento relativo velativo<br>
apparirà dove si trova, consentendo all'elemento di spostarsi "rispetto" alla sua origine
posizionamento assoluto<br>
Un riquadro elemento impostato sul posizionamento assoluto viene completamente rimosso dal flusso del documento e posizionato rispetto al suo blocco contenitore, che può essere un altro elemento nel documento o il blocco contenitore iniziale. Lo spazio precedentemente occupato dall'elemento nel normale flusso di documenti viene chiuso, come se l'elemento non esistesse. L'elemento genera un riquadro a livello di blocco dopo il posizionamento, indipendentemente dal tipo di riquadro originariamente generato nel flusso normale.
Livello di impostazione z-index<br>
elenco
Tipo di numero articolo: tipo stile elenco<br>
Immagine del numero dell'articolo: immagine-stile-elenco<br>
Posizione del contrassegno dell'elemento: posizione-stile-elenco<br>
il tag inside viene visualizzato all'interno<br>
il tag onside viene visualizzato all'esterno<br>
Pseudoclasse collegamento ipertestuale<br>
Stile collegamento ipertestuale quando si accede senza fare clic su a:link
Stile del collegamento ipertestuale dopo aver fatto clic per visitare a:visited
Lo stile del collegamento ipertestuale su cui si trova il mouse a:hover
Stile del collegamento ipertestuale che non viene rilasciato facendo clic con il mouse a:active
Imposta la forma del mouse: cursore<br>
Cursore predefinito: predefinito<br>
Puntatore del collegamento ipertestuale: puntatore<br>
span{cursore:puntatore;}
Indica che il programma è occupato: attendere<br>
Indica l'aiuto disponibile: aiuto<br>
Testo delle istruzioni: testo
Tag e attributi<br>
Testo tra <html> e </html> che descrive la pagina web
Il testo tra <head> e </head> è il contenuto visibile all'inizio della pagina web<br>
Il testo tra <title> e </title> è il titolo della pagina web<br>
Il testo tra <body> e </body> è il contenuto visibile della pagina
Il testo compreso tra <h1> e </h6> viene visualizzato come titolo
Il testo compreso tra <p> e </p> viene visualizzato come paragrafo
<br/> Interruzione di linea <hr/> Linea orizzontale<br>
Il testo tra <em> e </em> <i> e </i> è in corsivo<br>
Il testo tra <strong> e </strong> viene enfatizzato<br>
Le immagini <img/> e </img>HTML sono definite tramite il tag <img>.
<pre><img src="Indirizzo immagine" larghezza="larghezza" altezza="lunghezza" <code>alt="</code><code>Utilizzato per definire una stringa di testo sostituibile preparato per l'immagine"</ codice > title="Passa il mouse per visualizzare il testo"/></pre>
I collegamenti HTML <a> e </a> vengono definiti utilizzando il tag <a>.
·······
Link di ancoraggio (vai al tag specificato): <a href="#name"></a><p name="name"></p>
simboli speciali
Spazio<br>
> Segno maggiore di
<Meno del segno
&copia;simbolo del diritto d'autore©
www.w3school.com.cn
<meta> e </meta> definiscono il formato di codifica<br>
UTF-8, GB2312, GBK<br>
<meta charset="UTF-8"></meta><br>
<link> e </link> vengono utilizzati per introdurre gli stili CSS<br>
elenco
<ul><li> Con </li></ul> Elenco non ordinato<br>
Tipo di attributo: disco, cerchio pieno, riquadro quadrato, cerchio, cerchio vuoto<br>
<ol><li> e </li></ol> elenco ordinato<br>
Tipo di attributo: 1aAIi<br>
<dl><dt><dd> e </dd>Osservazioni</dt></dl> Elenco delle definizioni<br>
<table> e </table> tag di tabella, gli elenchi possono essere nidificati all'interno<br>
<th> e </th> definiscono l'intestazione<br>
<tr> e </tr> definiscono le righe della tabella<br>
<td> e </td> definiscono le celle della tabella<br>
<thead> e </thead> <tbody> e </tbody> <tfoot> e </tfoot>. . .
Proprietà (allineamento orizzontale: sinistra, centro, destra; allineamento centrale dell'immagine in basso<br> allineamento verticale valign: allineamento in alto in alto, allineamento al centro in mezzo, allineamento in basso in basso, allineamento della linea di base)
<table border="1" cellulespadding="La spaziatura tra celle e contenuto" cellulespacing="La spaziatura diretta tra celle''"></table>
Unisci colspan orizzontalmente, unisci l'elenco rowspan<br>
<frameset> e </frameset> (scritti all'esterno del corpo)
Attributi (definisci l'ordinamento orizzontale del frame cols="200px,*,100px" righe di ordinamento verticale)<br>
<frame src="Altro indirizzo di pagina web" name="Nome, facile saltare"/>
<iframe> e </iframe>
<form> e </form> tag del modulo, gli elementi del modulo possono essere nidificati all'interno<br>
<pre><form action="Sito web inviato" metodo="GET o POST"></pre>
<p>Se l'invio del modulo è passivo (come una query del motore di ricerca) e non contiene informazioni sensibili. Quando utilizzi GET, i dati del modulo sono visibili nella barra degli indirizzi della pagina</p><p>Se il modulo sta aggiornando i dati o contiene informazioni sensibili (come una password). POST è più sicuro perché i dati inviati nella barra degli indirizzi della pagina sono invisibili. </p>
<input name="Nome elemento" type="Tipo" valore="Valore" size="Larghezza visualizzazione" maxlength="Lunghezza carattere" controllato="Se è selezionato" disabilitato="disabilitato" readonly="sola lettura sola lettura" > <br>
<em><input type="text"></em> definisce un campo di input a riga singola per l'<em>immissione di testo</em>
<pre><input type="text" name="cognome"></pre>
<em><input type="password"></em> definisce la <em>casella della password</em>.
<pre><input type="password" name="cognome"></pre>
<em><input type="radio"></em> definisce un <em>pulsante di opzione</em>.
<pre><input type="radio" name="sex" (i nomi degli stessi pulsanti di opzione devono essere coerenti) value="female">Femmina</pre>
<em><input type="checkbox" name="I nomi tra le caselle di controllo devono essere coerenti"></em> Definisci <em>casella di controllo</em>.
<em><input type="submit"></em> definisce il pulsante per <em></em><em>invia</em> il modulo.
<em><input type="reset"></em> Definisce il pulsante per <em></em><em>reimpostare</em> il modulo.
<em><input type="button"></em> definisce un pulsante normale per il modulo <em></em><em></em>.
<pre><button type="button" onclick="alert('Hello World!')">Cliccami!</button></pre>
<em><input type="file"></em> definisce la <em></em><em>casella di selezione file</em>.
<input type="hidden">campo nascosto<br>
<em><select></em> Definisci l'<em>elenco a discesa</em><em><em><option></em> Definisci le opzioni da selezionare</option></select> </em>
<pre><select name="cars" size="Lunghezza di ogni occorrenza"><br><option value="volvo"<em></em> selezionato = "selezionato" (selezionato per impostazione predefinita)>Volvo</ option><br><option value="saab">Saab</option><br><option value="fiat">Fiat</option><br><option value="audi">Audi</option> <br></select></pre>
L'elemento <em><textarea></em> definisce un campo di input su più righe (<em>textarea</em>)</textarea>
<pre><textarea name="message" rows="10" cols="30"><br>Questo è un contenuto testuale predefinito<br></textarea></pre>
L'elemento <em><datalist></em> specifica un elenco predefinito di opzioni. <valore opzione="Contenuto predefinito"></datalist>
<datalist id="browser"><br> <option value="Internet Explorer"><br> <option value="Firefox"><br> <option value="Chrome"><br> <option value=" Opera"><br> <option value="Safari"><br></datalist>
<fieldset campo><titolo campo legenda>Forma semantica</legend></fieldset><br>
Moduli correlati<br>
<pre id="line1"><span><<span class="start-tag">etichetta</span> <span class="attribute-name">per</span>="<a class="attribute -value">maschio</a>"></span><span>Maschio</span><span></<span class="end-tag">etichetta</span>></span><span ><br></span><span><<span class="start-tag">input</span> <span class="attribute-name">tipo</span>="<a class="attribute -value">radio</a>" <span class="attribute-name">nome</span>="<a class="attribute-value">genere</a>" <span class="attribute- name">id</span>="<a class="attribute-value">maschio</a>"<span>/</span>></span></pre>