تخفیف ویژه هفته کتاب و کتاب خوانی، فرصت یادگیری با 40٪ تخفیف (کد تخفیف: Ketab)
زمان باقی مانده تخفیف ویژه (تمدید شد)
سبد (0)

تبلیغات

مثال های HTML

HTML Basic

یک مثال خیلی ساده از HTML
عنوان ها در HTML
پاراگراف ها در HTML
لینک ها در HTML
تصاویر در HTML

توضیح مثال ها


HTML Headings

عنوان ها در HTML
درج یک توضیح (Comment) در کد HTML
درج یک خط افقی

توضیح مثال ها


HTML Paragraphs

پاراگراف ها در HTML
چند پاراگراف در یک صفحه
رفتن به خط جدید
مشکل خطوط و فاصله های اضافه در کد HTML (حذف می شوند)

توضیح مثال ها


HTML Text Formatting

فرمت بندی متن
حفظ کردن خطوط و فاصله های اضافه درون یک متن (Preformatted)
تگ های مختلف computer-output (استفاده در برنامه نویسی کامپیوتری)
درج کردن اطلاعات تماس
این کلمه مخفف یا مختصر چیست؟
معکوس کردن یک متن (از آخر به اول)
اضافه کردن نقل قول
نحوه علامت گذاری متن های زیر خط دار یا حذف شده(روی آن خط کشیده شده)

توضیح مثال ها


HTML Styles

تغییر شیوه نمایش عناصر HTML
تغییر رنگ پس زمینه
تغییر فونت، رنگ و اندازه متن
ترازبندی متن
تنظیم فونت یک متن
تنظیم اندازه یک متن
تنظیم رنگ یک متن
تنظیم فونت، رنگ و اندازه یک متن
استفاده از CSS در head صفحه
لینکی که خط زیر ندارد
لینک به یک فایل CSS خارجی

توضیح مثال ها


HTML Links

چگونه یک لینک ایجاد کنیم
استفاده از یک عکس به عنوان لینک
چگونه یک لینک را در صفحه جدید باز کنیم
پرش به بالا یا پایین یک صفحه
چگونه از یک فریم بیرون بیاییم. (اگر سایت شما در یک فریم محصور است)
چگونه با یک لینک، متنی را ایمیل کنیم. (تنها زمانی کار می کند که نرم افزار مدیریت ایمیل مثل outlook نصب شده باشد)
مثالی دیگر از ارسال متن توسط لینگ

توضیح مثال ها


HTML Images

درج یک تصویر
درج کردن تصویری که در فولدر یا سروری دیگر قرار دارد
تراز بندی تصویر
قرار دادن یک تصویر در سمت راست یا چپ یک پاراگراف
چگونه از یک تصویر به عنوان لینک استفاده کنیم
چگونه یک image map با ناحیه بندی متفاوت ایجاد کنیم که با کلیک روی هر ناحیه یک لینک اجرا شود

توضیح مثال ها


HTML Tables

یک جدول ساده
لبه های مختلف یک جدول (Border)
چگونه جدولی بدون خطوط حاشیه (Border) ایجاد کنیم
نحوه ایجاد سرتیترهای جدول
نحوه اضافه کردن عنوان به یک جدول
چگونگی تعریف سلول های جدول که بیش از یک سطر یا بیش از یک ستون را شامل می شوند
نمایش عناصر دیگر درون یک جدول
چگونه از cellpadding برای ایجاد فاصله بیشتر بین محتوای سلول با حاشیه سلول استفاده کنیم
چگونه از cellspacing برای افزایش فاصله بین سلول ها استفاده کنیم
چگونه از خصوصیت "frame" برای کنترل بوردر های دور جدول استفاده کنیم

توضیح مثال ها


HTML Lists

یک لیست غیرترتیبی
یک لیست ترتیبی
نمایش انواع دیگر لیست های ترتیبی
نمایش انواع دیگر لیست های غیر ترتیبی
نمایش لیست های تو در تو
نمایش لیست های تو در توی پیچیده تر
نمایش لیست تعریفی

توضیح مثال ها


HTML Forms and Input

چگونه یک فیلد متنی ایجاد کنیم. کاربر می تواند داخل فیلد متنی یک متن دلخواه تایپ کند
چگونه یک فیلد برای ورود کلمه عبور ایجاد کنیم
چگونه یک checkbox ایجاد کنیم
چگونه یک radio button ایجاد کنیم
چگونه یک لیست کشویی یا drop-down ساده ایجاد کنیم
چگونه یک لیست کشویی با مقدار انتخاب شده از قبل ایجاد کنیم
چگونه یک کنترل ورودی متن چند خطه ایجاد کنیم
چگونه یک دکمه برای کلیک کردن ایجاد کنیم
چگونه یک لبه یا border، اطراف عناصر داخل یک فرم ایجاد کنیم
چگونه یک فرم با دو فیلد متنی و یک دکمه submit ایجاد کنیم
چگونه یک فرم با دو checkbox و یک دکمه submit ایجاد کنیم
چگونه یک فرم با دو radio button و یک دکمه submit ایجاد کنیم
ارسال ایمیل از طریق form

توضیح مثال ها


HTML IFrame

قرار دادن یک frame داخل صفحه HTML دیگر

توضیح مثال


HTML head Elements

مشخص کردن عنوان یک سند
نحوه استفاده از تگ برای اینکه معین کنیم تمام لینک های یک صفحه در یک پنجره جدید باز شوند
از عنصر برای توصیف سند استفاده کنید
از عنصر برای تعریف کلمات کلیدی سند استفاده کنید
چگونه یک کاربر را به آدرس وب جدیدی redirect کنیم (تغییر مسیر دهیم)

توضیح مثال ها


HTML Scripts

نحوه وارد کردن یک script در یک سند HTML
چاپ یک پیام مناسب برای مرورگرهایی که scripting را پشتیبانی نمی کنند یا scripting غیر فعال دارند

توضیح مثال ها

دیدگاه‌ها  

0 # mohammad_star 1395-11-22 18:33
عرض سلام و خدا قوت دارم خدمت آقای پهلوان صادق به خاطر مطالب خیلی مفید و آموزندتون وهمچنین تمامی کاربرای عزیز .
یه سوال هم در رابطه با جوابتون در مورد مختصات چند ضلعی برام پیش اومد،آخرین خط جوابتون (توجه: مختصات گوشه بالا و سمت راست 0,0 است.)منظورتون (مختصات گوشه بالا و سمت چپ 0,0 است.)بود؟ یا من اشتباه مختصات رو یاد گرفتم؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+3 # امیر پهلوان صادق 1395-11-24 22:44
سلام و درود
بله حق با شماست.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # malih niku 1394-04-30 09:06
سلام ...ببخشید مثال های این صفحه عینا تکرار نیستن...در واقع این صفحه مطلب جدیدی نداره درسته؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # امیر پهلوان صادق 1395-11-24 22:45
سلام، بله در این صفحه سعی کردیم کلیه مثال هایی که از ابتدا تا اینجا کار کردیم را یکجا در اختیار شما قرار دهیم. به این ترتیب با مرور مثال ها می توانید مفاهیم را در ذهن خود نهادینه کنید.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+4 # raghb 1393-12-10 20:17
مختصات یا مقدار قرار گرفته در صفت coords به چه صورت هستش یا میشه بدست آورد؟
مرسی
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+4 # امیر پهلوان صادق 1393-12-11 08:45
برای اطلاع دوستان، ویژگی coords در تگ area استفاده می شود و مختصات یک ناحیه را در image-map مشخص می کند. برای کسب اطلاعات بیشتر در مورد تگ تگ area به لینک زیر مرجعه کنید:
www.beyamooz.com/tags/312-html-tag/1929
و اما جواب شما دوست عزیز
همان طور که می دانید این خصوصیت باید همراه خصوصیت shape استفاده شود. حالا با توجه به مقادیری که برای shape تنظیم می کنیم، می توان coords را تنظیم کرد:
rect: اگر shape را مستطیل در نظر بگیریم، coords باید با چهار عدد تنظیم شود. دو عدد اول مختصات نقطه اول را مشخص می کند که بترتیب فاصله از چپ و بالا است و دو عدد دوم مختصات نقطه دوم را مشخص می کند. به این ترتیب با داشتن مختصات دو نقطه، ناحیه ی مستطیل شکل ایجاد می شود.
circle: اگر shape را دایره در نظر بگیریم، coords باید با سه عدد تنظیم شود. دو عدد اول مختصات مرکز دایره را مشخص می کند که بترتیب فاصله از چپ و بالاست و عدد سوم شعاع دایره را مشخص می کند.
poly: اگر shape را یک چند ضعلی در نظر بگیریم، به این ترتیب در خصوصیت coords باید مختصات تمام گوشه ها را ذکر کنیم. اگر مختصات نقطه اول و آخر یکی نباشد، مرورگر بطور پیش فرض نقطه اول و آخر را تطابق می دهد.
توجه: مختصات گوشه بالا و سمت چپ 0,0 است.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+4 # zhrd 1393-11-14 13:45
ممنون از آموزش های بی نظیر و کاربردیتان
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+7 # رضاخانلو 1393-03-28 16:20
آموزش بسيار کاربردي داشتيد خيلي خيلي تشکر ميکنم ، خواهشمندم يک فرم ورود اطلاعات که شامل تمام دستورات باشد در مثالها قرار دهيد.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن

آموزش صوتی HTML

بستن
مدرس:
سوال و جواب:

ابزاری که در پیش روی دارید یکی از ابزارهای بسیار کاربردی سایت بیاموز در زمینه آموزش است، این ابزار برای سهولت یادگیری شما کاربران محترم طراحی شده است.

فقط کافی است روی عنوان پاراگراف مورد نظرتان کلیک کنید تا پخش صدا آغاز شود ...!

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان
 
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تبلیغات اینترنتی