جهت مشاهده مطالب کارشناسان و کاربران در این موضوع کلیک کنید   

موضوع: ⊙.☉ آموزش مقدماتی html 4 ⊙.☉

  1. #1

    تاریخ عضویت
    جنسیت آبان ۱۳۹۲
    نوشته
    7,960
    مورد تشکر
    48 پست
    حضور
    34 روز 9 ساعت 29 دقیقه
    دریافت
    5
    آپلود
    0
    گالری
    90

    ⊙.☉ آموزش مقدماتی html 4 ⊙.☉




    ⊙.☉ آموزش مقدماتی html 4 ⊙.☉



    معرفی و مقدمه HMTL

    با آموزش HTML شما یاد خواهید گرفت چگونه از HTML در ساخت صفحات وب خودتان استفاده کنید. یادگیری HTML بسیار ساده است و شما از آن لذت خواهید برد.
    یک فایل HTML چیست؟



    • HTML مخفف زبان نشانه گذاری فرا متنی است(hyper text markup language).
    • یک فایل HTML یک فایل متنی حاوی برچسب های کوچک نشانه گذاریست
    • بر چسب های نشانه گذاری به مرورگرهای وب بیان می کنند که صفحه را چگونه نشان دهد
    • یک فایل HTML باید دارای پسوند html. یا html. باشد
    • یک فایل HTML می تواند توسط یک ویرایشگر متنی ساده ساخته شود



    آیا می خواهید یکبار امتحان کنید؟

    اگر در حال کار با ویندوز هستید برنامه note pad را اجرا کنید. متن زیر را تایپ کنید.
    <html>
    <head>
    <title>title of page </title>
    </head>
    <body>
    This is my first home page.<b> This text is bold </b>
    </body>
    </html>
    فایل را تحت عنوان "mypage.htm"ذخیره کنید.
    مرورگر اینترنت خود را باز کنید، از منوی فایل گزینه "open" یا "open page" را انتخاب کنید. یک جعبه گفتگو ظاهر خواهد شد .گزینه "brows" یا "choose file" را انتخاب کنید و در مکانی که فایل HTML خود را ساخته اید قرار گیرید. آن را انتخاب کنید و روی گزینه "open" کلیک کنید.حالا شما یک آدرس در جعبه گفتگوی خود مشاهده خواهید کرد. بعنوان مثال "C:\mypage.html" گزینه ok را کلیک کنید و مرورگر صفحه را به شما نشان خواهد داد.

    ویرایش توسط سالار زینب : ۱۳۹۴/۰۶/۲۷ در ساعت ۱۴:۱۳
    دغدغه روزمره ام ، بودن توست !
    نفس کشیدنت ..
    ایستادنت ..
    خندیدنت ..

    مــــــــــادرم
    تو باشی و خدا ، دنیا برایم بس است ...

  2. تشکر


  3.  

  4. #2

    تاریخ عضویت
    جنسیت آبان ۱۳۹۲
    نوشته
    7,960
    مورد تشکر
    48 پست
    حضور
    34 روز 9 ساعت 29 دقیقه
    دریافت
    5
    آپلود
    0
    گالری
    90



    مثال تشریح شده

    اولین برچسب در فایل HTML شما ، <html> است.این برچسب به مرورگر شما می فهماند که این آغاز یک فایل HTML است، آخرین برچسب در فایل شما <html/> است.این برچسب به فایل شما می فهماند که این انتهای یک فایل HTML است.
    متن های بین برچسب و اطلاعات سرانداز (header)شماست .اطلاعات سر انداز در پنجره مرورگر نشان داده نخواهد شد. متن بین برچسب <title>، سرتیتر پرونده شماست. سرتیتر در قسمت عنوان صفحه مرورگر نشان داده خواهد شد.
    متنی که در مرورگر نشان داده خواهد شد ، متنی است که بین برچسب <body> نشان داده خواهد شد.
    متنی که بین برچسب <b> قرار گیرد در مرورگر بصورت برجسته نشان داده خواهد شد.


    پسوند htm. یا html. ?

    هنگامی که شما یک فایل HTML را ذخیره می کنید شما می توانید هرکدام از پسوندهای htm. یا html. را انتخاب کنید.ما در مثال هایمان از پسوند htm. استفاده می کنیم. این ممکن است یک رفتار بد موروثی از گذشته باشد که بیشتر نرم افزارهایی که استفاده می شوند فقط پسوند سه حرفی را قبول می کنند.با نرم افزار جدیدتر ما فکر می کنیم که اگر از پسوند html. استفاده کنیم بسیار ایمن تر خواهیم بود.


    به ویرایشگر های HTML توجه کنید:

    شما می توانید به سادگی با استفاده از یک ویرایشگر WYSIWY("what you see is what you get") فایل های HTML را ویرایش کنید ، مثل FRONT PAGE,Claris Home Page یا Adob PageMill.
    اگر شما می خواهید یک توسعه دهنده وب توانا باشید ما توصیه اکید می کنیم که شما از یک ویرایشگر متنی ساده استفاده کنید تا اصول اولیه HTML را یاد بگیرید.

    دغدغه روزمره ام ، بودن توست !
    نفس کشیدنت ..
    ایستادنت ..
    خندیدنت ..

    مــــــــــادرم
    تو باشی و خدا ، دنیا برایم بس است ...

  5. #3

    تاریخ عضویت
    جنسیت آبان ۱۳۹۲
    نوشته
    7,960
    مورد تشکر
    48 پست
    حضور
    34 روز 9 ساعت 29 دقیقه
    دریافت
    5
    آپلود
    0
    گالری
    90



    پرسش و پاسخ:

    س: پس از اینکه فایل HTML را ویرایش می کنم نمی توانم نتیجه را در مرورگر مشاهده کنم. چرا؟
    ج:اطمینان حاصل کنید که فایل را با یک نام و پسوند صحیح ذخیره کرده اید مثل"C:\mypage.htm". همچنین اطمینان حاصل کنید که از همان نام هنگام باز کردن فایل در مرورگر استفاده کرده اید.

    س:من سعی کردم فایل HTMLام را ویرایش کنم. اما تغییرات در مرورگرم نشان داده نشد. چرا؟
    ج:مرورگر صفحه را کاشه(cach) کرده بنا بر این یک صفحه را دو بار نمی خواند. هنگامی که شما یک صفحه را تغییر می دهید مرورگر آن را نمی داند. از کلید REFRESH/RELOAD مرورگر استفاده کنید تا آن را مجبور کنید صفحه را دوباره بخواند.

    س:از چه مرورگری باید استفاده کنیم؟
    ج:شما می توانید تمام این آموخته ها را با مرورگرهای متعارف انجام دهید مثل Internet Explorer, Netscape,Mozilla و Opera. هر چند که تعدادی از مثال های مادر کلاس های پیشرفته به آخرین نسخه مرورگرها نیاز دارند.

    منبع: html.ir
    دغدغه روزمره ام ، بودن توست !
    نفس کشیدنت ..
    ایستادنت ..
    خندیدنت ..

    مــــــــــادرم
    تو باشی و خدا ، دنیا برایم بس است ...

  6. #4

  7. #5

    تاریخ عضویت
    جنسیت آبان ۱۳۹۲
    نوشته
    7,960
    مورد تشکر
    48 پست
    حضور
    34 روز 9 ساعت 29 دقیقه
    دریافت
    5
    آپلود
    0
    گالری
    90



    عناصر HTML

    پرونده های HTML فایل های متنی هستند که با عناصر HTML ساخته شده اند.عناصر HTML با استفاده از برچسب های HTML تعریف می شوند.برچسب های HTML


    • برچسب های HTML برای نشانه گذاری عناصر HTML استفاده می شوند
    • بر چسب های HTML توسط دو کاراکتر < و > محاط می شوند
    • این کاراکتر های محاط کننده قلاب نامیده می شوند
    • بر چسب های HTML معمولا بصورت جفت می آیند <b> , <b/>
    • اولین برچسب دوتایی برچسب شروع و دومی برچسب پایانی است
    • متن های بین برچسب ابتدایی و انتهایی محتوای عناصر هستند
    • برچسبهای HTML به حروف کوچک و بزرگ حساس نیستند <b> معادل <B> است.



    عناصر HTML

    مثال HTML در صفحه قبل را بخاطر بیاورید. این یک عنصر HTML است:

    <b>This text is bold</b>

    عنصر HTML با یک برچسب شروع ، آغاز می شود:<b>

    محتوای عنصر HTML: This text is bold

    عنصر HTML با یک برچسب پایانی تمام می شود:<b/>

    هدف برچسب <b> این است که تعریف کند عناصر HTML باید بصورت برجسته نشان داده شوند این نیز همچنین یک عنصر HTML است:

    <body>
    This is my first homepage.<b>This text is bold</b>
    </body>

    این عنصر HTML با برچسب آغازین <body> شروع و با برچسب پایانی <body/> تمام می شود.

    هدف برچسب <body> این است که عناصر HTML را که محتوای بدنه HTML هستند تعریف کند.

    دغدغه روزمره ام ، بودن توست !
    نفس کشیدنت ..
    ایستادنت ..
    خندیدنت ..

    مــــــــــادرم
    تو باشی و خدا ، دنیا برایم بس است ...

  8. #6

    تاریخ عضویت
    جنسیت آبان ۱۳۹۲
    نوشته
    7,960
    مورد تشکر
    48 پست
    حضور
    34 روز 9 ساعت 29 دقیقه
    دریافت
    5
    آپلود
    0
    گالری
    90



    چرا ما از برچسب هایی با حروف کوچک استفاده می کنیم؟

    ما فقط گفتیم که برچسب های HTML حساس به حروف کوچک و بزرگ نیستند و <B>همان معنی <b>را می دهد.هنگامی که شما به وب گردی می پردازد، متوجه خواهید شد که بیشتر آموزش ها در مثال هایشان از حروف بزرگ برچسب های HTML استفاده می کنند.ما همیشه از برچسب های حروف کوچک استفاده می کنیم. چرا؟
    اگر شما می خواهید خود را برای نسل های بعدی HTML آماده کنیدشما باید شروع کنید و از برچسبهای حروف کوچک استفاده کنید.کنسرسیوم شبکه گسترده جهانی (W3C) در نظریه HTML4 خود برچسب های حروف کوچک را توصیه کرده و XHTML(نسل بعدی HTML) برچسبهای حروف کوچک را خواستار شده است.

    ـــــــــــــــــــــــــ ـــــــــــــــــــــــــ ــــــ

    عناصر برچسب

    برچسبها خود می توانند شامل عناصری باشند ، عناصر می توانند اطلاعات اضافی در باره عناصر HTML در صفحه شما را فراهم کنند.این برچسب عنصر بدنه را در صفحه شما معرفی می کند:
    <body>
    با اضافه کردن عنصر <bgcolor>شما می توانید به مرورگر بگویید که رنگ پس زمینه شما باید قرمز باشد مثل این:<"body bgcolor="red>
    این برچسب یک جدول HTML را معرفی می کند:<table>. با اضافه کردن عنصر حاشیه شما می توانید به مرورگر بگویید که جدول نباید هیچ لبه و حاشیه ای داشته باشد: <"table border="0>
    عناصر همیشه در یک زوج نام/مقدار می آیند، مثل این: نام="مقدار"
    عناصر همیشه به برچسب شروع عناصر HTML اضافه می شوند.

    _____________________________________

    حالتهای کتیشن ، 'قرمز' یا "قرمز"؟

    محتوای عناصر باید همیشه در کتیشن ها محدود شوند ، از هر دو حالت کتیشن و دوبل کتیشن می توان استفاده کرد ولی استفاده از دوبل کتیشن ها متداول تر است. در بعضی موقعیت های نادر مثل هنگامی که محتوای عناصر خود دارای کتیشن هستند لازم است که از تک کتیشن استفاده کنیم: 'Name='john "shotgun" Nelson


    منبع: html.ir

    دغدغه روزمره ام ، بودن توست !
    نفس کشیدنت ..
    ایستادنت ..
    خندیدنت ..

    مــــــــــادرم
    تو باشی و خدا ، دنیا برایم بس است ...

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. کمک :: آموزش ساخت کتاب html با نرم افزار Word
    توسط umsa در انجمن نرم افزارهای کاربردی
    پاسخ: 0
    آخرين نوشته: ۱۳۹۱/۰۵/۲۸, ۱۴:۰۷
  2. اموزش html
    توسط ابرار در انجمن آموزش نرم افزاری
    پاسخ: 9
    آخرين نوشته: ۱۳۸۹/۰۶/۰۷, ۱۵:۰۲
  3. <آمـــــــــــــــوزش H T M l><html>
    توسط Mostafa در انجمن آموزش نرم افزاری
    پاسخ: 8
    آخرين نوشته: ۱۳۸۸/۰۹/۰۳, ۱۳:۳۷

کلمات کلیدی این موضوع

اشتراک گذاری

اشتراک گذاری

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  
^

ورود

ورود