Basics: Creating Your Very Own HTML Document Nozioni di base: creare il vostro documento HTML

This brief tutorial will guide you through creating your first web page. Questo breve tutorial vi guiderà attraverso la creazione del tuo prima pagina web.

What is HTML, and What Do I Need? Che cosa è HTML, e che cosa ho bisogno?

In order to create an HTML document you have to understand that HTML is the language of the Net. Al fine di creare un documento HTML dovete capire che l'HTML è il linguaggio della Rete. It’sa simple yet universal mark-up language that gives web developers and designers the ability to create complex pages of text that turn into images, styles, and valuable content that can be viewed by any one person using any sort of computer or browser on the web. Si tratta di un semplice ma universale del linguaggio di markup che dà sviluppatori e web designer la possibilità di creare complesse pagine di testo che si trasformano in immagini, stili e contenuti che possono essere visualizzati da qualsiasi persona che utilizza uno qualsiasi tipo di computer o sul browser Web.

Some of you may have heard that you need some sort of special software in order to publish your own HTML page, however that is a blatantly false statement. Alcuni di voi hanno sentito che avete bisogno di un qualche tipo di software speciale, al fine di pubblicare i tuoi pagina HTML, tuttavia, che è una dichiarazione palesemente falsa.

Here’sa small list of all the tools you need: Ecco una piccola lista di tutti gli strumenti necessari:

-A word processor (such as SimpleText, BBEdit, Notepad, or Microsoft Word) -Un word processor (come SimpleText, BBEdit, Blocco note o Microsoft Word)

-A simple working knowledge of HTML. -Un semplice conoscenza di HTML. (Fortunately HTML is easy and fun to learn!) (Fortunatamente HTML è facile e divertente per imparare!)

Yup! Thats it! Thats it! These are all the tools you need as of now, told you it was small list. Questi sono tutti gli strumenti necessari sin d'ora, detto quanto era piccola lista.

Tags Tag

H yper T ext M ark-up- L anguage mostly consists of several tags that are embedded into a simple text document. H yper T ext M arca-up-L INGUA la maggior parte consiste di diversi tag che sono incorporati in un semplice documento di testo. They are really just hidden behind the scenes, controlling most of what it lets you view, and what it wants you to view at the designated time. Sono davvero solo nascosto dietro le quinte, controllando la maggior parte di ciò che ti consente di visualizzare, e ciò che vuole di visualizzare in tempo designato. Hm, kind of reminds me of the parental control feature on the tv a bit. Hm, tipo di mi ricorda la funzione di controllo parentale sulla tv un po '.

HTML tags heavily take into account the existance of the English language. Tag HTML fortemente prendere in considerazione l'esistenza della lingua inglese. As most of the tags are words (such as blockquote) or abbreviations (such as “p” for paragraph), but they’re uniquely separated from the regular text since they’re placed in small angle brackets (such as these < >). Come la maggior parte dei tag sono parole (come blockquote) o abbreviazioni (ad esempio "p" per punto), ma sono unicamente separato dal testo normale, dato che in piccola parentesi angolari (come questi <>) . Therefore the bold tag would look like <b> , and the blockquote tag is <blockquote> . Pertanto, la coraggiosa etichetta sarà simile <b>, e l'etichetta è blockquote <blockquote>.

There are certain tags that will have the most influence on how the page will be formatted (for example; <p> begins a new paragraph, and <br> can break the last line within the paragraph to allow a space), and others differentiate how the words appear ( <i> makes text italic). Ci sono alcuni tag che avrà il più influenza sul modo in cui la pagina verrà formattato (per esempio; <p> inizia un nuovo paragrafo, e <br> può spezzare l'ultima riga all'interno del punto di consentire uno spazio), e altri differenziare come appaiono le parole (<i> rende il testo corsivo). Most others provide information — such as the title — that doesn’t appear on the page itself. La maggior parte delle altre fornire informazioni - come il titolo - che non appare sulla pagina stessa.

One very important thing you must remember about tags is that for every one tag there is another one paired along with it. Una cosa molto importante si deve ricordare sui tag è che per ogni etichetta vi è un altro associato con essa. Every time you use a tag - say <br> - you must also add and close it off with another tag - in this case, </br> . Ogni volta che si utilizza un tag - <br> dire - si deve anche aggiungere e chiuderlo con un altro tag - in questo caso, </ br>. Note the slash - / - before the tag “br”; that’s what keeps in contrast the closing tag from the opening tag. Osserva la barra - / - prima del tag "br", che è quello che tiene in contrasto con il tag di chiusura del tag di apertura.

A basic HTML page always begins with the tag <html> and ends with </html> . Una pagina HTML di base semper inizia con l'etichetta <html> e termina con </ html>. In between, the file has two sections - the header and the body. Nel mezzo, il file è divisa in due sezioni - l'intestazione e il corpo.

The header enclosed by the <head> and </head> tags - contains information about your page that won’t be visible on the final page, for example the title. L'intestazione delimitata dalla <head> e </ head> tag - contiene informazioni sulla tua pagina che non sarà visibile sulla pagina finale, per esempio il titolo. The body enclosed by <body> and </body> - is where the real HTML action takes place. Il corpo delimitata dalla <body> e </ body> - dove è il vero HTML azione abbia luogo. Every thing that appears on the page is contained within these tags. Ogni cosa che appare sulla pagina è contenuta all'interno di questi tag.

Now On To The HTML Document Ora al documento HTML

I think we’re ready to start creating a simple page. Penso che siamo pronti per iniziare a creare una semplice pagina. Right?  Ok the first step, of course, is to create a new text document (remember, it should be saved as “Text Only” or “Plain Text” if you’re using a word processor that’s fancier than, say, SimpleText or NotePad) and name it “anything.html” where “anything” is, um, well basically anything at all. Giusto? Ok il primo passo, ovviamente, è quello di creare un nuovo documento di testo (ricordiamo, dovrebbe essere salvato come "solo testo" o "Testo normale" se stai usando un word processor che fancier che, tanto per dire, SimpleText o Blocco note) e il nome "anything.html" dove "qualcosa" è, um, e sostanzialmente nulla.

Your basic document should look something like this: Il vostro documento di base dovrebbe apparire qualcosa di simile a questo:

 <html> 
  <head> 
  <title>SimpleHelp.Net</title> <title> SimpleHelp.Net </ title> 
  </head> </ head> 

  <body> 
  <h1>HTML Basics</h1> <h1> HTML di base </ h1> 

  <p>This is a simple article to help you create a working HTML page on SimpleHelp.Net!</p> <p> Si tratta di un semplice articolo per aiutarvi a creare un gruppo di lavoro sulla pagina HTML SimpleHelp.Net! </ p> 

  <p>Simple helping on SimpleHelp.Net :)</p> Semplice <p> aiutare a SimpleHelp.Net:) </ p> 

  </body> </ body> 
  </html> </ html> 

Within the <head> tags, we have the title “SimpleHelp.Net” which will appear in the bar across the top of your browser. All'interno del tag <head>, abbiamo il titolo di "SimpleHelp.Net", che verrà visualizzato nella barra in cima alla finestra del browser.

Within the body tags, you should have everything that will be clearly visible on the page. All'interno del corpo tag, si dovrebbe avere tutto ciò che sarà chiaramente visibile sulla pagina. With what we’ve written above it will look something like this: Con quello che abbiamo scritto sopra di esso avrà un aspetto simile a questo:

HTML Basics HTML di base

This is a simple article to help you create a working HTML page on SimpleHelp.Net. Si tratta di un semplice articolo per aiutarvi a creare un gruppo di lavoro sulla pagina HTML SimpleHelp.Net.

Simple helping on SimpleHelp.Net Semplice aiutare a SimpleHelp.Net

As you might have guessed, <h1> is the tag for a headline (the largest headline, in fact compared to <h2>, <h3>, and so on) and <p> , of course, marks the beginning of a new paragraph. Come forse avrete già indovinato, è <h1> l'etichetta per un titolo (il più grande titolo, in realtà <h2> rispetto a, <h3> e così via) <p> e, naturalmente, segna l'inizio di una nuova paragrafo. Each paragraph is closed off by a corresponding </p> tag. Ogni paragrafo è chiuso da un corrispondente </ p> tag. As should every other tag be closed off by their correspondant tags that include a “/”. Come ogni altro dovrebbe essere etichetta chiuse con il loro corrispondente tag che includono un "/".

Does “HTML-ing” seem pretty simple? La "HTML-Ing" sembrano piuttosto semplice? Well guess what? Beh indovinate cosa? It sure is! Si è sicuro!

Every page has a source code and this can with this you can view every web pages HTML code by accessing it through your browsers menu options. Ogni pagina ha un codice sorgente e questo può a questo è possibile visualizzare tutte le pagine web dal codice HTML di accesso tramite il vostro browser opzioni di menu. And best of all, you don’t need your own homepage to practice! E la cosa migliore di tutti, non è necessario il vostro home page di pratica! You can save HTML documents on your local or portable drives and then have them open up using the Open option under the File menu within your browser. È possibile salvare i documenti HTML sul tuo locale o le unità portatili e poi li hanno aperti fino utilizzando la facoltà di cui Aprire il menu File all'interno del tuo browser.

I wish you all the best of luck as hopefully this has helped a couple novice readers create an HTML page and maybe even helped refresh a few of the more intermediate developers minds as well. Auguro a tutti buona fortuna, come si spera questo ha contribuito a un paio di lettori inesperti di creare una pagina HTML e forse anche aiutato aggiornare alcuni dei maggiori sviluppatori intermedi e le menti.

Feel free to comment! Sentitevi liberi di commentare!