close
تبلیغات در اینترنت
آموزش html (جلسه دوم) اصول نوشتن
موقعیت شما : آموزش html (جلسه دوم) اصول نوشتن
کپی کردن از مطالب ممنوع است
ورود شـمـا را بـه سـایـت خـوش آمـد مـی گـویـیـم.
از موضوعات دیگر هم دیدن کنید
تبلیغات
ads ads
مطالب براساس
مطالب محبوب
مطالب تصادفی
  • آموزش معرفی سایت به 3 موتور جستوجوگر برتر دنیا
    بازدید : 229
    آموزش معرفی سایت به 3 موتور جستوجوگر برتر دنیا
  • آموزش هک پول بازی با استفاده از cheat engine ( فیلم)
    بازدید : 109
    آموزش هک پول بازی با استفاده از cheat engine ( فیلم)
  • آموزش نصب فونت در ویندوز و برنامه های کاربردی ( تصویری)
    بازدید : 99
    آموزش نصب فونت در ویندوز و برنامه های کاربردی ( تصویری)
  • معرفی برنامه برای مدیریت پردازش های ویندوز و سرعت بخشیدن به بازی
    بازدید : 91
    معرفی برنامه برای مدیریت پردازش های ویندوز و سرعت بخشیدن به بازی
  • پخش آنلاین شبکه های صدا و سیما
    بازدید : 79
    پخش آنلاین شبکه های صدا و سیما
  • آموزش html (جلسه چهارم) سرفصل ها و پاراگراف ها
    بازدید : 73
    آموزش html (جلسه چهارم)  سرفصل ها و پاراگراف ها
  • آموزش html (جلسه سوم) کار با متون و کلمات
    بازدید : 63
    آموزش html (جلسه سوم)  کار با متون و کلمات
  • آموزش html (جلسه دوم) اصول نوشتن
    بازدید : 61
    آموزش html (جلسه دوم)  اصول نوشتن
  • آموزش html (جلسه اول) مقدمه
    بازدید : 59
    آموزش html (جلسه اول) مقدمه
  • معرفی برنامه برای مدیریت پردازش های ویندوز و سرعت بخشیدن به بازی
    معرفی برنامه برای مدیریت پردازش های ویندوز و سرعت بخشیدن به بازی
  • آموزش html (جلسه چهارم) سرفصل ها و پاراگراف ها
    آموزش html (جلسه چهارم)  سرفصل ها و پاراگراف ها
  • آموزش html (جلسه دوم) اصول نوشتن
    آموزش html (جلسه دوم)  اصول نوشتن
  • پخش آنلاین شبکه های صدا و سیما
    پخش آنلاین شبکه های صدا و سیما
  • آموزش نصب فونت در ویندوز و برنامه های کاربردی ( تصویری)
    آموزش نصب فونت در ویندوز و برنامه های کاربردی ( تصویری)
  • آموزش معرفی سایت به 3 موتور جستوجوگر برتر دنیا
    آموزش معرفی سایت به 3 موتور جستوجوگر برتر دنیا
  • آموزش هک پول بازی با استفاده از cheat engine ( فیلم)
    آموزش هک پول بازی با استفاده از cheat engine ( فیلم)
  • آموزش html (جلسه سوم) کار با متون و کلمات
    آموزش html (جلسه سوم)  کار با متون و کلمات
  • آموزش html (جلسه اول) مقدمه
    آموزش html (جلسه اول) مقدمه
  • آمار سایت
    آمار مطالب
  • کل مطالب : 9
  • کل نظرات : 1
  • آمار کاربران
  • افراد آنلاین : 1
  • تعداد اعضا : 1
  • آمار بازدید
  • بازدید امروز : 20
  • باردید دیروز : 9
  • گوگل امروز : 0
  • گوگل دیروز : 0
  • بازدید هفته : 46
  • بازدید ماه : 183
  • بازدید سال : 2,097
  • بازدید کلی : 3,783
  • آرشیو سایت
  • 1396
  • 1395
  • آموزش html (جلسه دوم)  اصول نوشتن

    اصول نوشتن صفحات HTML

    در اینجا می خواهیم به ساختار شناسه ها یا همان تگها (tag) در HTML بپردازیم. یک تگ همیشه با علامت کوچکتر ریاضی یعنی این علامت > آغاز می شود و با علامت بزرگتر < به پایان می رسد. مثلاً تگی که باعث ایجاد زیرخط کلمات می شود اینطور نوشته می شود: <U> این علامت را قبل از متنی که می خواهیم زیر آن خط کشیده شود قرار می دهیم. به این تگ ، تگ ابتدایی (Opening tagg) می گویند، که عملیاتی را که شما می خواهید آغاز کنید شروع می کند. به منظور پایان دادن به زیرخط باید از یک تگ پایانی استفاده کنید. یک تگ پایانی با این علامت شروع می شود: />  بقیه تگ مانند تگ ابتدایی می باشد. برای درک بهتر این مطلب به مثال زیر توجه کنید:

    Tags and their position

    اگر بخواهید متن بالا را با زیرخط در مرورگر خود ببینید باید آنرا مطابق خط روبرو در ویرایشگر متن خود بنویسید:

    <u>tags and their position</u>

    نتیجه را به این صورت می بینید:

    Tags and their position

    در HTML همه تگها به یک تگ پایانی نیاز ندارند. برای مثال تگی که برای وارد کردن عکس استفاده می شود  از این قبیل تگهاست، که به این صورت می باشد:

    <img src="myimage.gif">

    البته بعداً در مورد این تگ توضیح خواهیم داد در اینجا فقط برای مثال این تگ را آوردیم. موارد دیگری هم با این وضعیت وجود دارند مثلاً<br> که برای رفتن به خط بعدی استفاده می شود، <hr> که برای ایجاد یک خط افقی به کار می رود و <p> که برای رفتن  به  پاراگراف بعدی استفاده می شود.

    در ضمن نیاز نیست که حتماً تگها با حروف بزرگ نوشته شوند. مثلاً <P> همان <p> است. البته در نسخه های جدیدتر HTML توصیه می شود کدهای HTML با حروف کوچک نوشته در XHTML هم نوشتن کدها با حروف کوچک الزامی است. فضای خالی هم بین  تگها تأثیری ندارد. مثلاً :

    <u>         متن زیرخط دار          </u>

    کد بالا همان نتیجه ای را می دهد که کد زیر دارد:

    <u>متن زیرخط دار</U>

    به این طریق هم اگر نوشته شود فرقی نمی کند:

    <u>
    متن زیرخط دار
    </u>

    قالب پایه ای یک فایل HTML مانند زیر است. ببینید می توانید کاری را که تگهای این کد انجام می دهند حدس بزنید؟ البته همه آنها را بعداً توضیح می دهیم.

     

    <html>
    <head>
    <title>html قالب اصلی</title>
    </head>
    <body>
    هر چیزی که اینجا قرار گیرد در صفحه شما قابل دیدن است
    </body>
    </html>

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

    تگ بعدی <head> است. این تگ مشخص کننده بخشی است که شما باید عنوان صفحه، کلمات کلیدی، و دیگر توضیحات خود برای این صفحه را در آن قرار دهید. این بخش با <head/> به پایان می رسد. در مثال بالا تنها قسمت HEAD عنوان صفحه بود که با  TITLE  مشخص می شود.

    تگ <title> به شما اجازه می دهد برای صفحه خود یک عنوان برگزینید. این قسمت مورد استفاده موتورهای جستجو قرار می گیرد و همان متنی است که به هنگام مشاهده صفحه در نوار عنوان مرورگر نشان داده می شود. تا هنگامی که این تگ در قسمت  BODY قرار نگیرد در متن شما نشان داده نمی شود. برای پایان دادن به تگ عنوان از این تگ استفاده می شود: <title/> در مثال بالا عنوانی که برای صفحه نشان داده می شود قالب اصلی HTMLL است.

    تگ <body> بخشی را آغاز می کند که در صفحه مرورگر شما به نمایش در می آید. این قسمت جایی است که ما باید کار اصلی خود را در آن انجام دهیم. برای پایان دادن به این تگ از <body/> استفاده می کنیم. در مثال بالا متنی که در صفحه مرورگر دیده می  شود به صورت زیر است (البته در اینجا برای نوشته زیر رنگ و فونت نیز انتخاب شده که در قسمتهای بعد به آنها خواهیم پرداخت) :

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

    چیزی که در اینجا می بینیم متنی است که به صورت ساده نوشته شده و در طرف چپ صفحه قرار دارد.

    در درس بعد در مورد چگونگی کار کردن با متنها بحث می کنیم.

     

    منبع : نئو پرشیا

    بازدید : 60
    نظرات :
    1 - نظرات اسپم و تبلیغاتی تایید نخواهد شد.
    2 - فقط نظراتی که جنبه عمومی داشته باشند تایید و منتشر می شوند.
    3 - نظرات فینگلیش تایید نخواهند شد.
    4 - لطفا انتقادات و پیشنهادات و همچنین درخواست های خود را از بخش های تماس با ما ارسال نمایید.
    ارسال نظر برای این مطلب
    شما نیز نظری برای این مطلب ارسال نمایید:
    نام
    ایمیل (منتشر نمی‌شود) (لازم)
    وبسایت
    :) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
    نظر خصوصی
    مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
    کد امنیتیرفرش کد امنیتی