طراحی سایت و سئو در مشهد| طراحی سایت و سئو | آموزش سئو | سئو در مشهد |طراحی اپلیکیشن | طراحی اپلیکیشن موبایل | طراحی سایت | تجارت الکترونیک | بازاریابی شبکه ای | شبکه های اجتماعی | آموزش بوت استرپ |آموزش html| آموزش css|آموزش jquery| آموزش php |اندوروید | طراحی گیم | طراحی سایت |

جلسه اول HTML

  معرفی HTML

   HTML یک زبان نشانه گذاری برای توصیف صفحات وب می باشد. HTML مخفف Hyper Text Markup Language به معنی زبان نشانه گذاری ابرمتن است و یک زبان نشانه گذاری مجموعه ای از tag های علامت گذاری شده است. یک سند HTML توسط تگ ها توصیف می شود که هر تگ محتوای متفاوتی از صفحه وب را توصیف می کند.



  مثال ساده ای از HTML:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>شرکت مهندسی هیوا آفرینش</title>
</head >
<body>

<h1>hiva afarinesh</h1>
<p>شرکت برنامه نویسی هیوا آفرینش متخصص در زمینه ی سایت و سئو</p>

</body>
</html>


توضیح مثال

♦ DOCTYPE نوع سند را برای HTML معرفی می کند.
♦ متن بین <html></html> یک سند HTML را توصیف می کند.
♦  متن بین<head></head> اطلاعاتی در مورد سند را فراهم می کند.
♦ متن بین <Title></Title> یک عنوان برای سند طراحی می کند.
♦ اطلاعات بین <body></body> محتوای صفحه ی قابل نمایش را توصیف می کند.
♦ متن بین <h1></h1> یک عنوان را توصیف می کند.
♦ متن بین <p></p> یک پاراگراف را توصیف می کند.


  تگ های HTML

   به هر دستور html یک تگ میگویند.مانند <head></head>که اکثرا بصورت جفت می آیند و تگ اول تگ شروع و تگ دوم تگ خاتمه می باشد.اما بعضی تگ ها تگ پایانی ندارند که به empty tag معروفند. مانند تگ <br>که کار enter را انجام می دهد.


  ساختار HTML

   از دو قسمت head , body تشکیل میشود.که تگ head مشخص کننده ی سر سند html است و body مشخص کننده بدنه html است.

برای نوشتن دستورات HTML به چه نرم افزاری نیاز دارید.؟

بهترین نرم افزار یادگیری html همان Notepad می باشد. نرم افزارهای دیگری مانند Dreamweaver و Visual Studio نیز مناسب است. زمانیکه میخواهید فایل خود را ذخیره کنید باید از پسوند html یا htm استفاده کنید.
نکته مهم:ممکنه وقتی سایت خود را مشاهده می کنید قسمتهایی مثل نام سایت یا عنوان و پاراگراف خود را که به صورت فارسی نوشته اید قابل دیدن نباشد و نوشته های فارسی ظاهر نشوند.در notpad قابل حل شدن نمی باشد.اما در notepad++ با اضافه کردن تگ <"meta charset="utf-8> داخل تگ های head قابل حل شدن است .این تگ توصیف رمزنگاری کارکتر در HTML5 است که utf-8 کارکتر رمزنگاری پیش فرض می باشد.

این جلسه مقدماتی از آموزش html برای طراحی سایت است که می توانید برای اطلاعات بیشتر به طراحی سایت زیبا سر بزنید. لطفا نظرات و سوالاتتان را در مورد این جلسه به گوش هیوا برسانید.

جلسه دوم HTML

نام
تلفن
ایمیل


مطالب پیشنهادی

مشهد، احمد آباد، ابتدای ملاصدرا،ساختمان صدرا

09150021672

Hiva Afarinesh Copyright © 2016