HTML هو اختصار لـ لغة ترميز النصوص التشعبية . يتم استخدامه لإنشاء صفحات الويب وتطبيقات الويب. HTML هي اللغة المستخدمة على نطاق واسع على شبكة الإنترنت. في هذه المقالة سوف نتعلم كيفية كتابة HTML.
نعرض هنا أولاً إجراءً خطوة بخطوة لإنشاء صفحة HTML.
الخطوة 1 - افتح محرر النصوص لكتابة التعليمات البرمجية.
على الرغم من وجود العديد من برامج تحرير النصوص التي يمكن تنزيلها بسهولة للمبتدئين، إلا أن أفضل محرر نصوص هو Notepad (في Windows) وTextEdit (في Mac). في نظام التشغيل Windows، يكون محرر النصوص الافتراضي هو المفكرة ، بينما في نظام التشغيل Mac، يكون المحرر الافتراضي هو TextEdit. في النوافذ، يمكننا فتح المفكرة المحرر بالضغط على ابدأ واكتب المفكرة، كما هو موضح في الصورة أدناه -
يمكننا أيضًا استخدام المفكرة ++ محرر النصوص في ويندوز لكتابة برامج HTML. بعد تعلم الأساسيات، يمكننا استخدام محررين محترفين آخرين مثل المفكرة ++، نص سامية، فيم، إلخ.
الخطوة 2 - الآن، ابدأ بكتابة برامج HTML في محرر النصوص. يتم تضمين علامات HTML ضمن العلامات المفتوحة () والعلامات المغلقة (). لنفترض أنه يتعين علينا إنشاء فقرة، لذلك في HTML، يتم إنشاء الفقرة عن طريق كتابة علامة الفقرة المفتوحة
ثم قم بإدخال علامة فقرة مغلقة
.
بعد كتابة سطر من التعليمات البرمجية، يمكنك ببساطة الضغط على يدخل للانتقال إلى السطر التالي.
الخطوه 3: احفظ الملف إما باستخدام .لغة البرمجة أو مع .htm التمديد، كما هو موضح في لقطة الشاشة أدناه.
الخطوة 4: الآن، يمكنك تنفيذ ملف .html الخاص بك. للقيام بذلك، عليك أن تذهب إلى الموقع الذي قمت بحفظ الملف الخاص بك فيه. ثم حدد الملف المقابل وانقر عليه بزر الماوس الأيمن، وحدد متصفح الويب المطلوب لتشغيل الملف. يمكن أن يكون واضحًا من خلال لقطة الشاشة التالية -
inurl:.git/head
بعد النقر على المتصفح، سيتم عرض صفحة ويب توضح إخراج الملف الخاص بك.
الآن، دعونا نرى كيف يمكننا أن نبدأ مع HTML أو كيفية كتابة برامج HTML.
بالنسبة لأي مستند HTML، يمكننا بشكل أساسي بدء المستند بنوع المستند، أي بطاقة شعار ، ان علامة، و بطاقة شعار . يجب علينا إغلاق العلامات و العلامات. وسيتم كتابتها على النحو التالي -
يمكننا كتابة الكود الخاص بنا في العلامة والذي سيتم عرضه على متصفح الويب. لإنشاء عنوان لصفحة الويب، يمكننا تضمين علامة الرأس كما هو موضح أدناه -
<title < pre> <p>There are various tags in HTML for performing different tasks. There are six headings in HTML that are <a href="/html-heading"> <strong><h1>, <h2>, <h3>, <h4>, <h5>, and <h6></h6></h5></h4></h3></h2></h1></strong> </a> . These headings should be closed with their corresponding closing tags.</p> <p>There are various properties and rules to write HTML code. For more information, you can visit our <strong>HTML tutorial</strong> .</p> <p>We can create paragraphs in HTML by using the </p><p> tag , to create a hyperlink we can use the anchor tag, i.e., <a href=" "> </a>, we can also add unordered and ordered lists by adding <ul> and <ol> tags . An image can be inserted by using the .</ol></ul></p> <p>To add the style to a specific html tag or to the group of the html tags, we can use the CSS. There are three ways to use CSS in HTML that are Inline CSS , Internal or embedded CSS, and using the External CSS . Let's see the brief description of these ways -</p> <p> <strong>Inline CSS -</strong> Inline CSS uses style attribute to style the HTML elements. It is used to apply style to a single element.</p> <p> <strong>Internal or Embedded CSS -</strong> It defines CSS using <strong></strong> tag in the section. To use internal CSS, we can use id and class attributes.</p> <p> <strong>External CSS -</strong> It defines all CSS properties in a separate .css file. Then we have to include that file using the tag in the section.</p> <p>So, for more information, one should visit our HTML tutorial, where you will find a detailed and easier description of <a href="/html-tags">HTML tags</a> .</p> <hr></title>