Basics: Creating Your Very Own HTML Document الأساسيات : خلق الخاص بك للغاية الخاصة بها وثيقة من وثائق هتمل

This brief tutorial will guide you through creating your first web page. موجز هذا البرنامج التعليمي سوف دليل لكم من خلال إنشاء أول صفحة ويب الخاص بك.

What is HTML, and What Do I Need? ما هو هتمل ، وماذا هل أحتاج؟

In order to create an HTML document you have to understand that HTML is the language of the 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. البعض منكم قد سمعت عن بعض تحتاج إلى نوع من البرمجيات الخاصة لنشر هتمل صفحة الخاصة بك ، ولكن ذلك هو محض افتراء.

Here’sa small list of all the tools you need: Here'sa قائمة صغيرة من جميع الأدوات التي تحتاج :

-A word processor (such as SimpleText, BBEdit, Notepad, or Microsoft Word) بين معالج كلمات (مثل SimpleText ، BBEdit ، المفكرة ، أو مايكروسوفت وورد)

-A simple working knowledge of HTML. بين بسيطة معرفة هتمل. (Fortunately HTML is easy and fun to learn!) (لحسن الحظ هو هتمل سهلة وممتعة لتعلم!)

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. حاء ميم yper تي الفرع الهاتفي ارك المتابعة بين لام 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. هتمل العلامات بشدة أن تأخذ في الاعتبار وجود اللغة الانكليزية. 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 < >). وحيث أن معظم العلامات هي عبارة (مثل blockquote) أو المختصرات (مثل "ع" للفقرة) ، ولكنهم انفصلوا عن فريد العادية النص منذ انهم وضعت في زاوية صغيرة بين قوسين (مثل هذه <>) . Therefore the bold tag would look like <b> , and the blockquote tag is <blockquote> . ولذلك فإن العلامة جريئة سوف تبدو مثل <b>، و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). وهناك بعض العلامات التي سيكون لها أكبر تأثير على كيفية عرض الصفحة سيكون الشكل (على سبيل المثال ؛ <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>-- يجب عليك أن أضيف أيضا أنه وثيق مع آخر قبالة العلامة -- في هذه الحالة ، </ ر>. Note the slash - / - before the tag “br”; that’s what keeps in contrast the closing tag from the opening tag. ملاحظة خفض -- / -- قبل علامة "ر" ؛ هذا ما يبقي في المقابل إغلاق علامة من فتح بطاقة.

A basic HTML page always begins with the tag <html> and ends with </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></ رئيس> العلامات -- ويتضمن معلومات عن صفحتك التي لن تكون مرئية على الصفحة الأخيرة ، على سبيل المثال عنوان. The body enclosed by <body> and </body> - is where the real HTML action takes place. الهيئة المرفقة بها و<body></ هيئة> -- ومن حيث العمل الحقيقي هتمل يحدث. Every thing that appears on the page is contained within these tags. ويبدو أن كل شيء على صفحة وارد ضمن هذه العلامات.

Now On To The HTML Document إلى الآن على وثيقة من وثائق هتمل

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. الحق؟ طيب الخطوة الاولى ، بالطبع ، هو خلق وثيقة من وثائق النص الجديد (تذكر ، ينبغي أن يكون إنقاذ "النص فقط" أو "نص عادي" إذا كنت تستخدم معالج كلمات هاوى تربية الكلاب أكثر من هذا ، يقول ، SimpleText أو نوتة) واسم "anything.html" حيث "أي شيء" ، أم ، وأيضا أساسا أي شيء على الإطلاق.

Your basic document should look something like this: الخاص بك وثيقة أساسية ينبغي أن ننظر بشيء من هذا القبيل :

 <html> 
  <head> 
  <title>SimpleHelp.Net</title> <Title>SimpleHelp.Net </ عنوان> 
  </head> </ رئيس> 

  <body> 
  <h1>HTML Basics</h1> <h1>هتمل أساسيات </ h1> 

  <p>This is a simple article to help you create a working HTML page on SimpleHelp.Net!</p> <p>هذا هو مادة بسيطة لمساعدتك في إنشاء صفحة هتمل العمل على SimpleHelp.Net! </ ع> 

  <p>Simple helping on SimpleHelp.Net :)</p> <p>بسيطة تساعد على SimpleHelp.Net :) </ ع> 

  </body> </ هيئة> 
  </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 أساسيات هتمل

This is a simple article to help you create a working HTML page on SimpleHelp.Net. وهذا هو مادة بسيطة لمساعدتك في إنشاء صفحة هتمل العمل على 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. كل فقرة هي التي أغلقتها مناظر </ ع> العلامة. As should every other tag be closed off by their correspondant tags that include a “/”. كما ينبغي أن يكون كل علامة أخرى أغلقت من قبل مراسل والعلامات التي تشمل "/".

Does “HTML-ing” seem pretty simple? هل "بين هتمل جي" تبدو جميلة بسيطة؟ 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. كل صفحة لها شفرة المصدر وهذا يمكن مع هذا يمكنك عرض كل صفحات الويب هتمل مدونة طريق الوصول اليه من خلال برامج التصفح الخاص بك من القائمة خيارات. 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. يمكنك إحفظ الصفحة الخاصة بك على وثائق المحلية أو محركات الأقراص المحمولة وبعد ذلك تفتح لهم باستخدام الخيار مفتوح تحت القائمة ملف داخل المتصفح.

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. أتمنى لكم جميعا حظا سعيدا واتمنى أن هذا قد ساعد زوجين مبتدئ القراء إنشاء صفحة هتمل وربما ساعد تجديد عدد قليل من المطورين وسيطة أكثر العقول كذلك.

Feel free to comment! لا تتردد في التعليق!