{"id":85257,"date":"2024-11-24T16:55:04","date_gmt":"2024-11-24T13:25:04","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/basics-of-front-end-development-1hha\/"},"modified":"2024-11-24T16:55:04","modified_gmt":"2024-11-24T13:25:04","slug":"basics-of-front-end-development-1hha","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/basics-of-front-end-development-1hha\/","title":{"rendered":"\u0645\u0628\u0627\u0646\u06cc \u062a\u0648\u0633\u0639\u0647 Front End"},"content":{"rendered":"<p>Summarize this content to 400 words in Persian Lang<br \/>\n              \u0633\u0644\u0627\u0645\u060c \u0648 \u0628\u0647 \u0627\u0648\u0644\u06cc\u0646 \u067e\u0633\u062a \u0645\u0646 \u062f\u0631 \u0627\u06cc\u0646 \u067e\u0644\u062a\u0641\u0631\u0645 \u0648 \u0647\u0645\u0686\u0646\u06cc\u0646 \u0627\u0648\u0644\u06cc\u0646 \u067e\u0633\u062a \u0645\u062c\u0645\u0648\u0639\u0647 \u062e\u0648\u0634 \u0622\u0645\u062f\u06cc\u062f &#8220;\u0645\u0628\u0627\u0646\u06cc \u062a\u0648\u0633\u0639\u0647 Front End.&#8221;<\/p>\n<p>\u062f\u0631 \u0627\u06cc\u0646 \u0645\u062c\u0645\u0648\u0639\u0647\u060c \u0645\u0641\u0627\u0647\u06cc\u0645 \u0636\u0631\u0648\u0631\u06cc \u0628\u0631\u0627\u06cc \u0634\u0631\u0648\u0639 \u0633\u0641\u0631 \u062a\u0648\u0633\u0639\u0647 Front End \u0634\u0645\u0627 \u0631\u0627 \u067e\u0648\u0634\u0634 \u062e\u0648\u0627\u0647\u06cc\u0645 \u062f\u0627\u062f. \u0645\u0648\u0636\u0648\u0639\u0627\u062a \u0634\u0627\u0645\u0644 \u0627\u0635\u0648\u0644 HTML\u060c CSS\u060c \u0648 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a. \u0628\u0631\u0627\u06cc \u0639\u0644\u0627\u0642\u0647 \u0645\u0646\u062f\u0627\u0646 \u0628\u0647 \u0633\u0627\u062e\u062a \u0648 \u0633\u0627\u0632 \u0641\u0644\u0627\u0633\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc\u060c \u0645\u0627 \u0628\u0627 \u06cc\u06a9 \u067e\u0633\u062a \u0627\u062e\u062a\u0635\u0627\u0635 \u062f\u0627\u062f\u0647 \u0634\u062f\u0647 \u0628\u0647 \u0622\u0646 \u067e\u0627\u06cc\u0627\u0646 \u0645\u06cc \u062f\u0647\u06cc\u0645. \u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 \u0627\u0635\u0648\u0644 \u0627\u0648\u0644\u06cc\u0647 \u0631\u0627 \u067e\u0648\u0634\u0634 \u062f\u0627\u062f\u06cc\u0645\u060c \u06cc\u06a9 \u0648\u0628 \u0633\u0627\u06cc\u062a \u0633\u0627\u062f\u0647 \u0628\u0627 \u0642\u0627\u0628\u0644\u06cc\u062a \u0647\u0627\u06cc \u0627\u0635\u0644\u06cc \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0622\u0646 \u0645\u06cc \u0633\u0627\u0632\u06cc\u0645 HTML\/CSS\/JS \u0648 \u0627\u0644\u0641 \u0641\u0644\u0627\u0633\u06a9 \u06a9\u0627\u0631\u0628\u0631\u062f. <\/p>\n<p>\u062f\u0631 \u0627\u06cc\u0646 \u067e\u0633\u062a \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0648\u0636\u0648\u0639 \u0645\u06cc \u067e\u0631\u062f\u0627\u0632\u06cc\u0645 \u0627\u0635\u0648\u0644 HTML.<\/p>\n<p>  HTML \u0686\u06cc\u0633\u062a\u061f<\/p>\n<p>HTML (\u0632\u0628\u0627\u0646 \u0646\u0634\u0627\u0646\u0647 \u06af\u0630\u0627\u0631\u06cc \u0641\u0631\u0627\u0645\u062a\u0646) \u0632\u0628\u0627\u0646 \u0646\u0634\u0627\u0646\u0647 \u06af\u0630\u0627\u0631\u06cc \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0635\u0641\u062d\u0627\u062a \u0648\u0628 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f. \u0633\u062a\u0648\u0646 \u0641\u0642\u0631\u0627\u062a \u0647\u0631 \u0648\u0628 \u0633\u0627\u06cc\u062a\u06cc \u0631\u0627 \u062a\u0634\u06a9\u06cc\u0644 \u0645\u06cc \u062f\u0647\u062f &#8211; \u0647\u0645\u0647 \u0686\u06cc\u0632 \u0627\u0632 \u0645\u062a\u0646\u06cc \u06a9\u0647 \u0645\u06cc \u062e\u0648\u0627\u0646\u06cc\u062f \u062a\u0627 \u062f\u06a9\u0645\u0647 \u0647\u0627 \u0648 \u062c\u062f\u0627\u0648\u0644 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 HTML \u0633\u0627\u062e\u062a\u0627\u0631 \u06cc\u0627\u0641\u062a\u0647 \u0627\u0633\u062a. \u0628\u0647 \u0632\u0628\u0627\u0646 \u0633\u0627\u062f\u0647\u060c HTML \u0627\u0633\u06a9\u0644\u062a\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0627\u0632 \u0645\u062d\u062a\u0648\u0627 \u0648 \u0637\u0631\u062d \u0628\u0646\u062f\u06cc \u06cc\u06a9 \u0635\u0641\u062d\u0647 \u0648\u0628 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<p>  \u0628\u062e\u0634 \u0647\u0627\u06cc \u06cc\u06a9 \u0648\u0628 \u0633\u0627\u06cc\u062a<\/p>\n<p>\u06cc\u06a9 \u0633\u0646\u062f HTML \u0628\u0647 \u062f\u0648 \u0628\u062e\u0634 \u0627\u0635\u0644\u06cc \u062a\u0642\u0633\u06cc\u0645 \u0645\u06cc \u0634\u0648\u062f: head  \u0648 body. \u0647\u0631 \u062f\u0648\u06cc \u0627\u06cc\u0646 \u0628\u062e\u0634 \u0647\u0627 \u062f\u0631 \u0642\u0633\u0645\u062a \u0628\u06cc\u0631\u0648\u0646\u06cc \u0642\u0631\u0627\u0631 \u062f\u0627\u0631\u0646\u062f  tag.<\/p>\n<p>The head  \u0628\u062e\u0634 \u0645\u062a\u0627 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0635\u0641\u062d\u0647 \u0648\u0628 \u0645\u0627\u0646\u0646\u062f \u0635\u0641\u062d\u0647 \u0631\u0627 \u062f\u0631 \u062e\u0648\u062f \u062f\u0627\u0631\u062f \u0639\u0646\u0648\u0627\u0646 \u0648 \u067e\u06cc\u0648\u0646\u062f\u0647\u0627\u06cc\u06cc \u0628\u0647 \u0645\u0646\u0627\u0628\u0639 \u062e\u0627\u0631\u062c\u06cc \u0645\u0627\u0646\u0646\u062f \u0634\u06cc\u0648\u0647 \u0646\u0627\u0645\u0647 \u0647\u0627.<br \/>\n\u0627\u06cc\u0646 body  \u0628\u062e\u0634 \u0634\u0627\u0645\u0644 \u0645\u062d\u062a\u0648\u0627\u06cc \u0627\u0635\u0644\u06cc \u0635\u0641\u062d\u0647 \u0648\u0628 \u0627\u0633\u062a \u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0628\u0627 \u0622\u0646 \u062a\u0639\u0627\u0645\u0644 \u062e\u0648\u0627\u0647\u0646\u062f \u062f\u0627\u0634\u062a.<\/p>\n<p>\u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u06cc\u06a9 \u0645\u062b\u0627\u0644 \u0633\u0627\u062f\u0647 \u0627\u0633\u062a:<\/p>\n<p>    Page 1<\/p>\n<p>    Your main webpage content goes here<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>  \u06cc\u0627\u062f\u062f\u0627\u0634\u062a \u0647\u0627:<\/p>\n<p>\u0627\u06cc\u0646  declaration defines the document type and version of HTML being used.<br \/>\nThe  \u062a\u06af \u0628\u0631\u0627\u06cc \u062a\u0646\u0638\u06cc\u0645 \u0639\u0646\u0648\u0627\u0646 \u0635\u0641\u062d\u0647 \u0648\u0628 \u06a9\u0647 \u062f\u0631 \u062a\u0628 \u0645\u0631\u0648\u0631\u06af\u0631 \u0638\u0627\u0647\u0631 \u0645\u06cc \u0634\u0648\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f.<\/p>\n<p>  \u0639\u0646\u0627\u0635\u0631 HTML<\/p>\n<p>\u06cc\u06a9 \u0639\u0646\u0635\u0631 HTML \u0645\u062a\u0634\u06a9\u0644 \u0627\u0632 \u0627\u0644\u0641 \u0628\u0631\u0686\u0633\u0628 \u0634\u0631\u0648\u0639\u060c \u0645\u062d\u062a\u0648\u0627\u060c \u0648 \u06cc\u06a9 \u0631\u0648\u0632 \u067e\u0627\u06cc\u0627\u0646. \u0645\u062d\u062a\u0648\u0627 \u0628\u06cc\u0646 \u062a\u06af \u0647\u0627 \u0642\u0631\u0627\u0631 \u0645\u06cc \u06af\u06cc\u0631\u062f. \u0628\u0631\u0627\u06cc \u0645\u062b\u0627\u0644\u060c \u06cc\u06a9 \u0639\u0646\u0635\u0631 \u067e\u0627\u0631\u0627\u06af\u0631\u0627\u0641 \u0628\u0647 \u0634\u06a9\u0644 \u0632\u06cc\u0631 \u0627\u0633\u062a:<\/p>\n<p>This is a paragraph.<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>  \u0627\u0646\u0648\u0627\u0639 \u0639\u0646\u0627\u0635\u0631 HTML<\/p>\n<p>  1. \u0633\u0631\u0635\u0641\u062d\u0647 \u0647\u0627<\/p>\n<p>\u062a\u06af \u0647\u0627\u06cc \u0647\u062f\u0631 \u0639\u0646\u0627\u0648\u06cc\u0646 \u0628\u062e\u0634 \u0647\u0627\u06cc\u06cc \u0627\u0632 \u0635\u0641\u062d\u0647 \u0648\u0628 \u0631\u0627 \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc \u06a9\u0646\u0646\u062f. \u0622\u0646\u0647\u0627 \u0627\u0632  (the largest) to  (\u06a9\u0648\u0686\u06a9\u062a\u0631\u06cc\u0646). \u0647\u062f\u0631\u0647\u0627 \u0628\u0631\u0627\u06cc \u0633\u0627\u0632\u0645\u0627\u0646\u062f\u0647\u06cc \u0648 \u0633\u0627\u062e\u062a\u0627\u0631 \u0645\u062d\u062a\u0648\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u0646\u062f. \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u06cc\u06a9 \u0645\u062b\u0627\u0644 \u0627\u0633\u062a:<\/p>\n<p>Main Header<br \/>\nSubheader<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u0628\u0633\u062a\u0647 \u0628\u0647 \u0633\u0637\u062d \u0627\u0647\u0645\u06cc\u062a \u0627\u0632 \u062a\u06af \u0647\u062f\u0631 \u0645\u0646\u0627\u0633\u0628 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644\u060c  is typically used for the main title, while  \u0648 \u0628\u0642\u06cc\u0647 \u0628\u0631\u0627\u06cc \u0632\u06cc\u0631\u0628\u062e\u0634 \u0647\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u0646\u062f.<\/p>\n<p>  2. \u067e\u0627\u0631\u0627\u06af\u0631\u0627\u0641 \u0647\u0627<\/p>\n<p>\u0627\u06cc\u0646  tag is used to define a paragraph of text. It helps group text into readable chunks and allows for easier styling.<\/p>\n<p>This is a paragraph of text.<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>  3. \u0644\u06cc\u0633\u062a \u0647\u0627<\/p>\n<p>HTML \u0627\u0632 \u062f\u0648 \u0646\u0648\u0639 \u0644\u06cc\u0633\u062a \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc \u06a9\u0646\u062f:<\/p>\n<p>\u0644\u06cc\u0633\u062a \u0633\u0641\u0627\u0631\u0634 \u062f\u0627\u062f\u0647 \u0634\u062f\u0647 (): \u0644\u06cc\u0633\u062a \u0647\u0627\u06cc\u06cc \u06a9\u0647 \u062a\u0631\u062a\u06cc\u0628 \u062e\u0627\u0635\u06cc \u062f\u0627\u0631\u0646\u062f (\u0645\u062b\u0644\u0627\u064b \u0645\u0631\u0627\u062d\u0644 \u06cc\u06a9 \u0622\u0645\u0648\u0632\u0634).<\/p>\n<p>\u0644\u06cc\u0633\u062a \u0646\u0627\u0645\u0631\u062a\u0628 (): Lists with no specific order (e.g., a shopping list).<\/p>\n<p>Each list item is enclosed in an  \u0628\u0631\u0686\u0633\u0628 \u0632\u062f\u0646<\/p>\n<p>\u0646\u0645\u0648\u0646\u0647 \u0644\u06cc\u0633\u062a \u0633\u0641\u0627\u0631\u0634\u06cc:<\/p>\n<p>    Step 1: Learn HTML<br \/>\n    Step 2: Learn CSS<br \/>\n    Step 3: Learn JavaScript<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u0645\u062b\u0627\u0644 \u0644\u06cc\u0633\u062a \u0646\u0627\u0645\u0631\u062a\u0628:<\/p>\n<p>    Eggs<br \/>\n    Bread<br \/>\n    Milk<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>  4. \u0646\u0627\u062d\u06cc\u0647 \u0645\u062a\u0646<\/p>\n<p>\u0627\u06cc\u0646  \u0639\u0646\u0635\u0631 \u06a9\u0627\u062f\u0631\u06cc \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc \u062f\u0647\u062f \u0686\u0646\u062f\u06cc\u0646 \u062e\u0637 \u0645\u062a\u0646 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u0646\u062f. \u0645\u0639\u0645\u0648\u0644\u0627\u064b \u0628\u0631\u0627\u06cc \u0646\u0638\u0631\u0627\u062a\u060c \u0641\u0631\u0645\u200c\u0647\u0627\u06cc \u0628\u0627\u0632\u062e\u0648\u0631\u062f \u06cc\u0627 \u0641\u06cc\u0644\u062f\u0647\u0627\u06cc \u062c\u0633\u062a\u062c\u0648 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<p>Your text goes here<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u0634\u0645\u0627 \u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f placeholder \u0648 id \u0628\u0631\u0627\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f \u0627\u0636\u0627\u0641\u06cc:<\/p>\n<p> id=&#8221;my_text_area&#8221; placeholder=&#8221;Enter your name&#8221;&gt;<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>  5. \u062f\u06a9\u0645\u0647 \u0647\u0627<\/p>\n<p>\u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u062f\u06a9\u0645\u0647\u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632  \u0628\u0631\u0686\u0633\u0628 \u0632\u062f\u0646 \u062f\u06a9\u0645\u0647\u200c\u0647\u0627 \u0645\u0639\u0645\u0648\u0644\u0627\u064b \u0628\u0631\u0627\u06cc \u0627\u0631\u0633\u0627\u0644 \u0641\u0631\u0645 \u06cc\u0627 \u0627\u0642\u062f\u0627\u0645\u0627\u062a \u062a\u0639\u0627\u0645\u0644\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.<\/p>\n<p>Click Me!<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>\u0634\u0645\u0627 \u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u06cc\u06a9 \u0631\u0627 \u0627\u062e\u062a\u0635\u0627\u0635 \u062f\u0647\u06cc\u062f id \u0628\u0647 \u062f\u06a9\u0645\u0647 \u0627\u0633\u062a\u0627\u06cc\u0644 \u062f\u0627\u062f\u0646 \u06cc\u0627 \u062a\u0639\u0627\u0645\u0644 \u0628\u0627 \u0622\u0646 \u0627\u0632 \u0637\u0631\u06cc\u0642 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a.<\/p>\n<p> id=&#8221;my_button&#8221;&gt;Click Me!<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>  6. \u0647\u0627\u06cc\u067e\u0631\u0644\u06cc\u0646\u06a9 \u0647\u0627<\/p>\n<p>\u0647\u0627\u06cc\u067e\u0631\u0644\u06cc\u0646\u06a9 \u0647\u0627 ( \u0628\u0631\u0686\u0633\u0628 \u0647\u0627) \u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc \u062f\u0647\u062f \u0628\u06cc\u0646 \u0635\u0641\u062d\u0627\u062a \u06cc\u0627 \u0633\u0627\u06cc\u062a \u0647\u0627\u06cc \u062e\u0627\u0631\u062c\u06cc \u062d\u0631\u06a9\u062a \u06a9\u0646\u0646\u062f. \u0627\u06cc\u0646 href \u0648\u06cc\u0698\u06af\u06cc URL \u0645\u0642\u0635\u062f \u0631\u0627 \u0645\u0634\u062e\u0635 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<p>\u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u06a9\u0646\u062a\u0631\u0644 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0622\u06cc\u0627 \u067e\u06cc\u0648\u0646\u062f \u062f\u0631 \u0647\u0645\u0627\u0646 \u067e\u0646\u062c\u0631\u0647 \u06cc\u0627 \u06cc\u06a9 \u0628\u0631\u06af\u0647 \u062c\u062f\u06cc\u062f \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 target \u0648\u06cc\u0698\u06af\u06cc:<\/p>\n<p>\u0628\u0647 \u0637\u0648\u0631 \u067e\u06cc\u0634 \u0641\u0631\u0636\u060c \u067e\u06cc\u0648\u0646\u062f \u062f\u0631 \u0647\u0645\u0627\u0646 \u062a\u0628 \u0628\u0627\u0632 \u0645\u06cc \u0634\u0648\u062f (_self) \u0627\u0645\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 _blank \u067e\u06cc\u0648\u0646\u062f \u0631\u0627 \u062f\u0631 \u06cc\u06a9 \u0628\u0631\u06af\u0647 \u062c\u062f\u06cc\u062f \u0628\u0627\u0632 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<p>  7. \u062a\u0635\u0627\u0648\u06cc\u0631<\/p>\n<p>\u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u062a\u0635\u0627\u0648\u06cc\u0631 \u0627\u0632  \u0628\u0631\u0686\u0633\u0628\u060c \u0628\u0627 src \u0648\u06cc\u0698\u06af\u06cc \u0627\u0634\u0627\u0631\u0647 \u0628\u0647 \u0645\u0646\u0628\u0639 \u062a\u0635\u0648\u06cc\u0631 (URL \u06cc\u0627 \u0645\u0633\u06cc\u0631 \u0641\u0627\u06cc\u0644). \u0627\u06cc\u0646 alt \u0648\u06cc\u0698\u06af\u06cc \u062a\u0648\u0636\u06cc\u062d\u06cc \u0628\u0631\u0627\u06cc \u062a\u0635\u0648\u06cc\u0631 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f (\u0645\u0641\u06cc\u062f \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u0631\u0633\u06cc).<\/p>\n<p> src=&#8221;image.jpg&#8221; alt=&#8221;Description of image&#8221;&gt;<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>  8. \u062f\u0648<\/p>\n<p>\u0627\u06cc\u0646  tag is a container used to group elements. It&#8217;s useful for layout purposes, such as creating different sections on a webpage.<\/p>\n<p>    About Us<br \/>\n    We are a company that&#8230;<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<p>  9. \u0642\u0627\u0644\u0628 \u0628\u0646\u062f\u06cc \u0645\u062a\u0646<\/p>\n<p>HTML \u0627\u0646\u0648\u0627\u0639 \u062a\u06af \u0647\u0627 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0642\u0627\u0644\u0628 \u0628\u0646\u062f\u06cc \u0645\u062a\u0646 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f. \u0628\u0631\u062e\u06cc \u0627\u0632 \u067e\u0631\u06a9\u0627\u0631\u0628\u0631\u062f\u062a\u0631\u06cc\u0646 \u0622\u0646\u0647\u0627 \u0639\u0628\u0627\u0631\u062a\u0646\u062f \u0627\u0632:<\/p>\n<p>: \u0645\u062a\u0646 \u067e\u0631\u0631\u0646\u06af<\/p>\n<p>: \u0645\u062a\u0646 \u0645\u0647\u0645 (\u0627\u0632 \u0646\u0638\u0631 \u0645\u0639\u0646\u0627\u06cc\u06cc \u0642\u0648\u06cc \u062a\u0631 \u0627\u0632 )<\/p>\n<p>: \u0645\u062a\u0646 \u06a9\u062c<\/p>\n<p>: \u0645\u062a\u0646 \u062a\u0627\u06a9\u06cc\u062f \u0634\u062f\u0647 (\u0627\u0632 \u0646\u0638\u0631 \u0645\u0639\u0646\u0627\u06cc\u06cc \u0642\u0648\u06cc \u062a\u0631 \u0627\u0632 )<\/p>\n<p>: \u0645\u062a\u0646 \u0647\u0627\u06cc\u0644\u0627\u06cc\u062a \u0634\u062f\u0647<\/p>\n<p>: \u0645\u062a\u0646 \u06a9\u0648\u0686\u06a9\u062a\u0631<\/p>\n<p>: \u0645\u062a\u0646 \u062e\u0637 \u062e\u0648\u0631\u062f\u0647<\/p>\n<p>: \u0645\u062a\u0646 \u0632\u06cc\u0631\u0646\u0648\u06cc\u0633<\/p>\n<p>: \u0645\u062a\u0646 \u0631\u0648\u0646\u0648\u0634\u062a<\/p>\n<p>\u0645\u062b\u0627\u0644 \u0647\u0627:<\/p>\n<p>This is bold text<br \/>\nThis is important text<br \/>\nThis is italic text<br \/>\nThis is emphasized text<br \/>\nThis text is highlighted<br \/>\nThis is smaller text<br \/>\nThis text is crossed out<br \/>\nWater is H2O<br \/>\nE = mc2<\/p>\n<p>    \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n<p>    \u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n<div data-article-id=\"2119458\" id=\"article-body\">\n<p>\u0633\u0644\u0627\u0645\u060c \u0648 \u0628\u0647 \u0627\u0648\u0644\u06cc\u0646 \u067e\u0633\u062a \u0645\u0646 \u062f\u0631 \u0627\u06cc\u0646 \u067e\u0644\u062a\u0641\u0631\u0645 \u0648 \u0647\u0645\u0686\u0646\u06cc\u0646 \u0627\u0648\u0644\u06cc\u0646 \u067e\u0633\u062a \u0645\u062c\u0645\u0648\u0639\u0647 \u062e\u0648\u0634 \u0622\u0645\u062f\u06cc\u062f <strong>&#8220;\u0645\u0628\u0627\u0646\u06cc \u062a\u0648\u0633\u0639\u0647 Front End.&#8221;<\/strong><\/p>\n<p>\u062f\u0631 \u0627\u06cc\u0646 \u0645\u062c\u0645\u0648\u0639\u0647\u060c \u0645\u0641\u0627\u0647\u06cc\u0645 \u0636\u0631\u0648\u0631\u06cc \u0628\u0631\u0627\u06cc \u0634\u0631\u0648\u0639 \u0633\u0641\u0631 \u062a\u0648\u0633\u0639\u0647 Front End \u0634\u0645\u0627 \u0631\u0627 \u067e\u0648\u0634\u0634 \u062e\u0648\u0627\u0647\u06cc\u0645 \u062f\u0627\u062f. \u0645\u0648\u0636\u0648\u0639\u0627\u062a \u0634\u0627\u0645\u0644 \u0627\u0635\u0648\u0644 <strong>HTML<\/strong>\u060c <strong>CSS<\/strong>\u060c \u0648 <strong>\u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a<\/strong>. \u0628\u0631\u0627\u06cc \u0639\u0644\u0627\u0642\u0647 \u0645\u0646\u062f\u0627\u0646 \u0628\u0647 \u0633\u0627\u062e\u062a \u0648 \u0633\u0627\u0632 <strong>\u0641\u0644\u0627\u0633\u06a9<\/strong> \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc\u060c \u0645\u0627 \u0628\u0627 \u06cc\u06a9 \u067e\u0633\u062a \u0627\u062e\u062a\u0635\u0627\u0635 \u062f\u0627\u062f\u0647 \u0634\u062f\u0647 \u0628\u0647 \u0622\u0646 \u067e\u0627\u06cc\u0627\u0646 \u0645\u06cc \u062f\u0647\u06cc\u0645. \u0647\u0646\u06af\u0627\u0645\u06cc \u06a9\u0647 \u0627\u0635\u0648\u0644 \u0627\u0648\u0644\u06cc\u0647 \u0631\u0627 \u067e\u0648\u0634\u0634 \u062f\u0627\u062f\u06cc\u0645\u060c \u06cc\u06a9 \u0648\u0628 \u0633\u0627\u06cc\u062a \u0633\u0627\u062f\u0647 \u0628\u0627 \u0642\u0627\u0628\u0644\u06cc\u062a \u0647\u0627\u06cc \u0627\u0635\u0644\u06cc \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0622\u0646 \u0645\u06cc \u0633\u0627\u0632\u06cc\u0645 <strong>HTML\/CSS\/JS<\/strong> \u0648 \u0627\u0644\u0641 <strong>\u0641\u0644\u0627\u0633\u06a9<\/strong> \u06a9\u0627\u0631\u0628\u0631\u062f. <\/p>\n<p>\u062f\u0631 \u0627\u06cc\u0646 \u067e\u0633\u062a \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0648\u0636\u0648\u0639 \u0645\u06cc \u067e\u0631\u062f\u0627\u0632\u06cc\u0645 <strong>\u0627\u0635\u0648\u0644 HTML<\/strong>.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_84 counter-hierarchy ez-toc-counter-rtl ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/nabfollower.com\/blog\/basics-of-front-end-development-1hha\/#HTML_%DA%86%DB%8C%D8%B3%D8%AA%D8%9F\" >HTML \u0686\u06cc\u0633\u062a\u061f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/nabfollower.com\/blog\/basics-of-front-end-development-1hha\/#%D8%A8%D8%AE%D8%B4_%D9%87%D8%A7%DB%8C_%DB%8C%DA%A9_%D9%88%D8%A8_%D8%B3%D8%A7%DB%8C%D8%AA\" >\u0628\u062e\u0634 \u0647\u0627\u06cc \u06cc\u06a9 \u0648\u0628 \u0633\u0627\u06cc\u062a<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/nabfollower.com\/blog\/basics-of-front-end-development-1hha\/#%DB%8C%D8%A7%D8%AF%D8%AF%D8%A7%D8%B4%D8%AA_%D9%87%D8%A7\" >\u06cc\u0627\u062f\u062f\u0627\u0634\u062a \u0647\u0627:<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/nabfollower.com\/blog\/basics-of-front-end-development-1hha\/#%D8%B9%D9%86%D8%A7%D8%B5%D8%B1_HTML\" >\u0639\u0646\u0627\u0635\u0631 HTML<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/nabfollower.com\/blog\/basics-of-front-end-development-1hha\/#%D8%A7%D9%86%D9%88%D8%A7%D8%B9_%D8%B9%D9%86%D8%A7%D8%B5%D8%B1_HTML\" >\u0627\u0646\u0648\u0627\u0639 \u0639\u0646\u0627\u0635\u0631 HTML<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/nabfollower.com\/blog\/basics-of-front-end-development-1hha\/#1_%D8%B3%D8%B1%D8%B5%D9%81%D8%AD%D9%87_%D9%87%D8%A7\" >1. \u0633\u0631\u0635\u0641\u062d\u0647 \u0647\u0627<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/nabfollower.com\/blog\/basics-of-front-end-development-1hha\/#2_%D9%BE%D8%A7%D8%B1%D8%A7%DA%AF%D8%B1%D8%A7%D9%81_%D9%87%D8%A7\" >2. \u067e\u0627\u0631\u0627\u06af\u0631\u0627\u0641 \u0647\u0627<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/nabfollower.com\/blog\/basics-of-front-end-development-1hha\/#3_%D9%84%DB%8C%D8%B3%D8%AA_%D9%87%D8%A7\" >3. \u0644\u06cc\u0633\u062a \u0647\u0627<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/nabfollower.com\/blog\/basics-of-front-end-development-1hha\/#4_%D9%86%D8%A7%D8%AD%DB%8C%D9%87_%D9%85%D8%AA%D9%86\" >4. \u0646\u0627\u062d\u06cc\u0647 \u0645\u062a\u0646<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/nabfollower.com\/blog\/basics-of-front-end-development-1hha\/#5_%D8%AF%DA%A9%D9%85%D9%87_%D9%87%D8%A7\" >5. \u062f\u06a9\u0645\u0647 \u0647\u0627<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/nabfollower.com\/blog\/basics-of-front-end-development-1hha\/#6_%D9%87%D8%A7%DB%8C%D9%BE%D8%B1%D9%84%DB%8C%D9%86%DA%A9_%D9%87%D8%A7\" >6. \u0647\u0627\u06cc\u067e\u0631\u0644\u06cc\u0646\u06a9 \u0647\u0627<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/nabfollower.com\/blog\/basics-of-front-end-development-1hha\/#7_%D8%AA%D8%B5%D8%A7%D9%88%DB%8C%D8%B1\" >7. \u062a\u0635\u0627\u0648\u06cc\u0631<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/nabfollower.com\/blog\/basics-of-front-end-development-1hha\/#8_%D8%AF%D9%88\" >8. \u062f\u0648<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/nabfollower.com\/blog\/basics-of-front-end-development-1hha\/#9_%D9%82%D8%A7%D9%84%D8%A8_%D8%A8%D9%86%D8%AF%DB%8C_%D9%85%D8%AA%D9%86\" >9. \u0642\u0627\u0644\u0628 \u0628\u0646\u062f\u06cc \u0645\u062a\u0646<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"HTML_%DA%86%DB%8C%D8%B3%D8%AA%D8%9F\"><\/span>\n<p>  HTML \u0686\u06cc\u0633\u062a\u061f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><strong>HTML<\/strong> (\u0632\u0628\u0627\u0646 \u0646\u0634\u0627\u0646\u0647 \u06af\u0630\u0627\u0631\u06cc \u0641\u0631\u0627\u0645\u062a\u0646) \u0632\u0628\u0627\u0646 \u0646\u0634\u0627\u0646\u0647 \u06af\u0630\u0627\u0631\u06cc \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0635\u0641\u062d\u0627\u062a \u0648\u0628 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f. \u0633\u062a\u0648\u0646 \u0641\u0642\u0631\u0627\u062a \u0647\u0631 \u0648\u0628 \u0633\u0627\u06cc\u062a\u06cc \u0631\u0627 \u062a\u0634\u06a9\u06cc\u0644 \u0645\u06cc \u062f\u0647\u062f &#8211; \u0647\u0645\u0647 \u0686\u06cc\u0632 \u0627\u0632 \u0645\u062a\u0646\u06cc \u06a9\u0647 \u0645\u06cc \u062e\u0648\u0627\u0646\u06cc\u062f \u062a\u0627 \u062f\u06a9\u0645\u0647 \u0647\u0627 \u0648 \u062c\u062f\u0627\u0648\u0644 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 HTML \u0633\u0627\u062e\u062a\u0627\u0631 \u06cc\u0627\u0641\u062a\u0647 \u0627\u0633\u062a. \u0628\u0647 \u0632\u0628\u0627\u0646 \u0633\u0627\u062f\u0647\u060c HTML \u0627\u0633\u06a9\u0644\u062a\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0627\u0632 \u0645\u062d\u062a\u0648\u0627 \u0648 \u0637\u0631\u062d \u0628\u0646\u062f\u06cc \u06cc\u06a9 \u0635\u0641\u062d\u0647 \u0648\u0628 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%A8%D8%AE%D8%B4_%D9%87%D8%A7%DB%8C_%DB%8C%DA%A9_%D9%88%D8%A8_%D8%B3%D8%A7%DB%8C%D8%AA\"><\/span>\n<p>  \u0628\u062e\u0634 \u0647\u0627\u06cc \u06cc\u06a9 \u0648\u0628 \u0633\u0627\u06cc\u062a<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u06cc\u06a9 \u0633\u0646\u062f HTML \u0628\u0647 \u062f\u0648 \u0628\u062e\u0634 \u0627\u0635\u0644\u06cc \u062a\u0642\u0633\u06cc\u0645 \u0645\u06cc \u0634\u0648\u062f: <strong><code>head<\/code><\/strong>  \u0648 <strong><code>body<\/code><\/strong>. \u0647\u0631 \u062f\u0648\u06cc \u0627\u06cc\u0646 \u0628\u062e\u0634 \u0647\u0627 \u062f\u0631 \u0642\u0633\u0645\u062a \u0628\u06cc\u0631\u0648\u0646\u06cc \u0642\u0631\u0627\u0631 \u062f\u0627\u0631\u0646\u062f <code\/> tag.<\/p>\n<ol>\n<li>The <strong><code>head<\/code><\/strong>  \u0628\u062e\u0634 \u0645\u062a\u0627 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0635\u0641\u062d\u0647 \u0648\u0628 \u0645\u0627\u0646\u0646\u062f \u0635\u0641\u062d\u0647 \u0631\u0627 \u062f\u0631 \u062e\u0648\u062f \u062f\u0627\u0631\u062f <strong>\u0639\u0646\u0648\u0627\u0646<\/strong> \u0648 \u067e\u06cc\u0648\u0646\u062f\u0647\u0627\u06cc\u06cc \u0628\u0647 \u0645\u0646\u0627\u0628\u0639 \u062e\u0627\u0631\u062c\u06cc \u0645\u0627\u0646\u0646\u062f \u0634\u06cc\u0648\u0647 \u0646\u0627\u0645\u0647 \u0647\u0627.<\/li>\n<li>\u0627\u06cc\u0646 <strong><code>body<\/code><\/strong>  \u0628\u062e\u0634 \u0634\u0627\u0645\u0644 \u0645\u062d\u062a\u0648\u0627\u06cc \u0627\u0635\u0644\u06cc \u0635\u0641\u062d\u0647 \u0648\u0628 \u0627\u0633\u062a \u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0628\u0627 \u0622\u0646 \u062a\u0639\u0627\u0645\u0644 \u062e\u0648\u0627\u0647\u0646\u062f \u062f\u0627\u0634\u062a.<\/li>\n<\/ol>\n<p>\u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u06cc\u06a9 \u0645\u062b\u0627\u0644 \u0633\u0627\u062f\u0647 \u0627\u0633\u062a:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"\/>\n<span class=\"nt\"\/>\n    <span class=\"nt\"><title\/><\/span>Page 1<span class=\"nt\"\/>\n<span class=\"nt\"\/>\n<span class=\"nt\"\/>\n    <span class=\"nt\"\/>Your main webpage content goes here<span class=\"nt\"\/>\n<span class=\"nt\"\/>\n<span class=\"nt\"\/>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <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>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <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-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%DB%8C%D8%A7%D8%AF%D8%AF%D8%A7%D8%B4%D8%AA_%D9%87%D8%A7\"><\/span>\n<p>  \u06cc\u0627\u062f\u062f\u0627\u0634\u062a \u0647\u0627:<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li>\u0627\u06cc\u0646 <code\/> declaration defines the document type and version of HTML being used.<\/li>\n<li>The <code><title\/><\/code> \u062a\u06af \u0628\u0631\u0627\u06cc \u062a\u0646\u0638\u06cc\u0645 \u0639\u0646\u0648\u0627\u0646 \u0635\u0641\u062d\u0647 \u0648\u0628 \u06a9\u0647 \u062f\u0631 \u062a\u0628 \u0645\u0631\u0648\u0631\u06af\u0631 \u0638\u0627\u0647\u0631 \u0645\u06cc \u0634\u0648\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"%D8%B9%D9%86%D8%A7%D8%B5%D8%B1_HTML\"><\/span>\n<p>  \u0639\u0646\u0627\u0635\u0631 HTML<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u06cc\u06a9 <strong>\u0639\u0646\u0635\u0631 HTML<\/strong> \u0645\u062a\u0634\u06a9\u0644 \u0627\u0632 \u0627\u0644\u0641 <strong>\u0628\u0631\u0686\u0633\u0628 \u0634\u0631\u0648\u0639<\/strong>\u060c <strong>\u0645\u062d\u062a\u0648\u0627<\/strong>\u060c \u0648 \u06cc\u06a9 <strong>\u0631\u0648\u0632 \u067e\u0627\u06cc\u0627\u0646<\/strong>. \u0645\u062d\u062a\u0648\u0627 \u0628\u06cc\u0646 \u062a\u06af \u0647\u0627 \u0642\u0631\u0627\u0631 \u0645\u06cc \u06af\u06cc\u0631\u062f. \u0628\u0631\u0627\u06cc \u0645\u062b\u0627\u0644\u060c \u06cc\u06a9 \u0639\u0646\u0635\u0631 \u067e\u0627\u0631\u0627\u06af\u0631\u0627\u0641 \u0628\u0647 \u0634\u06a9\u0644 \u0632\u06cc\u0631 \u0627\u0633\u062a:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"\/>This is a paragraph.<span class=\"nt\"\/>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <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>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <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-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%D8%A7%D9%86%D9%88%D8%A7%D8%B9_%D8%B9%D9%86%D8%A7%D8%B5%D8%B1_HTML\"><\/span>\n<p>  \u0627\u0646\u0648\u0627\u0639 \u0639\u0646\u0627\u0635\u0631 HTML<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<h4><span class=\"ez-toc-section\" id=\"1_%D8%B3%D8%B1%D8%B5%D9%81%D8%AD%D9%87_%D9%87%D8%A7\"><\/span>\n<p>  1. <strong>\u0633\u0631\u0635\u0641\u062d\u0647 \u0647\u0627<\/strong><br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>\u062a\u06af \u0647\u0627\u06cc \u0647\u062f\u0631 \u0639\u0646\u0627\u0648\u06cc\u0646 \u0628\u062e\u0634 \u0647\u0627\u06cc\u06cc \u0627\u0632 \u0635\u0641\u062d\u0647 \u0648\u0628 \u0631\u0627 \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc \u06a9\u0646\u0646\u062f. \u0622\u0646\u0647\u0627 \u0627\u0632 <code\/> (the largest) to <code><\/p>\n<h6\/><\/code> (\u06a9\u0648\u0686\u06a9\u062a\u0631\u06cc\u0646). \u0647\u062f\u0631\u0647\u0627 \u0628\u0631\u0627\u06cc \u0633\u0627\u0632\u0645\u0627\u0646\u062f\u0647\u06cc \u0648 \u0633\u0627\u062e\u062a\u0627\u0631 \u0645\u062d\u062a\u0648\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u0646\u062f. \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u06cc\u06a9 \u0645\u062b\u0627\u0644 \u0627\u0633\u062a:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"\/>Main Header<span class=\"nt\"\/>\n<span class=\"nt\"><h2\/><\/span>Subheader<span class=\"nt\"\/>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <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>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <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-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0628\u0633\u062a\u0647 \u0628\u0647 \u0633\u0637\u062d \u0627\u0647\u0645\u06cc\u062a \u0627\u0632 \u062a\u06af \u0647\u062f\u0631 \u0645\u0646\u0627\u0633\u0628 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644\u060c <code\/> is typically used for the main title, while <code><\/p>\n<h2\/><\/code> \u0648 \u0628\u0642\u06cc\u0647 \u0628\u0631\u0627\u06cc \u0632\u06cc\u0631\u0628\u062e\u0634 \u0647\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u0646\u062f.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"2_%D9%BE%D8%A7%D8%B1%D8%A7%DA%AF%D8%B1%D8%A7%D9%81_%D9%87%D8%A7\"><\/span>\n<p>  2. <strong>\u067e\u0627\u0631\u0627\u06af\u0631\u0627\u0641 \u0647\u0627<\/strong><br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>\u0627\u06cc\u0646 <code\/> tag is used to define a paragraph of text. It helps group text into readable chunks and allows for easier styling.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"\/>This is a paragraph of text.<span class=\"nt\"\/>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <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>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <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-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h4><span class=\"ez-toc-section\" id=\"3_%D9%84%DB%8C%D8%B3%D8%AA_%D9%87%D8%A7\"><\/span>\n<p>  3. <strong>\u0644\u06cc\u0633\u062a \u0647\u0627<\/strong><br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>HTML \u0627\u0632 \u062f\u0648 \u0646\u0648\u0639 \u0644\u06cc\u0633\u062a \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc \u06a9\u0646\u062f:<\/p>\n<ul>\n<li>\n<strong>\u0644\u06cc\u0633\u062a \u0633\u0641\u0627\u0631\u0634 \u062f\u0627\u062f\u0647 \u0634\u062f\u0647<\/strong> (<code><\/p>\n<ol\/><\/code>): \u0644\u06cc\u0633\u062a \u0647\u0627\u06cc\u06cc \u06a9\u0647 \u062a\u0631\u062a\u06cc\u0628 \u062e\u0627\u0635\u06cc \u062f\u0627\u0631\u0646\u062f (\u0645\u062b\u0644\u0627\u064b \u0645\u0631\u0627\u062d\u0644 \u06cc\u06a9 \u0622\u0645\u0648\u0632\u0634).<\/li>\n<li>\n<strong>\u0644\u06cc\u0633\u062a \u0646\u0627\u0645\u0631\u062a\u0628<\/strong> (<code\/>): Lists with no specific order (e.g., a shopping list).<\/li>\n<\/ul>\n<p>Each list item is enclosed in an <code><\/p>\n<li\/><\/code> \u0628\u0631\u0686\u0633\u0628 \u0632\u062f\u0646<\/p>\n<p><strong>\u0646\u0645\u0648\u0646\u0647 \u0644\u06cc\u0633\u062a \u0633\u0641\u0627\u0631\u0634\u06cc:<\/strong><\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"><ol\/><\/span>\n    <span class=\"nt\"><li\/><\/span>Step 1: Learn HTML<span class=\"nt\"\/>\n    <span class=\"nt\"><li\/><\/span>Step 2: Learn CSS<span class=\"nt\"\/>\n    <span class=\"nt\"><li\/><\/span>Step 3: Learn JavaScript<span class=\"nt\"\/>\n<span class=\"nt\"\/>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <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>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <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-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u0645\u062b\u0627\u0644 \u0644\u06cc\u0633\u062a \u0646\u0627\u0645\u0631\u062a\u0628:<\/strong><\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"\/>\n    <span class=\"nt\"><li\/><\/span>Eggs<span class=\"nt\"\/>\n    <span class=\"nt\"><li\/><\/span>Bread<span class=\"nt\"\/>\n    <span class=\"nt\"><li\/><\/span>Milk<span class=\"nt\"\/>\n<span class=\"nt\"\/>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <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>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <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-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h4><span class=\"ez-toc-section\" id=\"4_%D9%86%D8%A7%D8%AD%DB%8C%D9%87_%D9%85%D8%AA%D9%86\"><\/span>\n<p>  4. <strong>\u0646\u0627\u062d\u06cc\u0647 \u0645\u062a\u0646<\/strong><br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>\u0627\u06cc\u0646 <code><textarea\/><\/code> \u0639\u0646\u0635\u0631 \u06a9\u0627\u062f\u0631\u06cc \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc \u062f\u0647\u062f \u0686\u0646\u062f\u06cc\u0646 \u062e\u0637 \u0645\u062a\u0646 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u0646\u062f. \u0645\u0639\u0645\u0648\u0644\u0627\u064b \u0628\u0631\u0627\u06cc \u0646\u0638\u0631\u0627\u062a\u060c \u0641\u0631\u0645\u200c\u0647\u0627\u06cc \u0628\u0627\u0632\u062e\u0648\u0631\u062f \u06cc\u0627 \u0641\u06cc\u0644\u062f\u0647\u0627\u06cc \u062c\u0633\u062a\u062c\u0648 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"><textarea\/><\/span>Your text goes here<span class=\"nt\"\/>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <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>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <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-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0634\u0645\u0627 \u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f <code>placeholder<\/code> \u0648 <code>id<\/code> \u0628\u0631\u0627\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f \u0627\u0636\u0627\u0641\u06cc:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"><textarea> <span class=\"na\">id=<\/span><span class=\"s\">\"my_text_area\"<\/span> <span class=\"na\">placeholder=<\/span><span class=\"s\">\"Enter your name\"<\/span><span class=\"nt\">&gt;<\/span><\/textarea><\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <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>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <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-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h4><span class=\"ez-toc-section\" id=\"5_%D8%AF%DA%A9%D9%85%D9%87_%D9%87%D8%A7\"><\/span>\n<p>  5. <strong>\u062f\u06a9\u0645\u0647 \u0647\u0627<\/strong><br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>\u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u062f\u06a9\u0645\u0647\u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 <code><button\/><\/code> \u0628\u0631\u0686\u0633\u0628 \u0632\u062f\u0646 \u062f\u06a9\u0645\u0647\u200c\u0647\u0627 \u0645\u0639\u0645\u0648\u0644\u0627\u064b \u0628\u0631\u0627\u06cc \u0627\u0631\u0633\u0627\u0644 \u0641\u0631\u0645 \u06cc\u0627 \u0627\u0642\u062f\u0627\u0645\u0627\u062a \u062a\u0639\u0627\u0645\u0644\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"><button\/><\/span>Click Me!<span class=\"nt\"\/>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <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>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <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-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0634\u0645\u0627 \u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u06cc\u06a9 \u0631\u0627 \u0627\u062e\u062a\u0635\u0627\u0635 \u062f\u0647\u06cc\u062f <code>id<\/code> \u0628\u0647 \u062f\u06a9\u0645\u0647 \u0627\u0633\u062a\u0627\u06cc\u0644 \u062f\u0627\u062f\u0646 \u06cc\u0627 \u062a\u0639\u0627\u0645\u0644 \u0628\u0627 \u0622\u0646 \u0627\u0632 \u0637\u0631\u06cc\u0642 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"><button> <span class=\"na\">id=<\/span><span class=\"s\">\"my_button\"<\/span><span class=\"nt\">&gt;<\/span>Click Me!<span class=\"nt\"\/><\/button><\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <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>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <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-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h4><span class=\"ez-toc-section\" id=\"6_%D9%87%D8%A7%DB%8C%D9%BE%D8%B1%D9%84%DB%8C%D9%86%DA%A9_%D9%87%D8%A7\"><\/span>\n<p>  6. <strong>\u0647\u0627\u06cc\u067e\u0631\u0644\u06cc\u0646\u06a9 \u0647\u0627<\/strong><br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>\u0647\u0627\u06cc\u067e\u0631\u0644\u06cc\u0646\u06a9 \u0647\u0627 (<code><a\/><\/code> \u0628\u0631\u0686\u0633\u0628 \u0647\u0627) \u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc \u062f\u0647\u062f \u0628\u06cc\u0646 \u0635\u0641\u062d\u0627\u062a \u06cc\u0627 \u0633\u0627\u06cc\u062a \u0647\u0627\u06cc \u062e\u0627\u0631\u062c\u06cc \u062d\u0631\u06a9\u062a \u06a9\u0646\u0646\u062f. \u0627\u06cc\u0646 <code>href<\/code> \u0648\u06cc\u0698\u06af\u06cc URL \u0645\u0642\u0635\u062f \u0631\u0627 \u0645\u0634\u062e\u0635 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<p>\u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u06a9\u0646\u062a\u0631\u0644 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0622\u06cc\u0627 \u067e\u06cc\u0648\u0646\u062f \u062f\u0631 \u0647\u0645\u0627\u0646 \u067e\u0646\u062c\u0631\u0647 \u06cc\u0627 \u06cc\u06a9 \u0628\u0631\u06af\u0647 \u062c\u062f\u06cc\u062f \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 <code>target<\/code> \u0648\u06cc\u0698\u06af\u06cc:<\/p>\n<p>\u0628\u0647 \u0637\u0648\u0631 \u067e\u06cc\u0634 \u0641\u0631\u0636\u060c \u067e\u06cc\u0648\u0646\u062f \u062f\u0631 \u0647\u0645\u0627\u0646 \u062a\u0628 \u0628\u0627\u0632 \u0645\u06cc \u0634\u0648\u062f (<code>_self<\/code>) \u0627\u0645\u0627 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 <code>_blank<\/code> \u067e\u06cc\u0648\u0646\u062f \u0631\u0627 \u062f\u0631 \u06cc\u06a9 \u0628\u0631\u06af\u0647 \u062c\u062f\u06cc\u062f \u0628\u0627\u0632 \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"7_%D8%AA%D8%B5%D8%A7%D9%88%DB%8C%D8%B1\"><\/span>\n<p>  7. <strong>\u062a\u0635\u0627\u0648\u06cc\u0631<\/strong><br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>\u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u062a\u0635\u0627\u0648\u06cc\u0631 \u0627\u0632 <code><img\/><\/code> \u0628\u0631\u0686\u0633\u0628\u060c \u0628\u0627 <code>src<\/code> \u0648\u06cc\u0698\u06af\u06cc \u0627\u0634\u0627\u0631\u0647 \u0628\u0647 \u0645\u0646\u0628\u0639 \u062a\u0635\u0648\u06cc\u0631 (URL \u06cc\u0627 \u0645\u0633\u06cc\u0631 \u0641\u0627\u06cc\u0644). \u0627\u06cc\u0646 <code>alt<\/code> \u0648\u06cc\u0698\u06af\u06cc \u062a\u0648\u0636\u06cc\u062d\u06cc \u0628\u0631\u0627\u06cc \u062a\u0635\u0648\u06cc\u0631 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f (\u0645\u0641\u06cc\u062f \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u0631\u0633\u06cc).<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"><img\/> <span class=\"na\">src=<\/span><span class=\"s\">\"image.jpg\"<\/span> <span class=\"na\">alt=<\/span><span class=\"s\">\"Description of image\"<\/span><span class=\"nt\">&gt;<\/span>\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <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>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <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-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h4><span class=\"ez-toc-section\" id=\"8_%D8%AF%D9%88\"><\/span>\n<p>  8. <strong>\u062f\u0648<\/strong><br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>\u0627\u06cc\u0646 <code><\/p>\n<div> tag is a container used to group elements. It's useful for layout purposes, such as creating different sections on a webpage.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"><div>\n    <span class=\"nt\"><h2\/><\/span>About Us<span class=\"nt\"\/>\n    <span class=\"nt\"\/>We are a company that...<span class=\"nt\"\/>\n<span class=\"nt\"\/><\/div><\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <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>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <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-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h4><span class=\"ez-toc-section\" id=\"9_%D9%82%D8%A7%D9%84%D8%A8_%D8%A8%D9%86%D8%AF%DB%8C_%D9%85%D8%AA%D9%86\"><\/span>\n<p>  9. <strong>\u0642\u0627\u0644\u0628 \u0628\u0646\u062f\u06cc \u0645\u062a\u0646<\/strong><br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>HTML \u0627\u0646\u0648\u0627\u0639 \u062a\u06af \u0647\u0627 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0642\u0627\u0644\u0628 \u0628\u0646\u062f\u06cc \u0645\u062a\u0646 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f. \u0628\u0631\u062e\u06cc \u0627\u0632 \u067e\u0631\u06a9\u0627\u0631\u0628\u0631\u062f\u062a\u0631\u06cc\u0646 \u0622\u0646\u0647\u0627 \u0639\u0628\u0627\u0631\u062a\u0646\u062f \u0627\u0632:<\/p>\n<ul>\n<li>\n<code><b\/><\/code>: \u0645\u062a\u0646 \u067e\u0631\u0631\u0646\u06af<\/li>\n<li>\n<code><strong\/><\/code>: \u0645\u062a\u0646 \u0645\u0647\u0645 (\u0627\u0632 \u0646\u0638\u0631 \u0645\u0639\u0646\u0627\u06cc\u06cc \u0642\u0648\u06cc \u062a\u0631 \u0627\u0632 <code><b\/><\/code>)<\/li>\n<li>\n<code><i\/><\/code>: \u0645\u062a\u0646 \u06a9\u062c<\/li>\n<li>\n<code><em\/><\/code>: \u0645\u062a\u0646 \u062a\u0627\u06a9\u06cc\u062f \u0634\u062f\u0647 (\u0627\u0632 \u0646\u0638\u0631 \u0645\u0639\u0646\u0627\u06cc\u06cc \u0642\u0648\u06cc \u062a\u0631 \u0627\u0632 <code><i\/><\/code>)<\/li>\n<li>\n<code><mark\/><\/code>: \u0645\u062a\u0646 \u0647\u0627\u06cc\u0644\u0627\u06cc\u062a \u0634\u062f\u0647<\/li>\n<li>\n<code><small\/><\/code>: \u0645\u062a\u0646 \u06a9\u0648\u0686\u06a9\u062a\u0631<\/li>\n<li>\n<code><del\/><\/code>: \u0645\u062a\u0646 \u062e\u0637 \u062e\u0648\u0631\u062f\u0647<\/li>\n<li>\n<code><sub\/><\/code>: \u0645\u062a\u0646 \u0632\u06cc\u0631\u0646\u0648\u06cc\u0633<\/li>\n<li>\n<code><sup\/><\/code>: \u0645\u062a\u0646 \u0631\u0648\u0646\u0648\u0634\u062a<\/li>\n<\/ul>\n<p>\u0645\u062b\u0627\u0644 \u0647\u0627:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"\/>This is bold text<span class=\"nt\"\/>\n<span class=\"nt\"\/>This is important text<span class=\"nt\"\/>\n<span class=\"nt\"\/>This is italic text<span class=\"nt\"\/>\n<span class=\"nt\"\/>This is emphasized text<span class=\"nt\"\/>\n<span class=\"nt\"\/>This text is highlighted<span class=\"nt\"\/>\n<span class=\"nt\"\/>This is smaller text<span class=\"nt\"\/>\n<span class=\"nt\"\/>This text is crossed out<span class=\"nt\"\/>\n<span class=\"nt\"\/>Water is H<span class=\"nt\"><sub\/><\/span>2<span class=\"nt\"\/>O<span class=\"nt\"\/>\n<span class=\"nt\"\/>E = mc<span class=\"nt\"><sup\/><\/span>2<span class=\"nt\"\/>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <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>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <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-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n<p>        <\/code><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Summarize this content to 400 words in Persian Lang \u0633\u0644\u0627\u0645\u060c \u0648 \u0628\u0647 \u0627\u0648\u0644\u06cc\u0646 \u067e\u0633\u062a \u0645\u0646 \u062f\u0631 \u0627\u06cc\u0646 \u067e\u0644\u062a\u0641\u0631\u0645 \u0648 \u0647\u0645\u0686\u0646\u06cc\u0646 \u0627\u0648\u0644\u06cc\u0646 \u067e\u0633\u062a \u0645\u062c\u0645\u0648\u0639\u0647 \u062e\u0648\u0634 \u0622\u0645\u062f\u06cc\u062f &#8220;\u0645\u0628\u0627\u0646\u06cc \u062a\u0648\u0633\u0639\u0647 Front End.&#8221; \u062f\u0631 \u0627\u06cc\u0646 \u0645\u062c\u0645\u0648\u0639\u0647\u060c \u0645\u0641\u0627\u0647\u06cc\u0645 \u0636\u0631\u0648\u0631\u06cc \u0628\u0631\u0627\u06cc \u0634\u0631\u0648\u0639 \u0633\u0641\u0631 \u062a\u0648\u0633\u0639\u0647 Front End \u0634\u0645\u0627 \u0631\u0627 \u067e\u0648\u0634\u0634 \u062e\u0648\u0627\u0647\u06cc\u0645 \u062f\u0627\u062f. \u0645\u0648\u0636\u0648\u0639\u0627\u062a \u0634\u0627\u0645\u0644 \u0627\u0635\u0648\u0644 HTML\u060c CSS\u060c \u0648 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a. \u0628\u0631\u0627\u06cc \u0639\u0644\u0627\u0642\u0647 &hellip;<\/p>\n","protected":false},"author":2,"featured_media":85258,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[339],"tags":[],"class_list":["post-85257","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev"],"_links":{"self":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/85257","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/comments?post=85257"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/85257\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/85258"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=85257"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=85257"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=85257"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}