افتخار طراحی سایت بیش از ۱۷۰۰ کسب و کار ایرانی و خارجی

تیم تحریریه

نمونه کارها

آموزش طراحی سایت(جلسه 4): تگ های مهم html

خانه » مقالات طراحی وب » آموزش طراحی سایت(جلسه 4): تگ های مهم html

[post-views]
24 ژانویه 2017

نظاره گر پیشرفت کسب و کار خود باشید ، وقتی اسپیناس وب جرئی از تیم شما می شود

تگ های مهم html

آدرس دهی:

دو نوع آدرس دهي در طراحی وب سایت برای بيان مسير فايلها وجود دارد:
مطلق Absolute : يعني آدرس يک فايل را نسبت به ريشه سايت يا درايو بيان کنيم.
· مثال اول

 <body background="file://:\x.com\img\y.jpg">

· مثال دوم

 <body background="http://persiangig.com/img/x.jpg">

نسبی Relative: يعني آدرس يک فايل را نسبت به فايلي که در حال نوشتن کدهای آن هستيم بيان کنيم.
مثال:

 <body background="img/sky.jpg">

آدرس بالا ميگويد فايلي به نام sky.jpg در پوشه img در کنار فايل فعلي که index.html باشد قرار دارد.
آدرس دهي نسبي مناسبترين نوع آدرس دهي در وب مي باشد. البته گاهي مجبوريد به صورت مطلق آدرس دهي کنيد.

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

این تگ ها جز موارد پر کاربرد در طراحی وب سایت اسپیناس هستند .
متن را Bold ميکند.

 <b>Hello</b>

متن را Bold ميکند، نماد تأکيد است.

<strong>Hello</strong>

حروف را خميده ميکند.

<i>Hello</i>

حروف را خميده ميکند، نماد تأکيد است.

 <em>Hello</em>

به متن زيرخط ميدهد.

 <u>Hello</u>

متن را خط ميزند.

<s>Hello</s>

نکته: ميتوان از تگ های بالا به طور همزمان در طراحی وب سایت استفاده کرد.

پاراگرافبندی در متون طراحی وب:

در word برای ايجاد يک پاراگراف جديد از کليد Enter استفاده ميکنيم که cursor به خط بعدی انتقال مييابد. يعني به ابتدای پاراگراف جديد ميرود. اما برای رفتن به خط بعدی بدون ايجاد پارگراف از کليدهای Shift+Enter استفاده ميکنيم. در کد نويسي وب نيز دو تگ برای پاراگرافبندی و رفتن به خط بعدی وجود دارد:
<p> برای ايجاد پاراگراف <br> برای رفتن به خط بعدی بدون ايجاد پاراگراف
نکته : تگ p ميتواند صفت dir يا align بگيرد.
align محل متن را مشخص ميکند و مقادير right و left و center به خود ميگيرد.

تیترهای صفحه:
به تيتر در انگليسي Heading گفته ميشود. در وب برای صفحه، شش سطح تيتر در نظر گرفته شده است که به صورت زير تعيين نميشوند:

<h1> تیتر اول </h1> 

<h2> تیتر دوم </h2> 

<h3> تیتر سوم </h3>

 <h4> تیتر چهارم </h4> 

<h5> تیتر پنجم </h5>

 <h6> تیتر ششم </h6>

توجه: در هر صفحه فقط يک بار ميتوان از تگ h1 استفاده کرد. در غير اينصورت صفحه شما از نظر سئو امتياز منفي ميگيرد.
بنويسيد.

طراحان اسپیناس در طراحی وب سایت برای داشتن تيتری با اين نام؛ کد آموزش طراحی سایت برای مثال شما ميخواهيد يک مقاله درباره شما بايد به اين صورت باشد:
<h1> آموزش طراحی وب </h1>

نیازسنجی

سامانه آنلاین درخواست طراحی سایت لطفا جهت دریافت پیش فاکتور و قیمت از طریق سامانه درخواست اقدام نمایید

0 اسپیناس وب اسپیناس وب