آموزش و دوره های رایگان برنامه نویسی( طراحی وب و اندروید) سایتاپ سئو

در سایتاپ با آموزش های اندروید،asp.et MVC و همچنین SEO و بهینه سازی وب با همراه باشید.همچنین با اخبار روز در زمینه های امنیت و هک و اخبار روز تکنولوژی را در سایت ما میتوانید بخوانید.


دوره آموزش 0 تا 100 زبان html,css_جلسه 2

سایتاپ سئو

جلسه(قسمت)دوم آموزش زبان برنامه نویسی html با معرفی تگ های کاربردی

 

در قسمت قبلی با تگ های اولیه و پایه یعنی

Html,head ,body

 آشنا شدید و در این جلسه با تگ ها   P,title,meta

آشنا خواهید شد تا در جلسه بعد بتوانیم با کمک این تگ ها خروجی های دلخواه بگیریم و وارد زبان Css را هم شروع کنیم

 

و اما تگ

<meta charset="utf8" />

 

نکته اول این است که این تگ مانند تگ های  <body> و  <Html>

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

 

تگ meta برای پشتیبانی کردن از زبان فارسی است.در زیر یه مثال از اهمیت وجود تگ meta میبینیم:

نکته:محیطی که ما در آن کد میزنیم، notepad++  است.برنامه ای سبک و بسیار کاربردی..

 

<html>
<head>
<meta charset="utf8"/>
</head>
<body>
<p>به نام خدا</p>
</body>
</html>

 

 و در خروجی میبینیم:

آموزش زبان اج تی ام ال

 

ولی اگر از تگ <meta>  استفاده نکنیم ،زبان فارسی را نمیشناسد و به این صورت میشود:

<html>
<head>
</head>
<body>
<p>به نام خدا</p>
</body>
</html>

 

و خروجی:

آموزش زبان اج تی ام ال

حال به سراغ تگ  title   میرویم.

تگ title همان عنوانی است که در عنوان تب باز شده در مرورگر نمایش داده میشود.در زیر  نحوه و مکان نوشتن تگ  title و همچنین خروجی آن را مشاهده میکنید:

<html>
<head>
<meta charset="utf8"/>
<title>
آموزش زبان های برنامه نویسی
</title>
</head>
<body>
<p>به نام خدا</p>
</body>
</html>

 

و خروجی در مرورگر به این صورت است:

 

آموزش زبان اج تی ام ال

 

و اما تگ p چیست؟ p مخفف پاراگراف است و اگر جایی بخواهیم متنی در خروجی بنویسیم،آن متن را باید در تگ p بنویسیم.به صورت زیر:

 

<html>
<head>
<meta charset="utf8"/>
<title>
آموزش زبان های برنامه نویسی
</title>
</head>
<body>
<p>به نام خدا</p>
<p> به سایت ما خوش آمدید.امیدواریم در سایتاپ به پاسخ سوال های برنامه نویسی تان برسید</p>

</body>
</html>

 

و در خروجی میبینید:

آموزش زبان اج تی ام ال

 

البته خارج از تگ p هم میشود متن نوشت و میتوان آن را در خروجی مشاهده کرد ولی بر طبق اصول و قوانین html ،برای کنترل آن متن که در آینده یاد خواهیم گرفت،باید متن را درون تگ p بگذاریم

 

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

 

و در زیر چند تگ <p> پشت هم را به همراه خروجی میبینیم.

<html>
<head>
<meta charset="utf8"/>
<title>
آموزش زبان های برنامه نویسی
</title>
</head>
<body>
<p>به نام خدا</p>
<p>سایتاپ</p>
<p>آموزش برنامه نویسی</p>
<p>سئو چیست؟</p>

</body>
</html>

 

و خواهیم دید

آموزش زبان اج تی ام ال

 

 

 

 

 

 

 

 

 

 

 

 

 

دقت کنید که هر عبارت درون هر تگ،از ابتدای خط بعدی و به عبارتی صحیح،از پاراگراف بعدی شروع شده است.

حال ما تگ های html,  head, body, meta, title و p را یاد  گرفتم ایم.وقت آن است که به صورت مقدماتی به سراغ زبان css  هم برویم تا در جلسه بعدی یک مقدمه از css داشته باشیم.

 

 

درباره زبان css  و   html  اینطوری بگوییم که اگر یک ساختمان را در نظر بگیریم،زبان  html  اسکلت و فونداسیون آن ساختمان است و css  نما،ظاهر،کاشی کاری و کلا هرچه که مربوط به زیبایی و ظاهر آن ساختمان میشود،میباشد.

زبان  css  را به سه صورت میتوان در  html به کار برد که یکی به این صورت که درون همان تگ  که میخواهیم استایل یا ویژگی خاصی بگیرد،یا درون تگ استایل و یا در یک صفحه جداگانه و اتصال آن به صفحه  html  مربوطه.

در جلسه بعدی با اتریبیوت ها و زبان  css  آشنا خواهید شد.

 

جلسه سوم آموزش زبان های  HTML , CSS

دسته بندی
Tutorial-Web-Design
آموزش-زبان-html-و-css آموزش-طراحی-سایت-با-html دوره-رایگان-html-و-css آموزش-زبان-برنامه-نویسی-html آموزش-html-و-css-در-سی-جلسه دوره-آموزش-html-و-css-به-صورت-رایگان دوره-کوتاه-مدت-آموزش-جامع-html-و-css-در-سی-روز آموزش-زبان-برنامه-نویسی-css

برگشت به صفحه اصلی

سایتاپ درباره ما

#به نام یکتا برنامه نویس هستی


تلگرام من

alitaheri_4

بنده علی طاهری دانشجوی رشته نرم افزار و علاقه مند به برنامه نویسی هستم.اولین بار در 14 سالگی با وبلاگ نویسی پا در عرصه وب و سئو گذاشتم.در حال حاضر در برنامه نویسی اندروید با زبان جاوا و تحت وب با asp.net فعالیت دارم.همچنین بسیار علاقه مند به سئو هستم.