تگ های مهم 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>
