Basics: Creating Your Very Own HTML Document Основы: создание ваших собственных HTML документ

This brief tutorial will guide you through creating your first web page. Это краткое руководство поможет вам создать свою первую веб-страницу.

What is HTML, and What Do I Need? Что такое HTML и какие мне нужны?

In order to create an HTML document you have to understand that HTML is the language of the Net. В целях создания HTML документа, вы должны понимать, что HTML является языком 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. Это простое и очень универсальный язык разметки, что дает веб-разработчикам и дизайнерам возможность создавать сложные страницы текстов, которые превращаются в образы, стили и ценным содержанием, которые можно рассматривать в какой-либо одним человеком с помощью любого компьютера или браузера на Интернет.

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. Некоторые из вас, возможно, слышали, что вам нужно рода специальное программное обеспечение, с тем чтобы опубликовать собственную HTML страницу, однако это явно ложное заявление.

Here’sa small list of all the tools you need: Вот небольшой список всех инструментов нужно:

-A word processor (such as SimpleText, BBEdit, Notepad, or Microsoft Word) -Редакторе (например, SimpleText, BBEdit, "Блокнот" или Microsoft Word)

-A simple working knowledge of HTML. -Простые рабочие знания HTML. (Fortunately HTML is easy and fun to learn!) (К счастью HTML легко и весело учиться!)

Yup! Thats it! THATS это! These are all the tools you need as of now, told you it was small list. Все эти инструменты нужно, как сейчас, вы сказали было небольших списка.

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 доб М ковчег деятельности-L anguage основном состоит из нескольких тегов, которые являются встроенными в простой текстовый документ. 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. Они действительно просто скрыта за кулисами, контроль большую часть того, что оно позволяет просматривать, и то, что он хочет вам целях в назначенное время. Hm, kind of reminds me of the parental control feature on the tv a bit. ТМ, видом напоминает мне функцию родительского контроля на ТВ немного.

HTML tags heavily take into account the existance of the English language. HTML-теги в значительной степени принимать во внимание существование Английский язык. 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 < >). Как и большинство теги слова (такие, как Цитата) или аббревиатуры (например, "р" пункта), но они однозначно отделены от текста, поскольку они помещены в небольшие угловые скобки (например, как эти <>) . Therefore the bold tag would look like <b> , and the blockquote tag is <blockquote> . Поэтому смелые тег будет выглядеть <b>, а Цитата тега <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). Существуют определенные теги, которые будут иметь наибольшее влияние на какой странице будет отформатирован (например, <p> начинается новый пункт, и <br> может привести к поломке последней строкой в этом пункте, чтобы пространство), и другие различия , как слова появляются (<i> делает текст курсивом). Most others provide information — such as the title — that doesn’t appear on the page itself. Большинство других предоставления информации - такие, как заголовок - это не отображается на странице самого.

One very important thing you must remember about tags is that for every one tag there is another one paired along with it. Одна очень важная вещь вы должны помнить о том, что теги для каждого тега есть еще один, парни вместе с ней. Every time you use a tag - say <br> - you must also add and close it off with another tag - in this case, </br> . Каждый раз, когда вы используете метку - сказал <br> - Вы должны также добавить, и закрыть его покинуть с другой тег - в данном случае, </ BR>. Note the slash - / - before the tag “br”; that’s what keeps in contrast the closing tag from the opening tag. Примечание косой - / - перед тегом "Br", что к чему ведет, в отличие от закрывающим тегом открытие метки.

A basic HTML page always begins with the tag <html> and ends with </html> . Базовая страница всегда начинается с тега <html> и заканчивается </ HTML>. In between, the file has two sections - the header and the body. В период, файл состоит из двух разделов - заголовка и тела.

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. Заголовок прилагается к <head> и </ HEAD> Теги - содержит информацию о ваших страниц, которые не будут видны на последней странице, например название. The body enclosed by <body> and </body> - is where the real HTML action takes place. Тело отделено <body> и </ BODY> - это когда реальный HTML действий не происходит. Every thing that appears on the page is contained within these tags. Каждая вещь, которая появляется на странице содержится внутри этих тегов.

Now On To The HTML Document Сейчас на HTML документе

I think we’re ready to start creating a 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. Правильно? Ok первый шаг, конечно, заключается в том, чтобы создать новый текстовый документ (помните, она должна быть сохранена как "Только текст" или "Обычный текст", если вы используете текстовый процессор, которые любитель, чем, скажем, SimpleText или Блокнот) и назовите ее "anything.html", где "ничего" является мкм, так и в основном ничего вообще.

Your basic document should look something like this: Ваш основной документ должен выглядеть так:

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

  <body> 
  <h1>HTML Basics</h1> <h1> Основы HTML </ h1> 

  <p>This is a simple article to help you create a working HTML page on SimpleHelp.Net!</p> <p> Это простой статье, чтобы помочь вам создать рабочие HTML страницу на SimpleHelp.Net! </ P> 

  <p>Simple helping on SimpleHelp.Net :)</p> <p> Простой помогая по 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. В <head> тегов, у нас есть название "SimpleHelp.Net", который появится в строке, расположенной в верхней части браузера.

Within the body tags, you should have everything that will be clearly visible on the page. В теле-теги, Вы должны иметь все, что будет четко виден на странице. With what we’ve written above it will look something like this: Что то, что мы выше, письменном виде оно будет выглядеть примерно так:

HTML Basics Основы HTML

This is a simple article to help you create a working HTML page on SimpleHelp.Net. Это простой статье, чтобы помочь вам создать рабочие HTML страницу на SimpleHelp.Net.

Simple helping on SimpleHelp.Net Простой помогая по 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. Как вы, наверно, уже догадались, <h1> имеет метку для заголовка (самый крупный заголовок, на самом деле по сравнению с <h2>, <h3>, и так далее) и <p>, конечно, знаменует собой начало нового пункта. Each paragraph is closed off by a corresponding </p> tag. Каждый пункт закрыли на соответствующий </ P> тег. As should every other tag be closed off by their correspondant tags that include a “/”. Как и все другие должны быть тег закрыли свои корреспондентские теги, которые включают "/".

Does “HTML-ing” seem pretty simple? Ли "HTML-ных" представляется довольно простой? Well guess what? Ну угадать, какие? It sure is! Он уверен, это!

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. Каждая страница имеет исходный код, и это может при этом вы можете просматривать веб-страницы каждые HTML код доступа через браузер меню. And best of all, you don’t need your own homepage to practice! И лучше всего, вам не нужен собственный стартовой к практике! 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. Вы можете сохранить HTML документы на локальном или переносных дисков, а затем их открыть с помощью открытого варианта в соответствии с меню "Файл" браузера.

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. Я желаю всем вам удачи, как мы надеемся, это помогло пару начинающего читателя создавать HTML-страницы и, возможно, даже помогли обновить несколько больше промежуточных умы разработчиков, как хорошо.

Feel free to comment! Не стесняйтесь комментировать!