آموزش طراحی وب سایت قسمت دوم

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

در ادامه جلسه قبل و آشنایی با مراحل ساخت صفحه و ذخیره سازی صفحه وب تگ های دیگری را آموزش می دهیم.

یکی از تگ های مورد استفاده و مهم تگ h1 است که در واقع تگی هست که برای نمایش عنوان های سایت استفاده می شود.

این تگ در 5 سایز دیگر برای نمایش قابل اجرا است که به صورت h2, h3, h4, h5, h6 می باشد که به ترتیب فونت عنوان ها کوچکتر می شود.

تگ بعدی که خیلی زیاد مورد استفاده قرار میگیرد تگ p است که به عنوان پاراگراف استفاده می شود.

تگ یا Tag:

<h1>   </h1>

به این ساختار کد تگ گفته می شود.

نمونه تگ های ایم جلسه:

<h1>   </h1>

<h2>   </h2>

<h3>   </h3>

<h4>   </h4>

<h5>   </h5>

<h6>   </h6>

<p>   </p>

تمام این تگ ها در قسمت <body></body> نوشته می شود.

فقط تگ <title></title> داخل تگ <head></head> نوشته می شود.

و تگ head و body داخل تگ html نوشته می شوند.

برای هر بار save کردن فایل از ctlr+s استفاده کنید.

وحتما فایل را با پسوند html ذخیره کنید.

طراحی وب سایت قسمت دوم

توضیحات بیشتر درباره طراحی وب سایت:

 <html>

<head>

<title> در اين قسمت نام صفحه را مينويسم </title>

</head>

<body>

<h1> عنوان اول </h1>

<h2>عنوان دوم </h2>

<h3>عنوان سوم</h3>

<h4>عنوان چهارم</h4>

<h5>عنوان پنجم</h5>

<h6>عنوان ششم</h6>

<p> در اين قسمت محتوا و يا متن پاراگراف را مي نويسيم</p>

</body>

</html>

این نمونه کد را کپی کنید و در یک فایل notepad با پسوند html ذخیره کنید.

برای این که یک فایل notepad داشته باشید کافیه کلمه notepad را در سرچ ویندوزتون بزند و برنامه notepad را باز کنید و کد بالا را در آن ذخیره کنید و پس از اینکه فایل را ذخیره کردید روی فایل ذخیره شده کلیک راست کنید و گزینه open with و سپس google chrome را انتخاب کنید تا فایل ذخیره شده شما در مرورگر گوگل نمایش داده شود.

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

مثل عکس زیر:

طراحی وب سایت در اصفهان
5/5 - (3 امتیاز)
, , ,
نوشتهٔ پیشین
تایپوگرافی و طراحی لوگو قسمت اول
نوشتهٔ بعدی
تجهیزات پزشکی کوشا طب

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

Fill out this field
Fill out this field
لطفاً یک نشانی ایمیل معتبر بنویسید.