طراحي وب در نگاه اول كار سخت و پيچيده‌اي به نظر مي‌آيد. ولي اگر با يك همراه خوب و آموزش‌ بهتر اين كار را شروع كنيم شايد بتوانيم با كمي پشتكار و تمرين، خودمان صفحات وب مورد نظرمان را به آساني طراحي و اجرا كنيم.  زوميت براي شما عزيزان آموزش HTML را تدارك ديده تا شما را در شروع اين راه ياري كند. پس با ما در دومين بخش از اين آموزش همراه شويد.

آشنايي با تگ‌ها - پاراگراف يا

 

فرض كنيد كه قصد طراحي يك صفحه داريد و براي اين كار بايد چند جمله‌ بنويسيد. براي مثال مي‌خواهيد بنويسيد كه «من در حال يادگيري HTML از زوميت هستم». براي نوشتن جمله در اچ‌تي‌ام‌ال نيازمند ايجاد يك تگ پاراگراف كه با

مشخص مي‌شود، هستيم. همانطور كه پيش از اين نيز گفتيم، براي نوشتن تگ‌ها يك تگ ابتدايي داريم و يك تگ انتهايي. تگ

نيز از اين قاعده مستثني نيست و يك بار باز مي‌شود،‌ بعد محتوا در بين آن قرار مي‌گيرد و بعد بسته مي‎‌شود. پس ما نيز براي نوشتن يك جمله بايد از 

  جمله مورد نظر  

 استفاده كنيم و محتوياتمان را بين آن‌ها بنويسيم. 

 به مثال زير نگاه كنيد:

نكات ديگر در رابطه با تگ

...

:

تگ Pre:  زماني كه يك تگ

متن         با               فا صله هاي               فراوان در         اين تگ دقيقا          به همان شكلي كه نوشته مي‌شوند    به              نمايش                 مي‌آيند                  

همانطور كه مشاهده كرديد، در واقع در اچ‌تي‌ام‌ال اينتر زدن و اسپيس‌هاي اضافه در بين تگ P پاراگراف معنا ندارد و اين تگ همه چيز را در كنار هم نمايش مي‌دهد. پس براي نوشتن متني كه نمي‌خواهيم كلمات به هم پيوسته باشند و بين آن‌ها فاصله باشد، چكار بايد كرد? براي اين كار مي‌توان از تگ

تگ
: در واقع تگ
(بدون تگ پاياني و تنها با همين تگ و شمايل نوشته مي‌شود) نقش اينتر در كيبورد را بازي مي‌كند و متن را يك خط به پايين مي‌برد. از اين تگ مي‌توان براي اينتر زدن در متن يا به طور كلي ايجاد يك خط جديد در هر المان اچ‌تي‌ام‌ال استفاده نمود.

خلاصه قسمت دوم:

در اين قسمت چيزهايي كه يادگرفته‌ايم را به صورت كاملا خلاصه مرور مي‌كنيم.

• در دومين قسمت از سري آموزش HTML و سي‌اس‌اس با نحوه ايجاد يك پاراگراف متن در صفحه اچ‌تي‌ام ال آشنا شديم و دانستيم كه براي نوشتن متن از تگ
  استفاده مي‌شود.. در ادامه با تگ‌هاي جانبي متن همچون pre آشنا شديم و فهميديم كه در واقع اين تگ‌ها بدين صورت نوشته مي‌شوند:

•  content 

  .
• همچنين متوجه شديم كه تگ‌هاي pre متن را دقيقا همان صورتي كه نوشته مي‌شوند نمايش داده مي‌شوند ولي تگ‌هاي p اسپيس و فاصله‌ها را در بين متن نشان نمي‌دهد و در عوض متن را به صورت يكپارچه نشان مي‌دهد. 

نوبت شما:

از آنجا كه هيچ كاري بدون تمرين كردن فايده ندارد، پس وقت آن رسيده تا خودتان دست به كار شويد و آنچه فرا گرفته‌ايد را امتحان كنيد. ما براي راحتي هر چه بيشتر، يك اديتور آنلاين در صفحه ايجاد كرده‌ايم كه با كمك آن مي‌توانيد به تمرين اچ‌تي‌ام‌ال بپردازيد. در ضمن نگران فراموش كردن نباشيد! آموزش‌هاي جلسه قبل در كنار آموزش‌هاي بالا هر وقت كه دوست داشته باشيد،‌ در اختيار شما است. 

پروژه اين جلسه:

• يك جمله دلخواه را با كمك تگ‌هاي P بنويسيد (براي تمرين بيشتر توصيه مي‌كنيم كه تگ‌هاي اصلي صفحه HTML كه در سري اول برايتان بازگو كرديم را در ابتداي صفحه يادداشت نماييد.)  مثلا:

  من در حال يادگيري اچ‌تي‌ام‌ال هستم

• حالا همين جمله را بار ديگر اما با اسپيس زياد بين كلمات  و با كمك تگ p بنويسد! مثلا:

   من     به دنبال    يا دگيري برنامه                نويسي    هستم

• بار ديگر جمله را  با اسپيس زياد بين كلمات  ولي با كمك تگ pre بنويسد! مثلا:

    من  بدنبال   يا دگيري برنامه   نويسي  هستم