Basics: Creating Your Very Own HTML Document Basics: la création de votre propre document HTML

This brief tutorial will guide you through creating your first web page. Ce bref tutoriel vous guidera à travers la création de votre première page Web.

What is HTML, and What Do I Need? Qu'est-ce que HTML, et comment puis-je?

In order to create an HTML document you have to understand that HTML is the language of the Net. Afin de créer un document HTML, vous devez comprendre que HTML est le langage du Net. 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. C'est un simple mais universel du langage de balisage Web qui donne aux développeurs et concepteurs la possibilité de créer des pages de texte qui se transforment en images, des styles et des précieux contenus qui peuvent être consultés par toute personne utilisant n'importe quel type d'ordinateur ou de navigateur sur le 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. Certains d'entre vous ont entendu mai que vous avez besoin d'un certain type de logiciel spécial afin de publier votre propre page HTML, mais qui est manifestement fausse déclaration.

Here’sa small list of all the tools you need: Voici une petite liste de tous les outils dont vous avez besoin:

-A word processor (such as SimpleText, BBEdit, Notepad, or Microsoft Word) -Un traitement de texte (tel que SimpleText, BBEdit, le Bloc-notes ou Microsoft Word)

-A simple working knowledge of HTML. -Une simple connaissance du langage HTML. (Fortunately HTML is easy and fun to learn!) (Heureusement, le HTML est facile et amusant d'apprendre!)

Yup! Thats it! Thats it! These are all the tools you need as of now, told you it was small list. Ce sont tous les outils dont vous avez besoin dès maintenant, vous a dit il a été petite liste.

Tags Tags

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 poste M arche-up-Langue principalement composé de plusieurs balises qui sont incorporés dans un simple document texte. 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. Ils sont vraiment caché dans les coulisses, de contrôler la plupart de ce que cela vous permet de voir, et ce qu'il veut de visualiser à la fois désigné. Hm, kind of reminds me of the parental control feature on the tv a bit. Hm, sorte de me rappelle de la fonction de contrôle parental sur la TV un peu.

HTML tags heavily take into account the existance of the English language. Les balises HTML fortement tenir compte de l'existence de la langue anglaise. 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 < >). Comme la plupart des tags sont des mots (tels que blockquote) ou les abréviations (telles que "p" pour le paragraphe), mais ils sont uniquement séparés de l'ordinaire de texte, car ils sont placés dans de petits crochets (tels que ces <>) . Therefore the bold tag would look like <b> , and the blockquote tag is <blockquote> . Par conséquent, la balise gras ressemblent à <b>, et la balise est 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). Il existe certaines balises qui auront le plus d'influence sur la façon dont la page est formatée (par exemple; <p> commence un nouveau paragraphe, et <br> peut briser la dernière ligne dans le paragraphe afin de permettre un espace), et de différencier autres la façon dont les mots apparaissent (<i> fait texte en italique). Most others provide information — such as the title — that doesn’t appear on the page itself. La plupart des autres de fournir des informations - telles que le titre - qui ne figure pas sur la page elle-même.

One very important thing you must remember about tags is that for every one tag there is another one paired along with it. Quelque chose de très important, vous devez retenir au sujet des balises est que, pour chaque balise, il en est une autre jumelé avec elle. Every time you use a tag - say <br> - you must also add and close it off with another tag - in this case, </br> . Chaque fois que vous utilisez une balise - <br> dire - vous devez également ajouter et de la fermer avec une autre étiquette - dans ce cas, </ br>. Note the slash - / - before the tag “br”; that’s what keeps in contrast the closing tag from the opening tag. Notez la barre oblique - / - avant la balise "br", c'est ce qui garde en revanche la balise de fermeture de la balise d'ouverture.

A basic HTML page always begins with the tag <html> and ends with </html> . Une page HTML commence toujours avec le tag <html> et se termine par </ html>. In between, the file has two sections - the header and the body. Entre-temps, le fichier comporte deux sections - l'en-tête et le corps.

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'en-tête la délimitées par les <head> et </ head> tags - contient des informations sur votre page qui ne sera pas visible sur la dernière page, par exemple le titre. The body enclosed by <body> and </body> - is where the real HTML action takes place. Le corps ci-joint par <body> et </ body> - où est le véritable HTML action se déroule. Every thing that appears on the page is contained within these tags. Toute chose qui apparaît sur la page est contenue à l'intérieur de ces balises.

Now On To The HTML Document Maintenant, sur le document HTML

I think we’re ready to start creating a simple page. Je pense que nous sommes prêts à commencer à créer une simple page. 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. Droit? Ok la première étape, bien sûr, est de créer un nouveau document texte (rappelez-vous, il devrait être enregistré en tant que "texte seul" ou "Plain Text" si vous utilisez un traitement de texte que l'amateur que, disons, SimpleText ou le Bloc-notes) et nommez-le "anything.html" où "rien" est, euh, bien au fond rien du tout.

Your basic document should look something like this: Votre document de base devrait ressembler à quelque chose comme ceci:

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

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

  <p>This is a simple article to help you create a working HTML page on SimpleHelp.Net!</p> <p> Il s'agit d'un simple article pour vous aider à créer une page HTML sur SimpleHelp.Net! </ p> 

  <p>Simple helping on SimpleHelp.Net :)</p> Simple <p> sur SimpleHelp.Net aider:) </ 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. Dans le <head> balises, nous avons le titre de "SimpleHelp.Net" qui apparaîtra dans la barre en haut de votre navigateur.

Within the body tags, you should have everything that will be clearly visible on the page. Dans le corps des balises, vous devriez avoir tout ce qui sera clairement visible sur la page. With what we’ve written above it will look something like this: Avec ce que nous avons écrit ci-dessus, il ressemblera à quelque chose comme ceci:

HTML Basics HTML de base

This is a simple article to help you create a working HTML page on SimpleHelp.Net. Il s'agit d'un simple article pour vous aider à créer une page HTML sur SimpleHelp.Net.

Simple helping on SimpleHelp.Net Simple aider sur 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. Comme vous l'avez sûrement deviné, <h1> est le tag pour un titre (le plus gros titre, en fait, par rapport à <h2>, <h3>, et ainsi de suite) et <p>, bien sûr, marque le début d'une nouvelle paragraphe. Each paragraph is closed off by a corresponding </p> tag. Chaque paragraphe est fermé par un correspondant </ p> tag. As should every other tag be closed off by their correspondant tags that include a “/”. Ainsi que tous les autres tag être fermés par leur correspondant balises qui comprennent un "/".

Does “HTML-ing” seem pretty simple? Est-ce que "HTML-ING» semble assez simple? Well guess what? Eh bien devinez quoi? It sure is! Il est sûr!

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. Chaque page comporte un code source et cela peut, avec cela, vous pouvez afficher tous les pages Web HTML code de l'accès par le biais de votre navigateur dans les options du menu. And best of all, you don’t need your own homepage to practice! Et mieux encore, vous n'avez pas besoin de votre propre page d'accueil à la pratique! 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. Vous pouvez enregistrer des documents HTML sur votre portable ou de lecteurs, puis les ouvrir en utilisant l'option Ouvrir dans le cadre du menu Fichier de votre navigateur.

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. Je vous souhaite à tous bonne chance, espérons que cela a aidé un couple de lecteurs débutants de créer une page HTML et peut-être même contribué à actualiser un peu plus de l'esprit des développeurs intermédiaires ainsi.

Feel free to comment! N'hésitez pas à commenter!