- حدود 600 مگا بایت فضای آزاد
ایجاد اولین سند HTML
بعد از خواندن این درس توانائیهای زیر را در ساخت صفحات وب بدست می آورید:
1-
آشنایی و درک تگهای HTML
2- باز کردن محیط کاری متناسب برای ایجاد یک سند HTML
3- استفاده از یک Editor (ویرایشگر متنی )
4- وارد کردن مطالبی به عنوان
توصیه بطوریکه در صفحه نشان داده نشود
5- باز کردن سند در Browser برای نمایش آن
تحت وب
1- تگ های HTML
وقتی یک مرورگر وب صفحه ای مانند صفحه
فوق که شما مطالعه می کنید را نشان می دهد، صفحه از یک فایل متنی خوانده
میشود.
کدهای ویژه ای بکار برده شده اند که با علامات <> نشانه گذاری شده
اند. قالب عمومی تگ های HTML بصورت فوق می باشد :
< نام تگ / >رشته
کاراکتری < نام تگ >
(البته بعضی تگها بصورت فرد عمل می کنند
)
مانند:
<h2>what are html code</h2>
<wiggles><h3>what are html tag?</wiggles></h3>
<doc type>
<html><head>
استفاده از مطالبی که توضیح راجع به سند باشد و در صفحه نشان داده نمی شود
....header
<head>
<body>
هر آنچه در صفحه نشان داده می شود
<!...>
</body>
</html><! doctype html public "//w3 c/dtd html 3.1//en">
این تگ توضیحاتی دارد مبنی بر اینکه
برای نوشتن این صفحه از کدام ورژن HTML استفاده شده است . تمامی مندرجات صفحه بین 2
دو تگ < HTML> و < html /> نوشته می شود . ابتدا < Head > و <
head / > و سپس < body > و < body / > < ! …… > متنی که ما
بین تگ فوق نوشته می شود ، در صفحه وب نمایش داده نمی شود، ولی این اطلاعات در
اختیار کسی قرار می گیرد که Source یک صفحه وب را که در پشت صفحه وب قرار دارد می
بیند .
وقتی صفحه وب شما دچار پیچیدگی می شود، این مطالب و کدها می تواند برای
به روز کردن صفحه وب شما مفید باشد . اینجا به ذکر مراحل ایجاد سند HTML می پردازیم
:
1- Editor متنی خود را باز کنید
2- و مطالب زیر را در آن وارد کنید
:
<Doc TYPE HTML PUBLIC :_//Usc//DTD HTML 3.L//EN">
<HTML>
<head>
<titel>pdfberoz.blogsky .com lesson1</title>
<body>
pdfberoz lesson 1
</body>
</html>
موقعیت تگ < title
> و < title /> داخل دو تگ < head > و < head /> می باشد و
این که در صفحه نشان داده نمی شود پس کار آن چیست ؟
تگ < html > شناسه
یگانه ای است برای هر سند HTML و در قسمت Title bar بار مرورگر شما نمایش داده می
شود .
در درس 3 شما می آموزید که چگونه رشته کاراکتر را برای Title اضافه کنید و
در صفحه وب شما ظاهر شود . ذکر این نکته ضروری است که دراین تگ توضیح اسم نویسنده و
تاریخ ایجاد سند HTML ذکر می شود و شما می توانید هر نکته ای را درون این تگها
نمایش دهید . ولی فقط در سند HTML قابل رویت می باشد و در صفحه وب شما قابل مشاهده
نیست.
3- سند خود را به نام Lesson1.html ذخیره کنید و آن را در فولدر خاص مورد
نظر خود نگهداری کنید .
نمایش سند در یک صفحه وب
1- بر گردید به مرورگر وب که برای محیط
کاری از آن استفاده می کنید . از منوی File گزینه Open را انتخاب کنید .
2- از
کادر محاوره ای که باز می شود ، سند مورد نظر ایجاد شده را باز کنید .
3- حال در
Title bar مرورگر خواهید دید Lesson 1
چک کردن فایل
سند خود
را با صفحه وبی که در پیش رو داریدمقایسه کنید، بعد از نگاه کردن نمونه از دکمه
Toolbar back استفاده کنید تا مرورگر شما دوباره به این صفحه باز گردد . اگر سند
شما با سند نمونه تفاوت داشت دوباره مروری بر مطالبی که وارد کردید داشته باشید .
از اشتباهات معمولی که وجود دارد عدم مشاهده Titlebar می باشد . متنی که بین تگ های
< title > و < title /> قرار داده شده در Title بار نشان داده نمی شود
. از اشتباهات معمول دیگر برای کسانی است که از برنامه های پردازشگر لغات برای Type
HTML استفاده می کنند و نمیتوانند آن را در مرورگر باز کنند .در این صورت صفحه آنها
پر از کاراکترهای اضافی است .
اگر شما به دنبال یک Editor ساده و ارزان هستید
پیشنهاد ما به شما Notepad می باشد
مرور عناوین
1- تگ های
HTML چه هستند ؟
2- متن تگ Title در کجا قرار می گیرد؟
3- چه مراحلی را برای
ایجاد یک سند HTML باید دنبال کرد ؟
4- چگونه یک تگ توضیح ایجاد می شود ؟
5-
چگونه می توانید سند HTML خود را در مرورگر نمایش دهید ؟
یک تمرین :
یک سند HTML که شامل تگ Title باشد ایجاد کنید و سپس آن را در مرورگر نمایش
دهید . "حال صفحه اول شما ساخته شد"
سلام
مطلبتون جالب بود
تشکر
موفق باشید
سلامسلام
وبلاگ خوبی دارین.
خواستی تبادل لینک کنی خبرم کنم.
عنوان:وب مانی
لینک:http://www.PersianXchange.ir/