آموزش زبان برنامه نویسی HTML

آموزش زبان برنامه نویسی HTML

آموزش زبان برنامه نویسی HTML

آموزش زبان برنامه نویسی HTML

درج عکس و جدول

پیوند دادن یک تصویر:

       امروز یک کدی رو به شما معرفی کنم که بوسیله اون میتونید از ترکیب کردن دو تگ <A> و <IMG> برای یک تصویر ÷یوند ایجاد کنید یعنی با کلیک کردن روی تصویر به صفحه دلخواه برید یا کار دلخواه خودتون رو انجام بدید.

 

<A Herf="/html/about.htm"><Img Src="/image/01.gif"></A>

 

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

 

تگ <Table> :

            این تگ یکی از  مهمترین تگهای زبان HTML میباشد که بوسیله این تگ و پارامترهایی که داره شما میتونید در صفحات وب خودتون جدول نیز رسم کنید.ابتدا تگ و پارامترهاش رو معرفی میکنم بعد یک مثال میزنم.

 

            حالت کلی:

            <Table>

 

</Table>

پارامترها :

            از پارامتر اول جهت رسم ردیف استفاده میشود و از پارامتر دوم جهت رسم یک ستون مورد استفاده قرار می گیرد.

            پرامتر سوم مشخص میکند که خطهای جدول چه مقدار ضخامتی داشته باشند که N برابر با یک عدد میشود.

            نهایت پارامترچهارم برای تعیین اندازه سطر یا ستونهای جدول استفاده میشود.

            در نهایت پارامتر آخر جهت قرار دادن جدول در یک سمت از صفحه نمایش مورد استفاده قرار میگیرد.

           

<TR></TR>

<TD></TD>

Border = N

Width – Heigh

Align = "Left – Right – Center"

 

یک مثال کلی :

<Html>

        <Body>

 

<center><h1><b>Create The table</Center></b></h1><Br>           

 

          <"Table border=1 align="center>

         <Tr>

                <td>Part-1</td>

                        <Td>Click</Td>

                        <Td>Register</Td>

         </Tr>

 

         <Tr>

                <td>Part-2</td>

                        <Td>Click</Td>

                        <Td>Register</Td>

</Tr>

 

         <Tr>

                <td>Part-3</td>

                        <Td>Click</Td>

                        <Td>Register</Td>

             </Tr>

 

             <Tr>

                <Td>Part-4</tdT

                        <Td>Click</Td>

                        <Td>Register</Td>

         </Tr>

        

<Table/>

</Body>

</Html>

 

در این قسمت شما با یکی دیگه از تگهای زبان HTML آشنا شدید که کار اون رسم جدول بود که فکر کنم خیلی در طراحی صفحات وب کاربرد داشته باشه.فکر کنم طریقه دیدن مثال بالا رو هم بلد باشید.اول اون رو تو محیط NOTEPAD کپی کنید بعد اون رو با پسوند *.HTM ذخیره کنید بعدش هم ببینید.

نظرات 0 + ارسال نظر
برای نمایش آواتار خود در این وبلاگ در سایت Gravatar.com ثبت نام کنید. (راهنما)
ایمیل شما بعد از ثبت نمایش داده نخواهد شد