Galleria mappe mentale conoscenza di base dell'html
Come utilizzare le conoscenze di base dell'HTML per creare lo scheletro di una pagina Web di base? L'immagine qui sotto ti aiuterà a imparare dalle basi e a costruire passo dopo passo lo scheletro di una pagina web di base. Dalle nozioni di base dell'HTML, alle specifiche grammaticali fino ai tag della struttura di base, apprendi sistematicamente le conoscenze di base dell'HTML e getta solide basi per il successivo apprendimento delle pagine web.
Modificato alle 2020-07-03 15:40:47Microbiologia 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.
Apprendimento dell'HTML
Base
sentiero
Cartelle di directory e directory root
Cartella Directory: una cartella ordinaria che memorizza tutti i materiali relativi alle pagine web, come file html, file multimediali, ecc.
Directory principale: apre il primo livello della cartella della directory
Percorso relativo: il percorso della directory creata utilizzando il "file di riferimento" come riferimento
Percorso fratello <img src="img.jpg" />
Percorso di livello successivo <img src="images/img.jpg" />
Percorso del livello precedente <img src="../img.jpg" />
Percorso assoluto: una posizione sul tuo computer o un indirizzo sulla rete
<img src="D:\.....\...\....\img.jpg" />oppure <img src="http://www.*******.com/.../logo.jpg" />
Crea file html con vscode
Apri il codice VS, crea un nuovo file (Ctrl N), salva (Ctrl S) come file ".html", inserisci "!" e premi il tasto Tab Oppure una versione più recente può creare direttamente file html
Specifiche grammaticali
Il tag html è una parola chiave racchiusa tra parentesi angolari come <html>, che di solito appare in coppia come <html></html>. Il primo è il tag di inizio, il secondo è il tag di fine e il tag di fine ha una barra rovesciata "/" in più rispetto al tag di inizio. Ci sono anche alcuni casi speciali in cui si tratta di un singolo tag, come <br/>, e c'è un segno di chiusura "/" dopo la parola chiave.
relazione tra tag
Contiene (nidificato)
giustapporre
Etichetta della struttura di base (scheletro)
Tag HTML "<html></html>".
Il tag più grande della pagina, noto anche come "tag radice"
"<head></head>" L'intestazione del documento
Il tag title deve essere incluso nel tag head
"<title></title>"Il titolo del documento
"<body></body>" Il corpo del documento
Il codice scritto nel taccuino può essere aperto dopo essere stato salvato in formato html e verrà visualizzato il testo "Awesome Plus" nel corpo.
Commenti HTML e caratteri speciali
Nota: affinché i programmatori possano vedere, non visualizzato nella pagina: <!--Dichiarazione di commento--> Tasto di scelta rapida: ctrl /
Caratteri speciali: alcuni simboli sono difficili o scomodi da usare direttamente e vengono sostituiti con caratteri speciali. Ad esempio: se desideri visualizzare "<p>" su una pagina web, devi cambiarlo in "< p >". Ad esempio, lo spazio è  
Tag comuni HTML
etichetta del titolo
Ci sono sei livelli in totale, vale a dire <h1>-<h6> (h è l'abbreviazione di head) Funzione: utilizzato come titolo e in ordine decrescente di importanza, il primo livello è il più importante
<h1>I tag del titolo sono tutti tag doppi e hanno un tag di fine. </h1>
Effetto: il testo viene in grassetto, ingrandito e occupa una riga esclusiva.
tag di paragrafo
Visualizza il testo in segmenti
<p>Paragrafo</p> "Paragrafo uno P"
C'è un ampio divario tra i segmenti
Etichetta di interruzione di riga (etichetta singola)
rottura della linea di forza
Questa è la linea da sostituire<br/>
Solo interlinea, senza grandi intervalli
tag di formattazione del testo
Grassetto
<strong></strong> o <b></b>
corsivo
<em></em> o <i></i>
barrato
<del></del> o <s></s>
Sottolineare
<ins></ins> o <u></u>
Tag <div> e <span>
Nessuna semantica, equivalente a una scatola di immagazzinaggio, utilizzata per archiviare il contenuto
<div> rappresenta una partizione e una riga è una zona esclusiva</div> <span>Indica un intervallo</span><span>Una riga può averne più</span>
tag immagine
<img src="URL immagine"/>
etichetta unica
src è un attributo obbligatorio di <img/> e viene utilizzato per specificare il percorso e il nome del file.
Altri attributi di <img/>
alt
Testo visualizzato quando l'immagine non può essere visualizzata normalmente
titolo
Il testo visualizzato quando il mouse viene posizionato sull'immagine
larghezza/altezza/bordo
Imposta larghezza/altezza/spessore del bordo dell'immagine
Formato: <img space attributi="valore attributo" space attributi="valore attributo" ... />Gli attributi non sono in ordine e devono essere aggiunti spazi tra gli attributi
tag del collegamento ipertestuale
Passa dalla pagina Web corrente a un'altra pagina
<a href="Salta target" target="Come si apre la finestra di destinazione" testo o immagine </a>
href: indirizzo URL utilizzato per specificare la destinazione del collegamento target: utilizzato per specificare come aprire la pagina collegata, dove "_self" significa aprire la pagina corrente e "_blank" significa aprire in una nuova finestra
Classificazione dei collegamenti
sito web esterno
Collegamenti interni: collegamenti tra le pagine di un sito Web
Link vuoto: herf="#"
Link per il download: herf="***.zip/doc/exe"
Collegamento di ancoraggio: individua rapidamente una determinata posizione sulla pagina web
Passaggi: 1. L'impostazione dell'attributo #name è nel formato <a href="#name">Il suo nome è</a> 2. Aggiungi l'attributo id = name al tag della posizione di destinazione, ad esempio <h1 id="name">Peppa Pig</h1>
disposizione
etichetta della tabella
Funzione: visualizzare e visualizzare i dati
grammatica di base
<table></table> viene utilizzato per definire le tabelle
<tr></tr> viene utilizzato per definire le righe nella tabella e deve essere nidificato nel tag table
<td></td> viene utilizzato per definire le celle nella tabella e deve essere annidato in tr
Etichetta della cella di intestazione
<th></th>Display in grassetto e centrato
Proprietà correlate alla tabella
allineare
Allineamento
confine
Bordo, l'impostazione predefinita è "nessun bordo".
imbottitura cellulare
Lo spazio tra il bordo della cella e il contenuto, predefinito 1 pixel
spaziatura delle celle
Spazio tra le celle, predefinito 2 pixel
larghezza altezza
larghezza/altezza del tavolo
Etichetta della struttura della tabella
Testa: <ttesta>
All'interno deve esserci un tag <tr>, solitamente nella prima riga
Corpo: <tcorpo>
Unire le celle
Modo
Unisci tra righe: rowspan="Numero di celle unite"
Unisci tra colonne: colspan="Numero di celle unite"
cella di destinazione
Attraverso le righe: la cella superiore
Attraverso le colonne: più a sinistra
fare un passo
Determinare il metodo di unione
Trova la cella di destinazione e scrivi il codice di unione, ad esempio <td colspan="2"></td>
Elimina le celle ridondanti
tag elenco
Funzione: disposizione
lista non ordinata
<ul>Definire l'elenco non ordinato, <li>Definire gli elementi dell'elenco
Solo i tag <li> possono essere inseriti in <ul>, ma altri contenuti possono essere inseriti nei tag <li>
lista ordinata
<ol>Definire un elenco ordinato, <li>Definire gli elementi dell'elenco (in un determinato ordine)
elenco personalizzato
<dl> descrive un elenco personalizzato, <dt> e <dd> sono elementi dell'elenco, solitamente un <dt> corrisponde a più <dd>
etichetta del modulo
Funzione: raccogliere informazioni sull'utente
composizione
campi del modulo
<form> viene utilizzato per definire i campi del modulo. Il tag <form> invierà al server gli elementi del modulo all'interno dell'intervallo.
<form action="indirizzo url" metodo="get/post" name="nome campo modulo"> Vari elementi del modulo </forma>
Proprietà comuni
Attributi
valore dell'attributo
effetto
azione
indirizzo URL
Indirizzo URL utilizzato per specificare il server che riceve ed elabora i dati
metodo
ottenere/pubblicare
Il modo di inviare i dati, il suo valore è ottenere o pubblicare
nome
nome
Utilizzato per specificare il nome del modulo per distinguere più campi modulo sulla stessa pagina
elementi del modulo
elemento del modulo di input
<input type="Valore attributo" name="Valore attributo" value="Valore attributo" /> (etichetta singola)
Attributi comuni di tipo
pulsante
Definire i pulsanti cliccabili
casella di controllo
Definisci casella di controllo
file
Definire i campi di input e il pulsante "Sfoglia" per il caricamento dei file
nascosto
Definire campi di input nascosti
Immagine
Definire il pulsante di invio per l'immagine
parola d'ordine
Definire il campo della password. I personaggi sono mascherati
Radio
Definire i pulsanti di opzione
Ripristina
Definire il pulsante di ripristino. Tutti i dati nel modulo saranno chiari
invia
Definire il pulsante di invio e inviarlo al server
testo
Definisce un campo di input a riga singola in cui l'utente può immettere testo, con una larghezza predefinita di 20 caratteri
nome
Definire il nome dell'elemento
I pulsanti di opzione e le caselle di controllo devono avere lo stesso valore del nome
valore
Definire il valore dell'elemento
controllato
Specifica che questo elemento di input deve essere selezionato al primo caricamento
lunghezza massima
Specifica la lunghezza massima dei caratteri in un campo di input
seleziona l'elemento del modulo a discesa
<seleziona> <opzione>A</opzione> <opzione>B</opzione> </seleziona>
Se selezionato="selezionato" è definito in <opzione>, questa opzione sarà selezionata per impostazione predefinita.
area di testoarea di testo
<textarea cols="50"(ogni riga può visualizzare 50 caratteri) rows="10"(può visualizzare 10 righe)> contenuto del testo </textarea>
<label> viene utilizzato per associare un elemento del modulo
<label for="man">Uomo:</lable> <input type="radio" name="sex" id="man"/>