HTML səhifə nümunəsi və əsas prinsipləri

çox dil icad, lakin HTML dili ən xüsusi və vosstrebovan biridir. Bu proqramlaşdırma digər əsas təşəbbüslər bir çox cəlb edir. Hypertext Markup Language (HTML) - Çox zaman biçimlendirme dili geliştirici indiki bilik şüurunda, təqdim edilir.

Əslində, HTML, heç bir şey çətin var və proqramlaşdırma və Internet insanların bütün ən uzaq bir neçə dəqiqə notebook HTML-pages yaradılması yerinə yetirəcək. Qeyd nümunələri, həqiqətən sadəlik, hər kəs üçün əlçatan.

ümumi təsviri

HTML fayl - bir səhifə site, bu mübahisəli, lakin aydın başlamaq üçün səhifə başına bir fayl, nə olsa da.

HTML fayl müəyyən bir DOCTYPE mövzu ilə başlayır fayl növü ki, - HTML. Bütün səhifə elementləri (tags) bucaq mötərizədə ərzində göstərilir. Hər bir cüt ( "<" və ">") bir tag HTML daxildir. Adətən HTML tags hər «tag» üçün ki, qoşalaşmış «/ tag" var. Hər iki bucaq mötərizədə əlavə olunur. keçid növbəti line - olan ən məşhur «br /» bir tag var.

fayl böyük tag - HTML özüm, yalnız iki tag daxildir: baş və bədən. Birinci halda, müxtəlif dəqiqləşdirilməsi indiki PHP və JavaScript scripts ola bilər ki, digər müvafiq səhifə faylları links göstərir. ikinci səhifə yazılı məzmun. Həmçinin tags və yazıları formasında.

Simple HTML-səhifə

Belə səhifə yaratmaq nümunəsi aşağıda məqalədə göstərilir. diqqətlə düşünün.

HEAD bölmə

əsas məqsədi HEAD tag - səhifə və ümumi scripts ümumi təsviri, sonuncu baxmayaraq - yalnız bir nisbi anlayışdır. Adətən yalnız iki şeyi böyük əhəmiyyət var verir:

• Açar sözlər və saytın təsviri;
• digər faylları links (* .css və * js).

bəzi digər faylları tags və digər scripts dillər üçün CSS qaydaları harada göstərir, çünki bu bölmənin səhifə məzmunu məzmunu keçirmək üçün yalnız dolayı əhəmiyyətə malikdir.

HTML-səhifə bir ziyarətçi səhifə açıldı nişanı üzərində siçan gətirir zaman göstərilir ki, bir adı (TITLE) var. oxunaqlı mətn imzalanmış səhifə daha düzgün, asan demək edir, çünki bu, vacibdir.

META-tags ümumiyyətlə web proqramlaşdırma vacibdir, lakin bir notebook, arzuolunmaz clutter lazımsız strukturları nümunəsi HTML-pages yaradılması tələb olunur.

LINK və SCRIPT links xüsusi diqqət yetirməlidir. JavaScript-kodu faylının yeri - ilk CSS stil fayl, ikinci olduğu bir yerə aiddir. Bu bağlantılar müəyyən edilə bilər.

güclü olacaq scripts bir HTML bilik kimi qorunmalıdır istifadə etsəniz, kaskad stillər dərhal diqqət yetirməlidir. CSS faylları, xüsusilə, HTML tags qeydiyyatı qaydaları var.

bölmə BODY

Əslində, bir nümunə səhifə HTML - Bu BODY bölüm. Bu, bütün məlumat, content səhifənin bütün ehtiva edir ki, burada. Bütün məlumatlar belə bir JavaScript-kodu və ya PHP-proqramı ədəd daxil kimi tags və yazıları, şəklində təqdim olunur.

Bu notepad kimi bir mətn redaktoru browser və eyni nümunə HTML web pages nümunə, bu eyni şey deyil ki, həyata keçirmək vacibdir. Birinci halda biz bütün scripts icra edən hazır HTML mətn var. Məsələn, PHP düşəni yerinə yetirib və yerinə doğru yerlərdə tags kod formalaşır. hələ ayrı söhbət olmaq haqqında olsa JavaScript də, öz missiyasını yerinə yetirdi.

HTML - əvəzinə skriptlərin tags. Nəhayət, yalnız brauzerinizin nümayiş səhifənin məzmunu, lakin onun tag. No PHP-kodu yoxdur.

yalnız boot vaxt (overload) at, səhifə xidmət, lakin anlar səhifə ziyarətçinin brauzerində olduqda, və tədqiqatlar - JavaScript xüsusi mövqeyi, onun qayğı var.

A sadə misal kodu HTML-səhifə (yalnız BODY bölmə) aşağıda göstərilir.

aşağıda göstərilən kimi qonaq browser görünür.

kodu müəyyən deyil browser gətirdi elementləri kimi baxmaq lazımdır. Bütün dizayn CSS qaydaları görünür. Bu halda, Mcss (. bir səhifə HTML ilk nümunəsi bax) müraciət / scPhpWordRW.css fayl.

HTML, CSS mövzu asandır fərqli olaraq, çox əlçatan qaydaları var və HTML-pages yaradılması misal notepad başqa bir şey tələb etmir, onların sayı azdır. Hər şey dərhal inkişafı üçün çox əlçatan edir:

Bu tag scLogo_vDoc təsvir olunur nə qədər asan göstərir və bu təsviri tag bir normal dövlət bir şəkil vDoc-logo.png göstərir ki, və siçan üzərində zaman - vDoc-logo-H.png göstərilir.

HTML şərhləri strukturu

Language burada çox nisbi anlayış strukturu və sintaksis hər hansı bir həyata keçirən cəlb etmir. heç bir dəyişənlər var, lakin imkanlar var. hypertext əsas əsas bir ad üçün əmin edir ki, bir element (tag) var ki.

biz tag əvvəlində və gedir əgər ( «<» + tagName + «>») müvafiq adları (tagName) və bucaq mötərizədə ibarət işin adı, tag cüt, «» qeyd əgər onun son.

Aşağıdakı mətn yerləşən atributları təsvir HTML pages nümunəsi.

atributları ola bilər tag, onlar ">" yekun bucaq bracket əvvəl tag adına bir kosmosda qoyulur. onlar tag yalnız əvvəlində qeyd varsa, Features. tag məzmunu start tag və bu ilin sonuna arasında yerləşir ki.

Ümumi HTML content təsviri

HTML siz blok və inline elementlər təsvir etmək üçün imkan verir. First tamamilə ki, ekran HTML-pages sahəsində doğru yerdə olan brauzer pəncərəsində müəyyən sahə bədəndən bilər tutur və xüsusi ölçüsü var.

səhifə faylı qeyd və ekranda kimi Inline elementləri adətən, ki, bir mövzu görünür. səhifə yük zaman ümumi axını ekran təsir edə bilər. yerləşdirilməsi, görünürlüğünü, və blok elementləri digər xassələrinə JavaScript-kod vasitəsilə hər hansı bir zamanda təsir edə bilər.

sadə elementləri ilə yanaşı, HTML masalar və formaları təsvir etmək təklif edir. Bu elementlər tələbat çox olan "Gündəlik site bina."

masa Description: tags masa, TR, TD

TABLE tag bir masa yaratmaq üçün istifadə edilə bilər, TD hüceyrələrinin bir sıra bir sıra satır və TIR bir sıra daxil. Bu bəyannamənin məhdud təbiət HTML-biçimlendirme cədvəlli təşkilatı səbəbiylə təşkilat adi masa, fərqli olaraq geliştirici eyni bütün satır sütun sayı, sonra özünüz üçün riayət etməlidir ki, bir düzbucaqlı masa istəyir, çünki.

aydın deyil nə, lakin heç bir şey: prinsipial HTML mövqeyi. Bəzi hallarda masa hər sıra sütun sayı qədər əhəmiyyətli deyil, lakin siz yatay və ya uzununa bir birləşməsi hüceyrələri yerinə yetirmək üçün istəyirsinizsə, bu, çox diqqətlə bütün saymaq lazımdır.

bir sadə masa təsviri Məsələn HTML səhifə qrafiki məqalədə göstərilir.

sütun başlığının - Burada TH əvəzinə TD tag istifadə edilmişdir ilk sıra tag ilə üç sütun üç satır boy göstərən bir masa edir. Xüsusilə bu iki tags yoxdur fərqlənir, lakin istifadə üçün masa ilk sırada ayırmaq üçün ilk mümkündür və TH üçün CSS, digər TD onu fərqləndirir öz stil, əlavə edə bilərsiniz.

Təsvir forması: FORM tag, INPUT

Form - Bu HTML-tags ən çox tələb hissəsidir. Istifadə formaları məlumat ötürmək bilər. Əslində, səhifə - bu ekran məlumat, lakin forma - girdi.

sadə formada təsviri Məsələn HTML səhifə:

formaları daha çox istifadə edir, ancaq aşağıdakı əsas xüsusiyyətləri var. Siz giriş sahəsində daxil edə bilərsiniz, onlara istifadəçi daxil analizi üçün dizayn və hadisə işleyicileri təyin etmək lazımdır. Siz gizli sahəsində müəyyən və səhifə fon məlumat ötürmək bilər. Siz data transfer prosesi başlayır basaraq məlumat ötürülməsi düyməsinə təyin edə bilər.

HTML istifadə

mətn dil bilmək üçün - Internet proqramlaşdırma sahəsində hər hansı bir iş ixtisası üçün əvəzsiz şərait, lakin PHP və ya JavaScript bir proqram yazmaq istəyirsinizsə, onda HTML + CSS mükəmməl lazım bilirik.

PHP dil əvvəlki misalda müəyyən edilmişdir. Bu forma ilə bir səhifə dolu sahələri ilə browser server uçdu çünki PHP server çalışır. Xüsusilə, tag INPUT (onblur hadisə handler) qeyd TestOnBlur funksiyaları, mətn sahələrdə şəklində bütün parametrləri qəbul etmişdir.

Brauzer JavaScript-i çalışır və düzgün data server geri düyməsinə göndərmək çalışdı ki, dizayn :. onclick = jQuery ( 'üçün #') val (araba), yalnız nə jQuery haqqında bilmək lazımdır, lakin nə #to, val, araba. Daha doğrusu, əsas HTML tags və onlara CSS üslub tətbiq ümumi qaydaları bilmək lazımdır.

Bu tez Internet proqramlaşdırma sahəsində hər hansı bir ixtisaslaşma ixtisas artırmaq kifayətdir.