آموزش HTML

• admin
• >دسته بندی: آموزشی, طراحی وب
• برچسب ها: HTML, آموزش, طراحی وب
• ۱۳۹۳/۱۱/۰۳

عرض سلام و ادب خدمت میهمانان وب سایت تک آموز

امروز قصد داریم طراحی وب را به طورجدی تری دنبال کنیم و کسانی که تازه وارد مبحث وب و طراحی صفحات وب سایت می شوند، می توانند با این آموزش شروع کنند همچنین می توانند از منابع دیگر وب سایت هم دیدن کنند : دسته ی طراحی وب سایت

مبحث امروز ما آموزش کامل HTML است

HTML چیست ؟

زبان نشانه‌گذاری ابرمتنی یا زنگام یا اچ‌تی‌ام‌ال، HTML یا HyperText Markup Language در کنار سی‌اس‌اس هستهٔ فناوری ساخت صفحه‌های وب هستند. اچ‌تی‌ام‌ال زبان توصیف ساختار صفحه‌های وب است. زبانی‌است برای نشانه‌گذاری ابرمتن که برای تدوین قالب و طراحی صفحه‌های وب به کار می‌برند. دستورعمل‌های این زبان، برچسب (Tag) نام دارند که محتوای یک صفحهٔ وب، با آن‌ها،نشانه‌گذاری شده و بدین‌ترتیب، نحوهٔ نمایش آن صفحه برای مرورگرهای وب، توصیف می‌شود.

این زبان در خلال دهه ۹۰ توسط دنیس ریچی ابداع شد.

تاکنون نسخهٔ ۵ آن عرضه است.

 

سر فصل های این مجموعه ی آموزشی :

 

– توضیح در مورد ایکس ام ال
–  توضیح در مورد اچ تی ام ال
– چگونگی ایجاد فایل اچ تی ام ال در ویندوز
–  چگونگی دانلود نت بینز
–  توضیح تگ ها : ،تگ html ،تگ body ،تگ head ،تگ title
–  چگونگی اجرای یک فایل اچ تی ام ال در در مرورگر

–  توضیح ساختار سلسله مراتبی در اچ تی ام ال
–  ذخیره فایل های HTML با فرمت utf8 در Netbeans
– توضیح ساختار سلسله مراتبی در HTML
– توضیح تفاوت سند و فایل
–  توضیح تگ های h1 تا h6
–  توضیح تگ پاراگراف یا <p>
–  توضیح تگ <a>
–  توضیح در مورد url و آدرس فایل

– چگونه در Netbeans پروژه html ایجاد کنیم
–  چگونه shortcut های Netbeans را تغییر دهیم
–  تفاوت مسیر دهی نسبی و مسیر دهی مطلق در html

– مثال های بیشتر در رابطه با مسیر دهی های نسبی و مطلق
–  آموزش تگ img و توضیح خصیصه src برای آن
– آموزش تگ p
–  آموزش خصیصه title
–  آموزش خصیصه lang برای تگ html

–  آموزش خصیصه width برای تگ های Html
–  آموزش خصیصه height برای تگ های Html
– آموزش خصیصه alt برای تگ های Html
–  توضیح تگ meta برای utf8 برای تگ head در html
–  توضیح تگ hr
–  توضیح تگ br
–  توضیح تفاوت بین تگ های inline level و block level
–  توضیح تگ pre در html
– توضیح تگ b در html
– توضیح تگ strong در html
–  توضیح تگ i در html
– توضیح تگ em در html

– آموزش تگ inserted
–  آموزش تگ del در html
–  آموزش تگ ins در html
–  توضیح تگ superscript در html
–  توضیح تگ subscript در html
–  توضیح خصیصه style
–  توضیح استایل color
–  توضیح استایل font-family
– توضیح استایل font-size
–  توضیح استایل text-align
– توضیح استایل direction
–  توضیح تگ q در html
– توضیح تگ blockquote در html
– توضیح تگ kbd در html
– توضیح تگ samp در html
–  توضیح تگ code در html
–  توضیح تگ pre و code در html
–  توضیح کامنت های شرطی برای شناسایی نوع مرورگر در html

–  آموزش internal styles یا استایل های داخلی
–  آموزش تگ <style>
–  آموزش externl styles استایل خارجی و نحوه اضافه کردن یک فایل css به یک سند Html
– آموزش تگ <link> در html
– آموزش لینک کردن به یک بخش خاص از یک سند html
–  آموزش خصیصه target برای تگ <a> و توضیح مقادیر blank و self
–  توضیح Mapping و خصیصه usemap برای تگ img در Html
–  توضیح تگ های map و area در html

– آموزش تگ table در Html

– آموزش تگ tr در html

– آموزش تگ td در Html

– آموزش تگ th در Html

– آموزش تگ caption در Html

– آموزش خصیصه colspan در Html

– آموزش تگ rowspan در Html

– آموزش دستیابی به سطور زوج و فرد در table در Html با استفاده از tr:nth-child(odd) و tr:nth-child(even)

– آموزش border-collapse و border-spacing و border در table ها در html

– آموزش تگ های ul و li در Html

– آموزش خصیصه list-style-type به ازای مقادیر مختلف در تگ ul در Html

– آموزش تگ ol در Html

– آموزش خصیصه type و مقادیر موجه مختلف برای آن در تگ ol در html

– آموزش تگ های dl و dt و dd در Html

– آموزش مفهوم لیست های تو در تو در Html

– آموزش ساختن یک منوی پیمایش افقی در Html

– آموزش شیوه inline کردن یک تگ block در Html

– آموزش تگ های inline و block در Html

– آموزش تگ div در Html

– آموزش تگ span در HTML

– آموزش خصیصه class و ذکر تفاوت آن با خصیصه id

– توضیح در مورد انتخاب کننده * یا universal selector برای از میان بردن استایل های پیشفرض اعمال شده توسط مرورگر

– توضیح و معرفی نرم افزار های Wiring برای بدست آوردن شمای کلی از layout ساخت صفحه Html که قرار است کد آن را بنویسیم.

– آموزش استفاده از نرم افزار مجانی Pencil

– تولید اولین شمای layout به زبان Html در نرم افزار Pencil

– ادامه آموزش ساخت یک layout ابتدایی در html

– آموزش padding در css و بکارگیری آن در Layout های Html

– آموزش ابتدایی float در css و بکارگیری آن در Layout های Html

– آموزش ابتدایی clear در css و بکارگیری آن در Layout های Html

_ آشنایی مختصر با Html5

_ آشنایی با تگ header در Html5

_ آشنایی با تگ section در Html5

_ آشنایی با تگ article در Html5

_ آشنایی با تگ aside در Html5

_ آشنایی با تگ footer در Html5

_ ساخت قالب با table ها در Html و توضیح چرایی نامناسب بودن این کار

_ توضیح بسیار ابتدایی قالب بندی ریسپانسیو و ذکر یک مثال ساده از آن

– آموزش ابتدایی ساخت یک layout در html با کمک bootstrap

– آموزش شیوه سطر بندی و ستون بندی با استفاده از bootstrap

– آموزش مقدماتی ساخت فرم ها در Html

– آموزش تگ form در html

– آموزش خصیصه action در تگ form در Html

– آموزش خصیصه method در تگ form در html

– توضیح شیوه های ارسال POST و GET در HTTP

– آموزش تگ input در HTML

– آموزش خصیصه type در تگ input در html

– آموزش ساخت textbox در html

– آموزش ساخت radiobox در html

– آموزش ساخت checkbox در html

– آموزش ساخت فیلد پسورد در html

– توضیح تگ iframe در Html

– روشن کردن این نکته که استفاده از تگ iframe خوب نیست

– تنظیم width و height در تگ Iframe

– توضیح خصیصه های src و frameborder در تگ iframe در Html

– توضیح خصیصه target در تگ iframe در Html

– توضیح انواع رنگ بندی در Html

– توضیح کد های رنگی در مبنای ۱۶ یا Hex در Html

– توضیح کدهای رنگی اسم دار در Html

– توضیح تگ script در html

– توضیح تگ noscript در Html

– توضیح تگ noscript در html

– راهنمای بسیار ابتدایی آغاز کار با Html

– آموزش تگ base در html

– آموزش تگ meta در html

– آموزش خصیصه keywords در تگ meta در html

– آموزش خصیصه description در تگ meta در html

– آموزش خصیصه author در تگ meta در html

– توضیح خصیصه refresh در تگ meta در html

این مجموعه ۱۴ قسمتی می باشد.

نوشته آموزش HTML اولین بار در بزرگترین آرشیو آموزشی پدیدار شد.

مبنع این خبر (برای مشاهده متن کامل خبر لینک زیر را بزنید):
بزرگترین آرشیو آموزشی