Come creare un sito web in poche ore

Creare un sito web non deve essere difficile. In questo articolo, esamineremo le nozioni di base sulla creazione di pagine HTML e come creare un elenco di mini-include. Prossimo, discuteremo come utilizzare l'html>-tag per evidenziare il testo. In definitiva, ti mostreremo come creare un sito web in poche ore. Tratteremo anche alcune altre tecniche utili.

Creazione di una pagina html

HTML è il linguaggio utilizzato per creare pagine web. Definisce la struttura della pagina web e i CSS controllano il modo in cui viene visualizzato il contenuto. Non è difficile creare una pagina HTML di base. Ecco una guida passo passo per iniziare. Una volta che hai una pagina HTML di base, sei pronto per crearne di più complessi e dinamici. Per iniziare, avrai bisogno di un editor di testo e di un browser web.

Puoi anche utilizzare un elaboratore di testi come MS Word per creare il contenuto per la tua pagina web. È possibile utilizzare i collegamenti ipertestuali per collegare il testo tra loro. Puoi anche salvare il file come file html, una pagina web. Questo metodo funziona bene, ma le pagine che crei in questo modo sono enormi e non hanno un bell'aspetto nella finestra del browser. L'unico svantaggio di questo metodo è che devi imparare a utilizzare gli strumenti disponibili.

L'HTML è un linguaggio di markup, il che significa che è necessario includere tag per formattare il contenuto della pagina. Ogni tag rappresenta uno degli elementi della pagina. Un tag è identificato da una parentesi angolare. Alcuni elementi richiedono un solo tag, mentre altri ne richiedono due. Un tag di chiusura contiene una barra. Per esempio, il tag paragrafo crea un elemento chiamato paragrafo. Il testo compreso tra i tag di apertura e di chiusura costituisce il testo del paragrafo. Allo stesso modo, il tag ul crea un elenco non ordinato.

Creazione di un elenco di mini-include

Creare una sezione mini-include è un modo efficace per collegare vari elementi sulla stessa pagina web. Una pagina HTML può essere suddivisa in più sottosezioni, con ogni sezione contenente un elenco di elementi. Questi elementi hanno scopi diversi. È possibile utilizzare l'attributo type per visualizzare l'ordine alfabetico. Puoi anche utilizzare le lettere minuscole per creare un elenco di elementi con le lettere a, B, o c.

Aggiungere un elemento è facile. Un semplice documento HTML contiene tag che ne definiscono il contenuto. Questi tag solitamente vengono forniti in coppia. Il tag di apertura viene utilizzato per elencare gli elementi al suo interno, mentre il tag di chiusura chiude l'elemento. Il tag di apertura, o testa, include informazioni descrittive sul documento. Queste informazioni possono includere un titolo, informazioni sul foglio di stile, script, o metainformazioni. Il tag di chiusura, d'altro canto, chiude l'elemento.

Utilizzando l'HTML>-etichetta

L'HTML>-Il tag viene utilizzato per definire l'area del contenuto principale di un documento HTML. L'area del contenuto principale è costituita da testo relativo all'argomento centrale o alla funzionalità della pagina. Deve essere unico rispetto agli altri contenuti del sito. Altri contenuti possono apparire sulla pagina sotto forma di barre laterali, collegamenti di navigazione, informazioni sul diritto d'autore, loghi del sito, e moduli di ricerca. Una pagina HTML deve seguire l'html>-tag da considerare una pagina HTML.

L'attributo href= apre l'elemento link. Dopo il “=” cartello, dovresti incollare l'URL del collegamento. Puoi anche utilizzare più righe di paragrafo in un'unica intestazione. La parentesi di chiusura è d'obbligo. Ciò eviterà che i tuoi collegamenti vengano interpretati erroneamente. Per rendere la pagina html più facile da leggere, aggiungi un collegamento al tuo sito web. L'HTML>-tag ti consentirà di aggiungere collegamenti che puntano a un'altra pagina web.

Un file HTML avrà un'estensione.html che dirà al tuo computer che si tratta di un file HTML. È meglio usare un trattino invece degli spazi, poiché gli spazi impediranno al browser Web di trovare il file. Una volta completata la creazione di una pagina HTML, dovrai salvarlo. Prossimo, accedere alla cartella con il file HTML e fare clic con il pulsante destro del mouse. Dovrebbe apparire simile allo screenshot qui sotto.

Utilizzando l'HTML>-tag per evidenziare il testo

Puoi usare il marchio> tag per evidenziare il testo nei documenti HTML. È un HTML relativamente nuovo 5 caratteristica, e definisce una parte evidenziata di un paragrafo. Il marchio> Il tag funziona modificando la proprietà background-color del documento HTML sottostante. Il marchio> il tag supporta sia gli attributi globali che quelli degli eventi. Evidenzierà il testo in giallo o nero. È anche possibile cambiare il colore del testo nel file CSS sottostante.

La maggior parte dei lettori di schermo non annuncia l'elemento mark, ma puoi utilizzare la proprietà del contenuto CSS o gli pseudo-elementi.before e.after per rendere ovvio quale testo desideri evidenziare. Gli annunci sono dettagliati e aggiungono informazioni non necessarie alla pagina, quindi dovresti usarli con parsimonia. Per esempio, puoi utilizzare gli annunci per evidenziare un termine di ricerca o bloccare le virgolette. Gli annunci sono supportati da tutti i principali browser.

Oltre allo stile del colore di sfondo, puoi usare il comando "evidenziami".’ class per evidenziare il testo nel documento HTML. Lo stile del colore di sfondo è supportato da tutti i browser. Puoi anche usare la parola "giallo".’ invece del codice colore. Puoi utilizzare lo stesso codice per evidenziare un paragrafo o una sezione di testo. Puoi anche utilizzare le classi CSS per evidenziare il testo.

Utilizzando l'HTML>-tag per creare un elenco di mini-include

L'HTML>-Il tag viene utilizzato per creare un elenco di mini-include. Contiene il tag di chiusura corrispondente e il nome dell'elemento è in minuscolo. I documenti HTML vengono codificati utilizzando la codifica dei caratteri UTF-8, che supporta l'inclusione di caratteri Unicode. Quando si utilizza l'html>-etichetta, assicurati di selezionare UTF-8 nel file “salva con nome” finestra di dialogo.

Utilizzando l'HTML>-tag per aggiungere un elenco di mini-include a una pagina HTML è semplice. Puoi utilizzare questo tag per qualsiasi elemento che supporti un elenco non ordinato. Puoi anche utilizzare un elenco non ordinato per un menu di navigazione. L'elemento dl racchiude un elenco di coppie di termini e descrizioni. Gli elementi in un elenco ordinato vengono visualizzati con un contatore crescente a sinistra. Puoi anche omettere l'elemento dl se l'elemento dell'elenco è immediatamente seguito da un altro elemento.

Un altro modo per inserire un elenco di mini-include è aggiungere un elemento footer in un documento HTML. Questo elemento rappresenta il piè di pagina del contenuto di sezione più vicino. Di solito contiene informazioni sull'autore, dati sul diritto d'autore, o collegamenti a documenti correlati. Utilizzando l'HTML>-tag per creare un elenco di mini-include su una pagina HTML

Utilizzando l'HTML>-tag per evidenziare singoli blocchi di testo

HTML5 evidenzia i singoli blocchi di testo con il segno> elemento. Questo tag HTML5 modifica il colore del contenuto nell'origine in una certa tonalità di giallo o nero, consentire al lettore di distinguere il testo importante. Può anche essere utilizzato per indicare sezioni di contenuto che richiedono maggiore attenzione rispetto ad altro testo. Il marchio> L'elemento supporta gli attributi globali e gli attributi degli eventi in HTML. Se usato correttamente, questo tag HTML5 può migliorare la leggibilità di una pagina web.

Lo standard HTML4 depreca i tag a livello di carattere in stile fisico. Si occupano della presentazione, ed è meglio usare i CSS per questi scopi. HTML5 li ha reintrodotti. Non sono più deprecati, ma non sono ancora l'unico modo per evidenziare singoli blocchi di testo. Utilizza i CSS per evidenziare singoli blocchi di testo con HTML5! Questo semplice metodo evidenzierà i singoli blocchi di testo all'interno di un contenuto.

Galleggiante: Puoi utilizzare questa proprietà CSS per rendere mobile un elemento sul bordo sinistro o destro dell'elemento che lo contiene. Può essere utilizzato per creare una griglia o colonne. Puoi anche utilizzare una proprietà CSS chiamata float per rendere mobile un iframe o un'immagine sul margine sinistro o destro del browser. Questi attributi semplificano l'evidenziazione dei singoli blocchi con i CSS.