آموزش ساخت صفحه html
آموزش ویدئویی ساخت صفحه html
در این فیلم و آموزش ویدئویی با ساختار صفحات وب و HTML ، نوشتن متن فارسی ، عنوان صفحه ، تگ های HTML , HEAD , BODY و غیره آشنا می شوید.
چنانچه مشکلی در اجرای فیلم دارید از مرورگر فایرفاکس استفاده نمایید یا روی لینک زیر کلیک نمایید.
مشاهده یا دانلود فیلم بالادر این بخش از آموزش html ، تاپ سایت 98 به سراغ آموزش ساخت صفحه html می رویم.
یک صفحه html (اچ تی ام ال ) دارای بخش های مختلفی میباشد که توضیح خواهیم داد.
در مثال زیر یک صفحه html را مشاهده می کنید .
برای استفاده از کد زیر می بایست آن را در یک فایل با پسوند html ذخیره کرده و سپس اجرا کنید.
حتما پسوندها را در ویندوز فعال نمایید تا دچار مشکل نشوید.
<html>
<head>
<meta charset="UTF-8">
<title>TOPSITE98</title>
</head>
<body>
<h1>TOPSITE98.COM</h1>
<p>AMOOZESH HTML</p>
</body>
</html>
مثال بالا را می توانید در یک فایل HTML ذخیره و اجرا نمایید تا بهتر متوجه آموزش شوید.
توضیح کدهای HTML :
تگ DOCTYPE در واقع به عنوان یک تگ مستقل محسوب نمی شود بلکه مشخص کننده استفاده از زبان HTML5 است و استفاده از آن در نمایش خروجی تاثیر ندارد و فقط برای درک بهتر مرورگر از صفحه سایت ما استفاده می شود و کد نویسی ما را استاندارد تر می کند .
تگ HTML مشخص کننده ابتدا شروع کد نویسی HTML است و دارای تگ بسته می باشد.
تگ باز و بسته HEAD برای قرار دادن آدرس دهی های فایل استایل ها و فایل های جی کوئری و جاوا اسکریپت و عنوان و متاها و غیره میباشد مورد استفاده قرار می گیرد.
تگ BODY مشخص کننده قسمت اصلی و مهم صفحه HTML میباشد و در واقع بدنه اصلی سایت ما محسوب می شود و تمام محتویات صفحه از جمله متن ها، عکس ها و… درون آن قرار می‌گیرد.
تگ H1 یکی از مهم ترین تگ ها در HTML هست و در بحث بهینه سازی صفحات سایت برای موتور جست‌وجو از اهمیت بالایی برخوردار است و برای قرار دادن عناوین مطالب شما درون این تگ کاربرد دارد.
تگ P هم برای پاراگراف بندی متن ها و مطالب سایت شماست که در این تگ قرار می‌گیرد
تگ TITLE هم برای قرار دادن عنوان آن صفحه از سایت و صفحه ای که ایجاد کردیم است و این عنوان را در نوار مرورگر آن صفحه نشان می دهد و در صفحه فقط یکبار از این تگ در بخش HEAD استفاده می‌شود .
تگ Meta charset که مقدار آن را برابر utf8 قرار دادیم برای رفع مشکل عدم نمایش زبان فارسی و فرمت های مشابه هست که مورد استفاده قرار می‌گیرد تا به راحتی از فارسی پشتیبانی کند.
منبع: dsfd
تگ:
نظرات کاربران
از دیدگاه مرتبط با موضوع استفاده نمایید.
از تبلیغ سایت یا شبکه اجتماعی خودداری فرمایید.
برای پاسخ گویی بهتر در سایت ثبت نام نمایید و سپس سوال خود را مطرح فرمایید.
اگر به دنبال کار پاره وقت هستید با ما تماس بگیرید.
اگر سوال یا نظری دارید در بخش کامنت ها بنویسید.اگر موضوع خاصی مد نظر شماست که در سایت موجود نیست در بخش کامنت ها بنویسید