سلام خدمت دوستان
امروز بخش سوم آموزش را با عنوان " معرفی تگ های قالب بندی متن "
آغاز می کنیم. خب برای متوجه شدن بهتر این مطالب حتمن باید جلسات قبل رو خوانده باشید، خب بریم سراغ این جلسه :
- ۰ نظر
- ۲۸ آبان ۹۵ ، ۱۷:۰۷
سلام خدمت دوستان
امروز بخش سوم آموزش را با عنوان " معرفی تگ های قالب بندی متن "
آغاز می کنیم. خب برای متوجه شدن بهتر این مطالب حتمن باید جلسات قبل رو خوانده باشید، خب بریم سراغ این جلسه :
در این دوره آموزشی با هم یک وبسایت شخصی با html5 و css3 را از پایه طراحی و کدنویسی میکنیم.
بخش اول : تعریف و نیازمندی وبسایت
بخش دوم : طراحی سایت در فتوشاپ
بخش سوم : کدنویسی وبسایت
بخش چهارم: استاندارد سازی و یکم سئو شاید
بخش آخر : اضافه کاری ( درخواست های کاربران، چند خط با جاوا اسکریپت!).
بخش اول : در حال آماده سازی ، بزودی منتشر می شود.
نظرات شما کمک خیلی زیادی برای بروز رسانی سریع این آموزش خواهد کرد و سبب خوشحالی من خواهد شد.
توی این مطلب میخام آموزش افزودن متا تگ شبکه های اجتماعی یا تگ های Open Graph را به وبسایتتان را به اشتراک بگذارم. خب این تگ ها در سئو وب سایت شما نیز تاثیر دارند.
این متا تگ شبیه بقیه متا تگ ها بین دو تگ <head> و </head> قرار میگیرند. حتما از این تگ ها استفاده کنید!
ساختار این تگا به صورت زیر هست:
تو این مطلب میخام متا تگ های مهم در html رو معرفی میکنم که در نمایش وب سایت یا وبلاگ شما در موتورهای جست و جو تاثیر داره!
سلام ، امروز فایل html5 و css منو سایت که در این پست طراحی کردم رو براتون آماده کردم و آموزششو براتون میذارم.
اول ساختار منوی سایت خودمون رو کدنویسی میکنیم. (فایل html)
امروز میخواهم یکی دیگر از تگ های پرکاربرد html را معرفی کنم. تگ <table> یا جدول ؛ برای ایجاد جدول در صفحات اچ تی ام ال به کار میره!
بجای استفاده از صفت های مانند border در تگ جدول بهتر هست از css استفاده کنید.آموزش css و صفت های مربوط به تگ <table>.
برای افزودن سطر به جدول خود در صفحه html از تگ <tr> که مخفف کلمه ی table row میباشد استفاده میکنیم ، برای افزودن محتوا در سطر جدول از تگ <td> استفاده میکنیم که مخفف کلمه table data هست.
ساختار تگ <table>
در اچ تی ام ال دو نوع لیست داریم ، لیست های مرتب و نامرتب ، برای ایجاد لیست های مرتبط از تگ <ol> و برای ایجاد لیست های نامرتب از تگ <ul> استفاده میکنیم.
چگونه لیستی مرتب از اعداد ایجاد کنم ؟
برای افزودن عکس به صفحه html خود می توانیم از تگ <img> استفاده کنیم. در مورد تگ عکس یا همون <img> بگم تگی هست که نیاز به بسته شدن نداره! و تو این تگ از صفت های (Attribute) ؛
alt = برای کاربرانی که به دلایلی نمی توانند عکس را مشاهده کنند یا عکس بارگذاری نمیشه ، مقدار این صفت برای کاربر بعنوان اطلاعات جایگزین نشون داده می شود!
src= مقدار این صفت برابرست با آدرس عکس مورد نظرمون. خب برای درک بیشتر مطلب به مثال زیر دقت کنید: