>> Daven FARNHAM: Bu gün mən gedirəm HTML haqqında bir az danışmaq,
Hypertext Markup Language.
Siz bu gün hər yerdə HTML görürük.
Əslində, bu seyr etdiyiniz halda bir brauzerinizin video, siz
indi HTML görən.
HTML bir proqramlaşdırma dili deyil, daha doğrusu, bu istifadə bir biçimlendirme dili var
pages göstərməyə web browser internet.
>> Belə ki, yazılı necə dəqiq soruşa bilər müxtəlif HTML bir web page
bir proqramlaşdırma bir proqram yazılı C kimi dil?
Yaxşı, C çox ciddi bir dil deyil olmalıdır ki, sintaktik qaydalar
run əvvəl tərtib.
Heç bir daxil unuttuysanız bir şərhdə sonunda nöqtəli vergül
Sizin C kodu, mən söhbət alıram nə ciddi sintaksis ilə bağlı haqqında.
>> Web tarayıcıları, baxmayaraq ki, bir az daha HTML gəldikdə bağışlayandır.
Sizin HTML syntactically deyil, hətta düzgün, sizin səhifə hələ ola bilər
bir brauzer tərəfindən göstərilir, lakin bilər Siz nəzərdə kimi baxmaq deyil.
Belə ki, yaxşı həmişə var qaydalarına əməl edin.
Intuisiya almaq üçün ən yaxşı yoldur şeyi iş necə haqqında
Məsələn keçir.
>> Belə ki, nə biz burada əsas deyil Bir web page üçün planını.
Siz yəqin ki, bir çox şeyi fərq bucaqlı mötərizə arasında.
Bəli, bu yalnız tags var.
Tags əsasən web browser məlumat ki, hey, bir şey
yol gəlir.
Siz açmaq zaman, baxmayaraq ki saxla tag, siz bir dəfə onu bağlamaq lazımdır
istifadə edilir.
>> Belə ki, məsələn, mən bir bölmə açmaq açıq kodu
bracket bədən, yaxın bracket.
Mən mənim, bu halda, bəzi mətn əlavə ilk web page sonra mən gedəndə
Bu bölmə yaxın, mən istifadə demək olar ki, ilə bu dəfə başqa eyni tag
irəli orqan qarşısında doğramaq.
Ümumiyyətlə, bu siz format edir Siz açılış zaman istifadə etmək niyyətindədir
və tags bağlanması.
Birlikdə, açıq tag və son tag bir element adlı nə daxildir.
>> Siz ilk xətt baxsaq, will sonra bir ünlem bax
DOCTYPE html.
Bu, həqiqətən, yalnız brauzerinizin izah Fayl web page olduğunu
HTML yazılı.
HTML tag mahiyyətcə deyir burada bəzi HTML gəlir.
Sonra bir baş tag var daxilində bir mövzu tag.
Siz kimi hesab edə bilər rəhbəri tag üçün gəlir ki, ibarət HTML kodu
Sizin web page nin toplu faktiki content.
>> Ümumiyyətlə, siz adı qoymaq sizin burada web page, baxmayaraq ki, bəzi var
görünür ki, digər tags burada həmçinin.
Next Web-səhifə cəsədi, gəlir Sizin veb faktiki ət və sümük.
Bizim Məsələn, biz yalnız bir sadə gətirdik cümlə, İlk Web,
ki, biz site run əgər, görünür bu kimi bir az bir şey.
Bizim web page çox qəribə deyil, lakin narahat olmayın.
Biz tezliklə çeki düzen vermek lazımdır.
>> Belə ki, yuxarıda HTML, biz bir çox verəcəyik Bir web page üçün əsas şablon,
heç bir şey xülya, yalnız çılpaq sümükləri.
Amma bir web page yaradılması alıram əgər, nə bir əlavə etmək istəyirsinizsə
Özüm, demək, şəkil?
Bəli, mən bunu edə bilərsiniz.
Yolları bir neçə var Sizin sayta images əlavə edin.
Şəkil kimi eyni qovluqda varsa HTML fayl, siz keçid edə bilərsiniz
bu kimi yolu ilə image.
>> Siz sonra bir image tag ilə açmaq tərəfindən Alt atribut
image mənbə.
The Alt xüsusiyyətini dəyəri yalnız bəzi halda alternativ mətn bir istifadəçi bilməz
image baxın.
Alternativ olaraq, siz də keçid edə bilərsiniz Bu kimi bir tam URL vasitəsilə images.
İndi ki, veb həqiqətən mövcud deyil, lakin bir şəkil var idi əgər
bu ünvanda mənə istifadə edə bilər daxil mənbə URL
mənim saytında onun image.
Hər iki halda, bir çox ilə başa gözəlləşir veb, bu kimi bir şey.
>> Yaxşı, ki, olduqca sərin var, lakin mən növ həmçinin burada bəzi mətn istəyirəm.
Belə ki, yalnız bir şey əlavə edək Yuxarıda super sadə
mövzu kimi image.
Mən bu günə qədər etdiyiniz bütün mövzu istifadə edir tag, H1, və bir xətt fasilə tag, br.
Mövzu tag font bir az edir bit daha böyük və daha görkəmli.
Digər tərəfdən line break tag, əl cür sərin.
Ən digər tags fərqli olaraq, siz yoxdur açılış və bağlanış break tag, yalnız
Bir yuxarıda göstərilən.
Break heç bir məzmun var, çünki bu və buna görə də boş elementidir.
>> Bu kimi boş elementləri, siz aça bilər və sadəcə eyni zamanda yaxın
Bu bir irəli çizgi daxil olmaqla ilkin bəyannamə sonu.
Belə ki, indi mənim veb bir az görünür bu kimi bir şey.
Better, ancaq bu cür hiss bir ölü sonuna kimi.
Kənara getmək üçün heç bir yerdə başqa var Bu əsas səhifə.
Yaxşı, ki düzeltmek bildirin bir keçid, o cümlədən.
>> Mən burada gedirəm bir istifadə edir A qeydi atributu və etmək
image bir link, nin, CS50 TV deyək.
Bu yolla, heç mənə klik zaman, öz browser yönəldiləcək
başqa, yəqin ki, daha faydalı, web page.
Mən ölçüsünü azaltmaq üçün yaşadım Bizim web page, çünki bir az mətn
daha inkişaf etmiş almaq.
Amma ümid edirəm ki, bu, hələ aydın deyil.
Mənim veb məhz həmin görünür yalnız indi mən şəkil basın zaman,
mənim brauzerinizin başqa açacaq Bu CS50.tv web page üçün nişanı.
>> Nəhayət, mən stil gedirəm deyək Bu veb sonra CSS istifadə edərək.
CSS kimi tanınır nə kaskad stil.
Və əsasən səmərəli təmin redaktə etmək yolu və stil
kodu oxşar blokları.
Mən HTML üçün təşkil başlamaq istəyirəm daha asan sonra stil etmək.
Burada iki müxtəlif növ qurmaq mənim kodu təşkil kömək tanımlayıcıları.
Mən daxili ID atributu istifadə etdiyiniz bölünmə və ya div tag, və mən bir istifadə etdiyiniz
Class daxilində atribut başqa div tag.
>> ID və Class atributları eyni işləyir.
Yeganə fərq yalnız var bilər bir element, xüsusi ID, lakin
elementlərin hər hansı bir sayı bir sinif paylaşabilirsiniz.
Belə ki, məsələn, mən sinif istifadə edə bilərsiniz image neçə dəfə, amma olmur
başqa bölgüsü yaratmaq ID üst.
Mən CSS getdi baxmayaraq, çox istifadə bir dil
HTML yanaşı, bir dəfə mən dizayn başlamaq CSS ilə kodu, mən bu istifadə edə bilərsiniz
təsiri təşkilati atributları mənim web page estetik.
>> Bölünməsi üst daxilində hər şey Oxşar stylings və ya hər hansı olacaq
daxil HTML I qrupun digər qrup class image oxşar göz bölüşəcəklər.
Bu redaktə etmək üçün çalışırken çox asandır və stil images və ya blokları
fərdi mətn.
>> Belə ki, necə əsasları üzərində getdi HTML ilə bir web page etmək.
HTML çox digər funksiyalar bir dəstə var digər dillərdə ilə qoşalaşmış zaman
CSS və JavaScript kimi, həqiqətən, pages həyata durmaq edir.
Rahat almaq üçün ən yaxşı yolu HTML, ilə ətrafında yalnız mess edir
nə işləyir və nə deyil görürük.
>> My name Daven Farnham edir.
Bu CS50 edir.
>> Belə ki, məsələn, mən istifadə edə bilərsiniz Bu sinif image -
Xeyr, belə ki, bir çox atributları var.
My name Daven Farnham edir.
Bu CS 650.
Mən CSS demək istəyirəm.
Bu CSS edir.