Starting HTML - Blog - Web Development And Design !

Blog » CSS / XHTML » Starting HTML

Starting HTML

11/03/10

HTML - HyperText Markup Language.
HTML - ეს არის ინტერნეტ კოდირების ენა რომელიც აძლევს ჩვენს ბრაუზერს ინფორმაციას რა და როგორ გამოსახოს ვიზუალურად..

HTML იწყება DOCTYPE_ით(Document Type Definitions). ანუ დოკუმენტის ტიპი.
მაგ:

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

შემდეგ მოდის <HTML>

შემდეგ <head> ტეგი სადაც ძირითადად ხდება ინფორმაციის მიღება / გაცემა..
<title> საიტის სახელი..

შემდეგ <body> საიტის სხეული. აქ ჯდება ყველა ის ინფორმაცია რომელიც ვიზუალურად უნდა გამოჩნდეს.. (Css ში ტეგით body {ოფციები})

ძირითადი ტეგები:
<table>
<tr>
<td>
<div>
<span>
<font>

გაითვალისწინეთ ყველა ტეგი უნდა დაიხუროს შემდეგნაირად <table>კონტენტი</table>,<tr>...</tr> და ა.შ.

ეხლა შევქმნათ ძირითადი კარკასი დიზაინისთვის. (არსებობს ძალიან ბევრი ხერხი სხვადასხვა ტეგების გამოყენებით.)

მწვანედ აღნიშნულია Padding.

ელხა განვიხილოთ ლურჯად მოცემული კონტენტი:
გავხნათ ახალი ტეგი:
<table>
<tr>
და ეხლა ჩვენ გვინდა ეს კარკასი 3 ნაწილად გავყოთ ბლოკებისთვის და კონტენტისთვის.. ამ შემთხვევაში არ უნდა გამოვიყენოთ </tr><tr> ტეგები </td> და <td> ტეგებს შორის.

მაგალითად სურათზე არის გამოსახული შემდეგი კოდი:

Code

<table>
<tr>
<td>
HEADER
</td>

</tr>
<tr>

<td>
კონტენტი
</td>
</tr>
</table>

ნუ ტეგი <tr> <BR>_ს რაღაც ფუნქციებსაც ითავსებს.

ხოლო ჩვენ ვყოფთ 3 ნაწილად შემდეგნაირად:

Code

<table>
<tr>
<td>
BL1
</td>
<td>
CONTENT
</td>
<td>
BL2
</td>
</tr>
</table>

გაითვალისწინეთ როდესაც ვიყენებთ გარკვეულ ზომებს მაშინ <table> ტეგში მოთავსებული <td>_ების ზომების (სიგანე) ჯამი ზუსთად უნდა ემთხვეოდეს <table>_ს ზომას.
მაგ:

Code

<table width="500">
<tr>
<td width="100">
BL1
</td>
<td width="300">
CONTENT
</td>
<td width="100">
BL2
</td>
</tr>
</table>

შეგიძლიათ ნახოთ დემო და Source_ს დახმარებით გააკეთოთ.

View Demo

Related Entries:

Css - Cascading Style Sheets

Tags: Html, lesson

საიტზე მოცემული ინფორმაციის დიდი ნაწილი ავტორების პირადი საკუთრებაა. მათი კოპირება და გავრცელება დაშვებულია მხოლოდ მისი წყაროს მითითებით.

მოცეუმული ფუნქცია ხელმისაწვდმია მხოლოდ ავტორიზებულ მომხმარებლისთვის !
მომსახურება სრულიად უფასოა და საჭიროებს მხოლოდ თქვენი ინფორმაციის დაფიქსირებას.

Register | Login

Can't find what you're looking for? Don't be afraid to use the search, or simply just ask!

Blog Categories

Personal Interests & Advices

CSS / XHTML / jQuery Tutorials

Design Tutorials

Resources & Tools

uCoz System Management

Ready Designs

Free Templates

Premium Templates