آموزش HTML :کاربرد شیوه نامه های صفحه ای

آموزش HTML

سلام  خدمت همراهان عزیز  یکشنبه ها و پنج شنبه ها با آموزش زبان برنامه نویسی (HTML) همراه شما هستیم. برای اطلاعات بیشتر به مقاله های هفته ی قبل مراجعه فرمایید .

html فصل پنجم

مقدمه ی کوتاه:

انواع شیوه نامه ها

شیوه نامه را به سه روش می توان به صفحات وب اعمال کرد یک روش این است که شیوه نامه ها فقط برای یک دستور مورد استفاده قرار گیرند که آنها شیوه نامه دستوری می نامند. (در آموزش قبل توضیح داده شد) روش دیگر استفاده از شیوه نامه ها این است که اثر آنها را در یک صفحه وب باشد این شیوه نامه را صفحه ای می نامند.سومین روش استفاده از شیوه نامه ها این است که آنهارا در یک فایل جداگانه قرار داد و اسناد HTML از آن فایل استفاده کنند این شیوه نامه را شیوه نامه ی خارجی می نامند. (در هفته ی آینده به طور مفصل شیوه نامه ی خارجی را توضیح خواهیم داد.)

عنوان آموزش امروز:

کاربرد شیوه نامه های صفحه ای

شیوه نامه صفحه ای روش بسیار ساده ای برای صفحه آرایی است برای استفاده از شیوه نامه صفحه ای از دستورات <STYLE> و <STYLE/> استفاده می گردد که در بین دو دستور <HEAD> و <HEAD/> قرار می گیرد . چون شکل های گوناگونی از شیوه نامه ها ممکن است مورد استفاده قرار گیرند که متفاوت از فرمت استاندارد CSS باشند در دستور <STYLE> باید با استفاده از صفت TYPE مشخص کنید که از چه فرمتی استفاده خواهید کرد.

بنابراین برای استفاده از فرمت CSS صفت TYPE را به صورت “TYPE=”text/css در دستور <STYLE> به کار ببرید. البته می توان با استفاده از چند دستور <STYLE> چندین شیوه نامه را تعریف کرد . در این صورت باید بتوان تعیین کرد که از کدام شیوه نامه استفاده خواهدشد. این همان مفهوم آبشاری است و در ادامه بحث می شود.

معرفی سایت های خارجی حوزه ی HTML :

https://w3school.com/html

https://codecademy.com

https://html.com

نکته مهم :

و قابل توجه در مورد شیوه نامه های صفحه ای این است که بعضی از مرورگرهای قدیمی از شیوه نامه ها پشتیبانی نمی کنند. در این صورت آنها را عینا در صفحه وب نمایش می دهند که این کار چندان جالب نیست . برای جلوگیری از این وضعیت شیوه نامه را در داخل دستور توضیحات قرار می دهیم . دستور توضیحات به صورت <– توضیحات — !> مشخص می شود . با توضیحاتی که داده شد شکل کلی یک برنامه HTML که حاوی شیوه نامه صفحه ای به صورت زیر است:

<html>

<head>

<title> … </title>

<“style type=”text/css>

–!>

شیوه نامه ها

<–

<style/>

<head/>

<body>

محتویات صفحه

<body/>

<html/>

دانلود رایگان:

افزونه Premium Addons PRO 2.8.16 امکانات جانبی المنتور

مثال:

برنامه ای که با استفاده از شیوه نامه صفحه ای ، صفحه وب را صفحه آرایی و تنظیم می کند .

<html>

<head>

<“style type=”text/css>

–!>

}H1

background-color:blue; color:white; font-size:30pt

font-family:arial; text-transform:uppercase; text-align:right

{

}

font-style:italic; text-transform:capitalize

{

}p

text-indent:2.5 em; font-size:12pt ; font-family:tahoma

{

}blockquote

letter-spacing:0.2em; font-size:10pt; font-family:arial

{

<–

<style/>

<head/>

<body>

<h1>  The story </h1>

<p>

<you are learning about <i> web  page design </i

you can design <b> web page </b> with Heper Text Markup Language and <i> front page </i> html is a <b> programming language </b> in the internet world

<p/>

<blockqoute>

today is very good day

because you are learning about new applicationin the internet

<blockqoute/>

<body/>

<html/>

صفحه طراحی شده در شکل زیر آمده است.

Screenshot (4143)
برگرفته از :

کتاب راهنمای جامع (HTML, BHTML, XML)

دکتر عین الله جعفر نژاد قمی

پاسخ به سوال دوستان :

شاید تاکنون به این فکر کرده باشین که چرا باید برای کسب و کار خود وبسایت داشته باشین ؟

دلیل اینکه می‌گوییم باید سایت داشته باشید این آمار است. توجه کنید که ۸۱٪ از افراد قبل از

تصمیم گیری در مورد خرید و فروش در یک کسب وکار یا خدمات، در اینترنت تحقیق می کنند.

یعنی ۲۵.۹۲ میلیون نفر هستند که مشاغل را به صورت آنلاین جستجو می کنند. با این وجود ۴۶% کسب و کارها فکر می‌کنند نیاز به وب سایت ندارند.

توجه داشته باشید که جهان به سمت دیجیتالی شدن پیش می‌رود و نداشتن وب سایت

برای یک شرکت یا هر کسب و کاری، به منزلۀ جا ماندن از گردونۀ روزگار است.

برای اطلاعات بیشتر با همکاران ما در شرکت آراز پردازش در ارتباط باشید

آدرس ایمیل:  info@arazpardazesh.com

اینستاگرام شرکت:   https://instagram.com/araz_pardazesh_kla

تماس با ما:     https://arazpardazesh.com/contact

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

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

3 × 5 =