برنامه نویسی

مرجع نهایی HTML | چیت شیت HTML

ek3nk4r 2024-06-01

0 4 خواندن این مطلب 4 دقیقه زمان میبرد

پیشنهاد ویژه

خرید فالوور واقعی خرید لایک اینستاگرام خرید ویو اینستاگرام خرید فالوور اینستاگرام

فهرست مطالب

یک چیت HTML مختصر برای توسعه دهندگان

اگر شما فردی هستید که به تازگی شروع به یادگیری توسعه وب کرده اید یا یک توسعه دهنده وب با تجربه هستید، این راهنمای نهایی برای HTML تنها مرجعی است که تا به حال به آن نیاز خواهید داشت.

توجه: این مقاله یک ماده مرجع برای یادگیری HTML نیست. اگر می خواهید HTML پایه را یاد بگیرید اینجا را کلیک کنید

برچسب های اساسی

تکرار واضحات


 lang="en">

     charset="UTF-8">
    </span>Your Title<span class="nt"/>
<span class="nt"/>
<span class="nt"/>
    <span class="c"><!-- Your Body --></span>
<span class="nt"/>
<span class="nt"/>
</span></span></code></pre>
<div class="highlight__panel js-actions-panel">
<div class="highlight__panel-action js-fullscreen-code-action">
    <svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewbox="0 0 24 24" class="highlight-action crayons-icon highlight-action--fullscreen-on"><title>وارد حالت تمام صفحه شوید


این کدی است که هر فایل HTML باید حاوی آن باشد.

  عنوان



</span>Your Webpage Title<span class="nt"/>
</code></pre>
<div class="highlight__panel js-actions-panel">
<div class="highlight__panel-action js-fullscreen-code-action">
    <svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewbox="0 0 24 24" class="highlight-action crayons-icon highlight-action--fullscreen-on"><title>وارد حالت تمام صفحه شوید


هر آنچه در اینجا بنویسید در نوار عنوان مرورگر نشان داده می شود.  همچنین وقتی صفحه را نشانک می‌کنید، عنوان نشانک به طور پیش‌فرض نوشته می‌شود.

  سرفصل ها


در HTML، شش عنوان وجود دارد که از آن شروع می شود to 

.  اینجا  is the largest among all the heading and 
 کوچکترین است

 Heading 1 
 Heading 2 
 Heading 3 
 Heading 4 
 Heading 5 
 Heading 6 



    
    




  تایپوگرافی



  برچسب پاراگراف



 Hi I am a paragraph 



    
    



این تگ برای ایجاد یک پاراگراف استفاده می شود.

  برچسب نقل قول



 



    
    



برای قرار دادن متن نقل قول – تورفتگی از هر دو طرف استفاده می شود

  برچسب پررنگ



 



    
    



متن پررنگ ایجاد می کند (به جای استفاده از آن توصیه نمی شود )


  برچسب مورب



 



    
    



متن ایتالیک ایجاد می کند (به جای استفاده از آن توصیه نمی شود )


  برچسب کد



 



    
    



مقداری متن را به عنوان کد کامپیوتری در یک سند تعریف کنید.

  برچسب قوی



 



    
    



استفاده برای نشان دادن اهمیت یک کلمه (معمولاً به صورت پررنگ پردازش می شود)

  برچسب تاکید می کند



 



    
    



بر یک کلمه تأکید می کند (معمولاً به صورت مورب پردازش می شود)

  برچسب زیرنویس



Subscript



    
    




  برچسب بالانویس



Superscript



    
    




  دیگران (اغلب استفاده نمی شوند)




  اندازه متن را کاهش می دهد.


  متن حذف شده را با زدن یک خط در متن تعریف می کند.

  متن درج شده را تعریف می کند که معمولاً زیر آن خط کشیده می شود.
   برای نقل قول های درون خطی کوتاه تر استفاده می شود.

  برای استناد به نویسنده یک نقل قول استفاده می شود.


  برای نمایش اطلاعات تماس نویسنده استفاده می شود.

  نشان دهنده یک مخفف است.

  متن را برجسته می کند  ### پیوندها


برچسب لنگر نشان داده شده با ، برای تعریف هایپرلینک هایی استفاده می شود که به سایر صفحات خارجی و همچنین داخلی پیوند می دهند
بیشترین استفاده از ویژگی ها



href  نشانی اینترنتی را مشخص می کند که لینک کاربر را با کلیک کردن به آن می برد.

download  مشخص می کند که هدف یا منبعی که روی آن کلیک شده قابل دانلود است.

target  محل باز شدن لینک را مشخص می کند.  این می تواند در همان پنجره یا پنجره جداگانه باشد.

_جای خالی
_والدین
_خود
_بالا




  لیست ها


دو نوع لیست وجود دارد unordered list و ordered list.



   HTML 
  
 CSS 
   JavaScrip t




   HTML 
  
 CSS 
   JavaScript 




    
    




  ظرف


تگ های Container به خودی خود معنی ندارند، آنها برچسب هایی هستند که حاوی داده هایی مانند متن، تصویر و غیره هستند. تگ های Container زیادی در HTML وجود دارد.  برخی از پرکاربردترین تگ های کانتینر عبارتند از:

  تگ div



 This is block 



    
    



تگ div برای ایجاد بلوک در سند استفاده می شود.  این یک عنصر بلوک است.

  تگ دهانه



 This is span block 



    
    



شبیه به 

 but it is inclined to content

  Forms




.
form elements
.




    
    



این تگ برای ایجاد یک فرم در HTML استفاده می شود که برای دریافت ورودی های کاربر استفاده می شود.  را  element is a container for different types of input elements, such as text fields, checkboxes, radio buttons, submit buttons, etc. Here we have included text and password input, a checkbox, a radio and submit button, a dropdown list, and many more. 
Here are the list of elements that can be added to the  element to make it useful:


  



    
    



اینجا را کلیک کنید: برای پیش نمایش زنده
اینجا بیشتر درمورد آن بیاموزید!

  نمادها



  کمتر از (<)


<



    
    




  بزرگتر از (>)



>



    
    




  دلار ($)



©



    
    




  نماد حق چاپ (©)



©



    
    




  عناصر معنایی


عناصر معنایی به معنای عناصر دارای معنا هستند.  به عبارت ساده، عناصر معنایی آنهایی هستند که هدف خود را به وضوح از طریق نام خود بیان می کنند.



: این عنصر محتوای مستقل و مستقل را مشخص می کند.


: این عنصر یک بخش را در یک سند تعریف می کند.


: این عنصر قسمتی را برای نوار پیمایش تعریف می کند


: این عنصر قسمت عنوان یک صفحه وب را تعریف می کند


: این عنصر قسمت پاورقی یک صفحه وب را تعریف می کند


: این عنصر برخی از محتواها را جدا از محتوایی که در آن قرار می گیرد (مانند نوار کناری) تعریف می کند.


: این عنصر یک شکل را در محتوا تعریف می کند سایر موارد عبارتند از:






`







  برچسب های متا


این اطلاعات مربوط به سند است که بخشی از محتوای اصلی نیست.