Sommario:
- Passaggio 1: scarica il software
- Passaggio 2: aprire le parentesi
- Passaggio 3: crea un nuovo file
- Passaggio 4: salva con nome… il file
- Passaggio 5: inizia con il tag DOCTYPE
- Passaggio 6: tag HTML
- Passaggio 7: tag testa e corpo
- Passaggio 8: meta tag
- Passaggio 9: tag del titolo
- Passaggio 10: aggiunta di un paragrafo utilizzando il tag P
- Passaggio 11: guarda i tuoi risultati
- Passaggio 12: modificare la formattazione
- Passaggio 13: tag di interruzione di riga singola/doppia
- Passaggio 14: Conclusione
Video: Come creare una pagina Web semplice utilizzando le parentesi per principianti: 14 passaggi
2024 Autore: John Day | [email protected]. Ultima modifica: 2024-01-30 10:01
introduzione
Le seguenti istruzioni forniscono una guida passo passo per creare una pagina Web utilizzando le parentesi. Brackets è un editor di codice sorgente con un focus primario sullo sviluppo web. Creato da Adobe Systems, è un software gratuito e open source concesso in licenza con la licenza MIT ed è attualmente gestito su GitHub da Adobe e altri sviluppatori open source. È scritto in JavaScript, HTML e CSS.
Istruzioni
Nota: - Tutti i tag HTML devono essere tra parentesi:
Passaggio 1: scarica il software
scaricare Brackets da questo sito Web
Passaggio 2: aprire le parentesi
aprire il software Brackets scaricato su un computer.
Passaggio 3: crea un nuovo file
Dopo aver aperto le parentesi, fai clic sull'icona del file in alto a sinistra della finestra, quindi fai clic su nuovo, vedrai il nuovo file "Senza titolo".
Passaggio 4: salva con nome… il file
Fai clic con il pulsante destro del mouse su questo file "senza titolo", fai clic su Salva con nome, quindi dovresti salvarlo su un'unità
a questo punto puoi dare un nome qualsiasi al file, assicurati solo dopo il nome di aggiungere “.html” (punto html).
Passaggio 5: inizia con il tag DOCTYPE
Ogni pagina html deve iniziare con il seguente tag di struttura Indica al browser quali "regole da seguire" durante il rendering di una pagina HTML.
Passaggio 6: tag HTML
e - quei tag devono iniziare e terminare un documento.
Passaggio 7: tag testa e corpo
Tra i tag html, scrivi e, dove contiene cose "dietro le quinte". Inoltre, scrivi e dove contiene testo, immagini, video, audio e così via.
Passaggio 8: meta tag
Tra i tag, scrivi dove fornisce informazioni come i termini del motore di ricerca o la codifica dei caratteri.
Passaggio 9: tag del titolo
Tra i tag, sotto, scrivi e. Quindi, tutto ciò che scrivi in mezzo, lo vedrai nella parte superiore della finestra del browser e questo tag è importante per il motore di ricerca. Ad esempio, scriverò "WRD 204"
Passaggio 10: aggiunta di un paragrafo utilizzando il tag P
Nel frattempo scrivi tutte le informazioni che vuoi che vengano visualizzate su una pagina web, come immagini, audio, video e paragrafi per esempio, per il mio esempio scriverò un paragrafo usando questi tag per paragrafo:
e.
Passaggio 11: guarda i tuoi risultati
Per vedere i risultati: prima fai clic con il pulsante destro del mouse sul file e fai clic su "Salva", quindi fai clic sull'icona "anteprima dal vivo" nell'angolo in alto a destra.
Nota: - ogni volta che apporti modifiche e vuoi vedere il risultato, prima devi salvare il file, puoi usare la scorciatoia "Ctrl + S"
Passaggio 12: modificare la formattazione
Se si desidera modificare la dimensione del formato del testo, utilizzare come intestazione più grande o è la più piccola. Nel mio esempio userò.
Passaggio 13: tag di interruzione di riga singola/doppia
Se vuoi fare un'interruzione di riga singola/doppia tra i paragrafi, usa tag
Passaggio 14: Conclusione
Congratulazioni! ora puoi iniziare a creare la tua pagina web.
Se sei interessato a saperne di più sui tag HTML, ti consiglio questo sito
Consigliato:
Come usare il multimetro in Tamil - Guida per principianti - Multimetro per principianti: 8 passaggi
Come usare il multimetro in Tamil | Guida per principianti | Multimetro per principianti: Ciao amici, in questo tutorial, ho spiegato come utilizzare il multimetro in tutti i tipi di circuiti elettronici in 7 passaggi diversi come1) test di continuità per la risoluzione dei problemi hardware2) misurazione della corrente continua 3) test diodi e LED 4) misurazione Resi
Come creare un sito Web in una bacheca utilizzando PHP e MYSQL: 5 passaggi
Come creare un sito Web per bacheche utilizzando PHP e MYSQL: questo tutorial ti mostrerà come creare un sito Web per bacheche utilizzando php, mysql, html e css. Se sei nuovo nello sviluppo web, non preoccuparti, ci saranno spiegazioni dettagliate e analogie in modo da poter comprendere meglio i concetti. Stuoia
Modo semplice per creare una brocca d'acqua utilizzando Fusion 360: 5 passaggi (con immagini)
Un modo semplice per creare una brocca d'acqua utilizzando Fusion 360: questo è un progetto perfetto per tutti i principianti che utilizzano Fusion 360. È semplicissimo da realizzare. Considera questo un progetto di esempio e crea i tuoi progetti di brocche. Ho anche aggiunto un video che è di nuovo realizzato in Fusion 360. Non penso che tu abbia bisogno di sapere come un j
Luce reattiva musicale--Come creare una luce reattiva musicale super semplice per rendere il desktop fantastico.: 5 passaggi (con immagini)
Luce reattiva musicale|| Come creare una luce reattiva musicale super semplice per rendere il desktop fantastico.: Ehi, ragazzi, oggi costruiremo un progetto molto interessante. Oggi costruiremo una luce reattiva musicale. Il led cambierà la sua luminosità in base a il basso che è in realtà un segnale audio a bassa frequenza. È molto semplice da costruire. Faremo
Come creare una semplice applicazione per la rubrica C#: 7 passaggi
Come creare una semplice applicazione per la rubrica C#: Ciao, sono Luke, è il mio primo Instructable. Voglio mostrarti come creare una semplice applicazione per la rubrica telefonica in Microsoft Visual Studio utilizzando C#. È bene avere una conoscenza di base della programmazione prima di realizzare questo progetto. Iniziamo. Noi