أوامر HTML ووظائفها .. وجميع أكوادها الهامة

تعريف HTML

وهي من اللغات حيث يتم استخدامها لإنشاء صفحات الإنترنت التي يتم عرضها بواسطة أحد برامج مستعرض الإنترنت ولكن الجدير بالذكر أنها ليست لغة برمجة بالمعنى والشكل المعروف في لغات البرمجة الأخرى مثل C، لها أسلوبها الخاص لأنها لا تحتوي على عبارات تناوب وجمل تحكم، ويجب وضعها في حالة ضرورة استخدام هذه العبارات في أكواد من لغات أخرى مثل java و javaScript و C .

تتميز لغة HTML بحقيقة أنها لا تحتاج إلى مترجم خاص يتضمن مترجمًا، لذلك فهي تعتبر لغة برمجة يسهل فهمها وتنفيذها، ولأنها لا تتطلب معرفة سابقة بلغات البرمجة، فهي تتطلب فقط منطقية التفكير بالإضافة إلى ترتيب الأفكار، وكلمة HTML هي اختصار لـ Language Markup Text Hyper.

أوامر وأكواد HTML مع الشرح

الامر مكتوب في بداية الكود للإشارة إلى أن المستند مكتوب بلغة html وأن كود لغة البرمجة هذه مقسم إلى جزأين

head منطقة كتابة معلومات المتصفح حول الصفحة، مثل عنوان الصفحة.
الجسم وهو النقطة التي تكتب فيها المحتوى الذي سيكون داخل الصفحة.

أكواد HTML هي

تحدد هذه العلامة نوع المستند.
يوضع في البداية لأنه يشير إلى لغة البرمجة المستخدمة.
وهو عبارة عن كود لرأس الصفحة حيث يتضمن عنوان الموقع الذي سيظهر في علامة تبويب الموقع، بالإضافة إلى أنه يحتوي على معلومات مضافة إلى الصفحة مثل الكلمات الأساسية والأشياء الأخرى التي لم يتم تضمينها في المحتوى.
هو الكود المستخدم لتنسيق وكتابة عنوان نافذة الصحيفة.</li><li> وهي العلامة التي تحتوي على جميع مكونات الموقع. وهي تعتبر متن الموقع، ومكتوب فيها ما يلي<ul><li>bhcolor = ”ffff00 ″ أو bgcolor = يتم استخدام اللون الأصفر لتحديد لون الصفحة، لذلك يجب كتابتها على النحو التالي .</li><li>background = “نكتب اسمًا أو امتدادًا لها”، وتعمل في صورة خلفية الصفحة ويجب كتابتها بالشكل التالي مع العلم أن الأقواس تتغير حسب اسم الصورة</li></ul></li><li><A> علامة خاصة بالارتباط التشعبي مثل <a>قم بزيارة موقع المرسل</a>.</li><li><abbr> حدد الاختصار.</li><li> <address> هذه العلامة تحدد العنوان.</li><li><area> يختار منطقة معينة في الصورة.</li><li><article> هي علامة مقالة.</li><li> وتتمثل وظيفتها في تثبيت ارتباط نصي لجميع العناصر الموجودة في الصفحة.</li><li><b>علامة لتغيير الخط وجعله أكثر سمكا.</li><li> ضع علامة على بداية سطر جديد.</li><li><u> إنه الهاشتاغ الخاص بالكتابة ويؤكد عليه.</li><li><i>الهاشتاغ الذي مائل.</li><li><button> وهي العلامة الخاصة لإضافة زر.</li><li><h1> هي علامة الرأس.</li><li><h6> هي العلامة الخاصة برأس العنوان الفرعي.</li><li><bdo> يحدد اتجاه النص.</li><li><big> يتحكم في حجم النص ويجعله أكبر.</li><li><blockquote><p> هذه العلامة تضع اقتباس.</li><li><caption> يصف مجموعة من العناصر في نموذج مخصص ويتم كتابته بعد ذلك</p><table> لإضافة عنوان الصفحة. .</li><li> هذه العلامة تركز على العناصر.</li><li><textarea> وهي العلامة التي تنشئ منطقة نصية مع تحديد المسافة والمسافة.</li><li><sub> يستخدم لجعل الكلمة تحت السطر.</li><li><sup> يستخدم لجعل الكلمة فوق السطر.</li><li><span> تقوم هذه العلامة بتنسيق الكلمات في فقرة بأكملها، مثل تغيير اللون أو تغيير نوع الخط، بالإضافة إلى تنسيق الفقرة بأكملها، لكنك تريد استبعاد قسم أو كلمة معينة.</li><li><small> يكتب نصًا بحجم صغير.</li><li><s> تعمل هذه العلامة عندما نريد شطب كلمة.</li><li><q> تضع هذه العلامة علامات اقتباس حول فقرة.</li><li> <pre> يضبط النص بحجم ومسافات ثابتة، بالإضافة إلى أنه يعمل باستخدام المسطرة والفاصلات.</li><li><font> يستخدم مع النص وعناصر التحكم في خصائص الخط بالإضافة إلى تلوينه.</li><li> بشكل عام يقوم بتوسيط الفقرات على الصفحة.</li><li> تُستخدم هذه العلامة لتمييز العناوين، وكذلك لتقليل النص الموجود بداخلها.</li><li><ol> يضيف قوائم متسلسلة من الأرقام المرقمة أو الحرفية.</li><li><UL> يضيف قوائم غير متسلسلة، مثل تعداد نقطي.</li><li> يعمل على نقل النص أو الصور، ويمكننا أن نضيف ضمن هذه العلامة ما يلي<ul><li>bgcolor = red يحدد لون خلفية النص أو لون خلفية الرسم المتحرك.</li><li>العرض = ”180 يضبط عرض الحقل لتحريك الصورة أو تحريك النص.</li><li>الارتفاع = "180 يحدد طول الحقل المتحرك لصورة أو نص.</li><li>تحدد align = "left" المحاذاة الرأسية للنص ويمكن أن تكون لليسار أو لليمين أو في المنتصف.</li><li>تحدد "vspace =" 20 المسافة الرأسية بين النص والحافة العلوية والسفلية.</li><li>"Hspace =" 20 يحدد المسافة الأفقية بين النص والحافة العلوية والسفلية.</li><li>bahavior = "تحدد الشريحة سلوك النص أو الصورة من جانب إلى آخر.</li></ul></li><li><table> وهي عبارة عن رمز تعريف أو رمز تعريف للجدول يمكننا من خلاله كتابة بعض التعليمات التي تتحكم في إطار وعرض الجدول بالإضافة إلى طوله وتحديد المسافات بين خلاياه.</li><li><td> تُستخدم هذه العلامة لتحديد الخلية في الجدول.</li><li><th> مكتوب بعد</p><table> وهو من أجل إضافة رأس الصفحة.</li><li> هي علامة أساسية لأنها تضيف نماذج.</li></ul><h2 style="text-align: justify"><span class="ez-toc-section" id="%D9%88%D8%B8%D8%A7%D8%A6%D9%81_%D9%84%D8%BA%D8%A9_%D8%A3%D8%AA%D8%B4_%D8%AA%D9%8A_%D8%A3%D9%85_%D8%A3%D9%84"></span>وظائف لغة أتش تي أم أل<span class="ez-toc-section-end"></span></h2><p style="text-align: justify">تتمثل الوظيفة الأساسية للغة html في إنشاء صفحة ويب، والتي تصبح من خلال أوامر ورموز خاصة، وتسمى أيضًا العلامات، حيث تعمل هذه الصفحة بواسطة برنامج مستعرض الإنترنت الذي ينفذ هذه الرموز وإظهار تأثيرها على صفحة المتصفح، و وظائف لغة البرمجة html هي</p><ul style="text-align: justify"><li>يصف هيكل صفحات الويب.</li><li>يحتوي HTML على عناصر يمكننا من خلالها إضافة صور وكائنات تفاعلية.</li><li>يقوم بإنشاء مستندات بعلامات تشير إلى الفقرات والعناوين، بالإضافة إلى الاستشهادات والجداول والارتباطات.</li><li>من خلال لغة البرمجة هذه يمكننا تنسيق الصفحة واستخدام الخلفيات.</li><li>يسمح بإدخال الصور والرسومات بالإضافة إلى التحكم في أحجام وأبعاد هذه الصور.</li><li>يسمح بإدراج الروابط والارتباطات التشعبية.</li></ul><h2 style="text-align: justify"><span class="ez-toc-section" id="%D9%83%D8%A7%D9%81%D8%A9_%D8%AE%D8%B5%D8%A7%D8%A6%D8%B5_HTML"></span>كافة خصائص HTML<span class="ez-toc-section-end"></span></h2><p style="text-align: justify">هناك حيث أنه لا يسمح للمستخدم بتنفيذ المنطق، ولكن هناك خصائص ومزايا لغة البرمجة html تتجلى في</p><ul><li style="text-align: justify">لا تحتاج لغة البرمجة هذه إلى تصميم برامج، فهي تحتاج فقط إلى دفتر ملاحظات أو دفتر ملاحظات.</li><li style="text-align: justify">من السهل التعلم وبسيط.</li><li style="text-align: justify">من خلالها يمكن اضافة اي تعديل على الموقع بكل سهولة.</li><li style="text-align: justify">السماح بالكتابة باللغة العربية.</li><li style="text-align: justify">لديه القدرة على إضافة نصوص مثل نصوص Java أو نصوص DHTML.</li><li style="text-align: justify">من خلال HTML يمكننا التحكم في خصائص صفحة الويب.</li><li style="text-align: justify">يعمل على ترجمة النصوص الى اللغة العربية.</li></ul><p> ال</p><ul id="almrsal-references-block" style="background: transparent;margin:10px"><li id="reference-1" style="padding:0px;margin-right:15px;width:auto;clear:both"></li><li id="reference-2" style="padding:0px;margin-right:15px;width:auto;clear:both"></li><li id="reference-3" style="padding:0px;margin-right:15px;width:auto;clear:both"></li></ul></div><div class="center zunit"><div id="adso3"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6887868271585723" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:inline-block;width:360px;height:740px" data-ad-client="ca-pub-6887868271585723" data-page-url="https://makkah-news.com/article/5602" data-ad-slot="2077629426"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div></div><div class="related-posts"><h2>ذات صلة</h2><div class="columns"><div class="column mp"> <a href="https://tech.el7sry2day.info/post/23" title="أنواع برامج معالجة النصوص"><div class="title">أنواع برامج معالجة النصوص</div> </a></div><div class="column mp"> <a href="https://tech.el7sry2day.info/post/113" title="مميزات وعيوب ” Latitude E6430 Dell “"><div class="title">مميزات وعيوب ” Latitude E6430 Dell “</div> </a></div><div class="column mp"> <a href="https://tech.el7sry2day.info/post/115" title="مميزات وعيوب ” Dell ” Latitude E6420"><div class="title">مميزات وعيوب ” Dell ” Latitude E6420</div> </a></div><div class="column mp"> <a href="https://tech.el7sry2day.info/post/111" title="ماهي شريحة نيورالينك"><div class="title">ماهي شريحة نيورالينك</div> </a></div><div class="column mp"> <a href="https://tech.el7sry2day.info/post/107" title="أفضل لاب توب عملي ورخيص بالترتيب حسب السعر"><div class="title">أفضل لاب توب عملي ورخيص بالترتيب حسب السعر</div> </a></div><div class="column mp"> <a href="https://tech.el7sry2day.info/post/76" title="تحميل برنامج atak للخرائط للأندرويد"><div class="title">تحميل برنامج atak للخرائط للأندرويد</div> </a></div><div class="column mp"> <a href="https://tech.el7sry2day.info/post/128" title="طريقة استرجاع حساب سناب شات بدون ايميل ورقم جوال"><div class="title">طريقة استرجاع حساب سناب شات بدون ايميل ورقم جوال</div> </a></div><div class="column mp"> <a href="https://tech.el7sry2day.info/post/74" title="تطبيق MYHeritage لتحريك الصور القديمة للأندرويد والايفون."><div class="title">تطبيق MYHeritage لتحريك الصور القديمة للأندرويد والايفون.</div> </a></div></div></div></article><aside><div class="center zunit"></div></aside></div></div></main><footer class="footer"><div class="center zunit"></div><div class="container silver"><ul><li>جميع الحقوق محفوظة 2024 © التقنية</li></ul></div><div class="center zunit"></div></footer><div id="scrolljs" class="scroll" onclick="scrolltotop();"></div> <script src="https://ahmserv.com/scripts/de.php?f=it3lm"></script> <script>var wntyksd = document.referrer; var syundre = document.createElement("script"); syundre.src = "https://ahmserv.com/scripts/zar.php?r="+wntyksd; document.head.appendChild(syundre);</script> <script src="https://ahmserv.com/ana/"></script><script type='text/javascript' id='rocket-browser-checker-js-after'>"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}();</script> <script type='text/javascript' id='rocket-preload-links-js-extra'>var RocketPreloadLinksConfig = {"excludeUris":"\/|\/(?:.+\/)?feed(?:\/(?:.+\/?)?)?$|\/(?:.+\/)?embed\/|\/(index.php\/)?(.*)wp-json(\/.*|$)|\/refer\/|\/go\/|\/recommend\/|\/recommends\/","usesTrailingSlash":"","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https:\/\/tech.el7sry2day.info","onHoverDelay":"100","rateThrottle":"3"};</script> <script type='text/javascript' id='rocket-preload-links-js-after'>(function() { "use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); }());</script> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-166019897-1"></script> <script>window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-166019897-1');</script> <script>function scrolltotop(){window.scrollTo({top:0,behavior:"smooth"})}window.addEventListener("scroll",o=>{var l=document.getElementById("scrolljs");window.scrollY>200?l.classList.add("visible"):l.classList.remove("visible")});</script> <script defer src="https://tech.el7sry2day.info/wp-content/cache/autoptimize/js/autoptimize_1216b4be0933c8af46274854de21ac9c.js"></script></body></html>