اچ تی ام ال (HTML)
HTML (زبان نشانگذاری متنی فراترند) بنیادیترین زبان برای خلق صفحات وب است. تگ های HTML به صفحه اعطا میکنند و به مرورگر نشان میدهند که از این المان چیستی در صفحه.
برای مشاهده لیست کامل تمام تگها، میتوانید به منبع MDN Web Docs مراجعه کنید:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element
تگ های اصلی و مهم
تگ های اساسی
<!DOCTYPE html>- نعت نسخه استاندارد HTML<html>- ریشه سند وب<head>- شامل متاداتا سند (مثل تیتر و لینک به CSS)<body>- حاوی محتوای اصلی صفحه
تگ های تصویری متن
<h1>تا<h6>- عناوین از بزرگ تا کوچک<p>- پاراگراف<div>- بخش بندی عمومی<span>- بخش بندی درون متنی<br>- شکستن خط
HTML Entity : (کاراکترهای رزرو شده)
HTML Entity Middle Dot =$#183;
All HTML Entity Code : https://www.freeformatter.com/html-entities.html
تگ های لینک و تصاویر
<a>- ایجاد لینک<img>- اضافه کردن تصویر
تگ های فرم
<form>- ایجاد فرم<input>- فیلد ورودی<textarea>- فیلد متن بزرگ<button>- دکمه<select>- لیست بازشویی<option>- گزینه در لیست بازشویی
تگ های جدول
<table>- جدول<tr>- سطر جدول<td>- سلول جدول<th>- سرستون جدول
تگ های لیست
<ul>- لیست غیر مرتب<ol>- لیست مرتب<li>- آیتم لیست
تگ های تعریف سمانت
<header>- سرآینجا<nav>- منوی صفحه<main>- محتوای اصلی<article>- مقاله و محتوای مستقل<section>- بخش مجزای صفحه<aside>- محتوای جانبی<footer>- پانویستی
تگ های متا
<meta>- متاداتا سند<link>- ارتباط به فایل خارجی (مثل CSS)<script>- اضافه کردن JavaScript<style>- اضافه کردن CSS درون سند
تگهای چندرسانهای
<video>- برای نمایش فیلم<audio>- برای پخش صوت
تگهای متا و اطلاعاتی
<title>- عنوان صفحه در تب مرورگر<base>- پایه URL برای همه لینکهای صفحه
تگهای نمایش ریاضی
<svg>- برای ایجاد گرافیکهای وکتوری<canvas>- برای ترسیم گرافیکهای پویا
تگهای پیشرفته
<template>- برای ساخت قطعات کد قابل استفاده مجدد<datalist>- برای ایجاد لیست پیشنهادی در فیلدها
تگهای معنایی جدید (HTML5)
<mark>- برای هایلایت کردن متن<progress>- نمایش نوار پیشرفت<meter>- نمایش مقدار در یک محدوده<details>- ایجاد قسمت جمع شونده<summary>- عنوان قسمت جمع شونده
تگهای فرم پیشرفته
<output>- نمایش نتیجه محاسبات<fieldset>- گروه بندی فیلدهای فرم<legend>- عنوان گروه فیلدها
تگهای ناوبری
<map>- ایجاد نقشه تصویر<area>- ایجاد ناحیه فعال در نقشه تصویر
برای مشاهده لیست کامل تمام تگها، میتوانید به منبع MDN Web Docs مراجعه کنید:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element
