۲۶
تیر

کار با html5 در ++Notpad

دسته‌بندی‌ها :

جزئیات
نوع محتواآموزش تصویری

مقدمه

با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن . و کاربرانی که در طی دوره آموزش کامل ++Notpad ، با ما همراه هستند. خب تاکنون چند جلسه از دوره آموزش ++Notpad ، را گذرانده ایم. و با مباحث نصب ++Notpad ، مراحل انجام تنظیمات اولیه ++Notpad و مثالی ساده از ایجاد صفحه وب در ++Notpad ، آشنا شدید. اکنون در این بخش ، قصد داریم به سراغ مبحث کار با html5 در ++Notpad یا html5 در ویرایشگر ++Notepad ، برویم. و علاوه بر آشنایی مختصر با قالب اصلی html5 ، برای کسانی که دانش کمتری دارند. چگونگی ایجاد صفحه وب کاملتری را در ++Notpad ، بررسی کنیم.

کار با html5 در ++Notpad

کسانی که دوره آموزش کامل html5 را در پی وی لرن . دنبال کرده اند . با ساختار کلی html5 آشنایی دارند. اما کسانی که آشنایی کمتری دارند می تواند این ساختار ساده را در اینجا مشاهده کنند:

مثال :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Title</title>
</head>

<body>

</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Title</title>

</head>

<body>

</body>

</html>

اکنون کافیست این ساختار را ، به سادگی به محیط ++ Notpad ، کپی کنید.

کار با html5 در ++Notpad

اگر دقت کنید ، متوجه خواهید شد که تگ های html ، در یک فرم خاص باز و بسته می شوند. که اصطلاحا به آن کد نویسی دندانه ای می گویند. تگ والد اصلی که <html> است، به حاشیه سمت چپ چسبیده است. و تگ های فرزند آن به ترتیب از حاشیه سمت چپ فاصله گرفته، و این کار، ساختار html را منظم کرده است.

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

صفحه وب جدید دارای عنوان

در همین پنجره مرورگر ، می توانید به سادگی ساختار کدی که ایجاد کرده اید را مشاهده کنید. کافیست در هر قسمت از صفحه وب ، راست کلیک کرده و روی گزینه “View page source” کلیک کنید.