>> DOUG LLOYD: Beləliklə, biz sərf about-- mənim riyaziyyat doğru əgər,
və mən hesab edirəm ki, back-- axtarır edirəm biz söhbət təxminən 35 videolar sərf
bəlkə C müxtəlif aspektləri haqqında bir az daha, bəlkə bir az az.
Və biz əhatə etməyib C hər şey, lakin biz
böyük bir yığın əhatə dil, onun böyük əksəriyyəti,
əlbəttə ümumi istifadə üçün.
İndi biz danışmaq olacaq haqqında başqa bir dil, HTML.
Və biz əhatə olacaq yalnız bir video.
>> Amma ki, OK olacaq.
Bu, həqiqətən olmaq olacaq bir şey üçün istifadə almaq olacaq.
İndi ki, bir dil əsasları,
bu, həqiqətən olduqca asandır başqaları öyrənmək başlamaq üçün.
Beləliklə, biz başlamaq olacaq bir az geri addım
və əsas üzərində parıltı bu dillər arasında fərqlər
və sort bu tərk.
Həqiqətən böyük bir çox var internet, on resursları olan
Biz sizə istiqamətləndirən başlamaq olacaq internet, çünki doğru
məlumat geniş depo.
Və belə ki, lazımdır sizə kimi deyil mütləq həyata itirmək
məlumat olan deyil bir video əhatə.
Siz hələ əldə edə bilərsiniz hər şey sizə lazım və istifadə
Əgər siz artıq var bilik C anlaşma ilə inşa
bu üçün öyrənmə curve etmək həqiqətən digər dillərdə bir çox flatter.
Söz verirəm.
>> Amma bir dil haqqında danışmaq edək hər web həqiqətən fundamental var
HTML səhifə.
HTML Hyper Text Markup Language edir.
HTML bir dil ancaq o bir proqramlaşdırma dili.
>> HTML dəyişənlərin yoxdur.
Bu məntiq yoxdur və ya funksiyaları və ya bu kimi bir şey.
Biz hər hansı bir edə bilməz HTML özlüyündə proqramlaşdırma.
Bəzən duyarsınız insanlar özlərini təsvir
HTML proqramçılar kimi olan tamamilə dəqiq deyil.
Biz HTML proqramları yaza bilməz.
>> HTML yalnız mətn qədər qeyd etmək üçün istifadə olunur.
Bu biçimlendirme dili deyirlər.
Və bu markup-- does-- nə biz HTML və bu tags-- tags istifadə
bu semantically markup-- bir səhifə strukturu müəyyən
və düz mətn səbəb olur ki, tags təfsir edilə arasında mövcud
müxtəlif yollarla brauzerlər tərəfindən.
Və bəlkə də izah etmək ən yaxşı bir illüstrasiya bu yol.
>> Burada çox sadə HTML səhifə deyil HTML proqram, yenə bir HTML səhifə.
Və biz bu bilirik HTML səhifə biz, çünki
HTML tags hər şeyi həmsərhəddir.
Belə ki, bu HTML tag kimi görünür.
Bu bucaq mötərizədə arasında var.
Və biz üst bildiriş HTML və çox alt,
Biz nə etdik sonra yəqin digər HTML bir çox,
biz bucaq bracket çizgi HTML var.
Belə ki, sort sərhəd HTML nədir və nə deyil arasında.
Və əlbəttə ki, şərti, yalnız Siz C proqramları bütün yazdı
dot C uzantıları ilə, HTML faylları bütün
dot HTML uzantıları ilə sona çatacaq.
Amma daha çox orada olacaq.
Biz yalnız bu HTML tags yoxdur.
Biz yəqin bu var şey baş tag çağırıb.
Yaxşı, OK, nə var?
>> Yaxşı bəlkə üçün ən yaxşı bir bədən yolu ilə ayırmaq,
bədən web page content olan.
Belə ki, bəlkə rəhbəri tag məhsulları müəyyən ki, brauzer pəncərəsində müvafiq deyil
lakin elə vacibdir bizim web page düzgün göstərilən olunur.
Məsələn, daxili baş tag biz adı tags var.
>> Belə ki, adı salam dünya olmaqla, əslində nə olacaq
Chrome nişanı göstərir və ya Safari və ya Firefox-- da
nə browser ki prefer-- nə adı göstərmək olacaq.
Və nişanlar əvvəl göstərir ki, Bütün brauzer pəncərəsində qədər
və yalnız bir səhifə ola bilər Bir anda bir brauzer pəncərəsində açılacaq.
Belə ki, olacaq nişanı mənim səhifə up adı
və ya brauzerinizin pəncərə bar, hello dünya.
Və sonra content mənim web page hello, dünya olacaq.
Belə ki, nə bir nəzər salaq bu kimi bir şey kimi görünə bilər.
Bu olduqca sadə HTML səhifə.
Mən CS50 IDE gəldim və Mən bir az zoomed etdik.
Mən yalnız gedirəm salam dot HTML açmaq
və bu olduqca çox olduğunu göstərir biz əvvəl gördüm səhifə content.
Mənim sadə HTML, baş tags, title tags, belə ki, bədən, və.
Mən təmiz olmaq indented etdik.
>> Mən nə edə bilər sonra nə mənim IDE yalnız səhifə preview edir.
Və biz getmək.
mənim səhifə content, dünya salam, mən bir şey görmürəm
orada baş tags edir.
Bu orqan yalnız content var.
Dünya, salam.
Və yenə bədən yalnız dedi, dünya, salam.
digər hissəsi yoxdur.
>> Belə ki, həqiqətən, bütün var.
Bu, çox sadə əsas HTML səhifə.
İndi mənim HTML girintili etdik , həqiqətən gözəl və mütəşəkkil olmaq
lakin mən, həqiqətən yoxdur.
Mən bunu olduqca çirkin baxmaq edə bilər.
Və bu hələ işləmək olardı.
Bu eyni web page olardı.
Mən yalnız xilas kazanılmış etdik ağ kosmik bütün.
>> O çıxır ki, ağ kosmik məlumatdır.
Və belə ki, biz məlumatların göndərilməsi etdiyiniz zaman göndərən server, alıcı üçün
müştəri, data pul edir.
Və belə ağ kurtulmanın həqiqətən yaxşı bir fikirdir
Əgər kimsə əgər kim xidmət edir web məzmun bir çox up.
Siz əgər Bu pis bir fikirdir bu məhsulları öyrənmək kimsə
və siz istədiyiniz Bu gözəl təşkil edib.
Bu daha analiz üçün çox asandır.
Amma bu funksional eynidir var.
>> kimi abzas və stuff həqiqətən HTML etməz.
Bütün məsələ açılması tags və Düzgün qaydada tags bağlanması.
Baxmayaraq ki, burada nə edək.
biçimlendirme bizə üçün bir yol verir əlavə informasiya
biz yazdıq nə haqqında.
Salam, Dünya hissəsi idi adı kimi şərh.
Və salam hissəsi dünya idi məzmun kimi təfsir
və ya nə olmalıdır Mənim web page görünür.
>> Bu müxtəlif 100-dən çox var tags və böyük resursları çox
onları tapmaq üçün online.
Biz haqqında danışmaq olacaq Bu video onlara neçə bəzi
həqiqətən fundamental məhsulları.
Amma biz danışmaq fikrində deyilik bütün haqqında çünki
bunu tam olardı.
>> Siz də, Bunu başqa bir şey, geliştirici alətləri açmaq deyil.
Və geri əgər HTTP bizim video,
Mən açmaq üçün necə izah geliştirici alətləri up.
Chrome adətən F12 əsas var geliştirici toolbar açmaq üçün.
Sonra əvəzinə Network seçilməsi nişanı, siz Elements nişanı seçə bilərsiniz.
Və bir web yük əgər səhifə, həqiqətən lazımdır
ki, web page yaradır HTML görürük.
Və belə ki, HTML haqqında bir çox şey öyrənə bilərsiniz sevdiyiniz saytlarda baxaraq
və onlar qurmaq necə görüb Istədiyiniz ki, onlardan müxtəlif ədəd.
Belə ki, bəlkə bu sərin var model və ya kimi bir şey.
Necə HTML ilə edə bilərəm?
Yaxşı Siz yalnız geliştirici aça bilər ki, element üzərində alətləri və hover
və HTML edir dəqiq nə.
Belə ki, həqiqətən var HTML öyrənmək üçün yaxşı bir yoldur,
və mən güclü gəlir Siz həm də öyrənmək üçün nə HTML
və həmçinin bir az öyrənmək üçün variantları bəzi bit
sizin üçün mövcud geliştirici tools olan
əlbəttə lazımlı olacaq Siz daha intensiv web bunu başlayır
proqramlaşdırma.
>> Belə ki, bir nəzər edək ümumi HTML tags neçə.
Və biz tullanmaq və nəzər almaq lazımdır Bu tags də göstərəcək nə
Mənim IDE bəzi faylları baxaraq kimi.
Belə ki, burada üç çox əsas tags var Mətn görünüşünü tweaking.
B tags, mən tags və U tags var.
Və müvafiq olaraq onların nə var qalın onların arasında mətn göstərmək,
italik, və vurğulayaraq.
Belə ki, baxmaq nə görmək bildirin Mənim IDE faktiki web page kimi.
>> Belə ki, burada mənim IDE mən bir BIU Sapınışdan dot HTML adlı fayl.
BIU Sapınışdan dot HTML yalnız olan qalın, italik, vurğulayan.
Mən onu açmaq lazımdır.
>> Və biz burada görürsünüz Bu mətn B tags qalın.
Bu mətn Mən tags italik edir.
Bu mətn U tags vurğuladı.
Bu kimi baxmaq üçün gedir?
Yaxşı daha, bütün mən burada artıq getmək nə etmək
mənim brauzerinizin, mənim fayl browser basın Preview və bu gəlir nə.
>> B arasında mətn tags həqiqətən indi qalın.
I arasında mətn tags həqiqətən indi italik edir.
Və U arasında mətn tags həqiqətən indi vurğuladı.
Belə ki, olduqca yaxşı.
Biz indi mətn etmək üçün necə bir az daha xülya baxmaq
və ya müəyyən şeylər diqqət cəlb edir.
Burada ümumi tags bir neçə paraqraf tags, P, və header tags,
Mən HX kimi burada göstərilən etdik.
>> Bu P tags, bu paraqraf tags, ci maddələrdə sizin mətn parçalamaq.
Bu, yalnız kifayət qədər deyil daxil edin və boşluq tərk edib,
kompüter yalnız gedir, çünki Siz nə etmək demək nə
və ağ məhəl qoymur çox hissəsi üçün yer.
Beləliklə, biz yalnız Enter bilməz və kompüter gözləyirik
Biz istəyirik ki, şərh yeni-ci bəndə başlamaq üçün.
Biz çox açıq-aydın bu demək lazımdır Bu paragraph-- bir başqa qoyulur edir
P tags bir sıra hər enclosing tərəfindən.
>> Və biz də bu variantları var H tags, bu header tags üçün.
Biz altı müxtəlif səviyyələrdə var başlıqlarını, bir, iki, üç,
dörd, beş və altı, tədricən daha böyük və daha böyük
başlıqlarını.
Onlar kiçik almaq və kiçik və kiçik və kiçik.
Belə ki, biz, ikinci bir üst mövzu var səviyyəsi header, və s, və s.
>> Bəlkə bəzi nəzər salaq P tags və bəzi header tags
bir web page fəaliyyət.
Belə ki, burada mənim IDE mən adlı bir fayl var PH dot HTML, PH olan ci maddələrdə
və header tags.
Qədər açın.
Bir çox burada var neler Mən bəzi Lorem qoymaq etdik, çünki
ipsum, burada bəzi yalnız təsadüfi mətn.
Mən bir az kiçiltmək lazımdır var, çünki bu qədər gedir.
Amma çox var ki, görürsünüz , Mən H1, bir səviyyədə bir burada Yuxarı
header tag.
Sonra mən yalnız bir paraqraf var təsadüfi text-- Lorem bir dəstə ipsum--
yalnız mətn standart doldurulması default.
Belə ki, daxilində iki-ci maddələrdə var səviyyədə bir mövzu və sonra aşağı aşağıda
line 24-də burada bir səviyyədə iki mövzu var, ikinci səviyyəli header, və digər iki
ci maddələrdə.
Yaxşı bu kimi nə baxmaq Mən önizleme keçirmək əgər?
Görək.
>> Belə ki, qeyd Burada ilk səviyyəli header
həqiqətən bir qədər böyükdür İkinci səviyyəli mövzu çox.
Beləliklə, biz H1 tags istifadə.
Və P tags bizə imkan fark ci maddələrdə daxil şeyi çıxmaq üçün.
Biz bu P tags xilas kazanılmış olsaydı və faktiki olaraq yalnız qoymaq girir və ya Returns
Biz ümid nə arasında olduğu müxtəlif ci maddələrdə ola,
onlar yalnız birlikdə çırpmaq edəcək və Bu gözəl-ci bəndə olmazdı
yuxarıda və aşağıda yer ilə ayrılması.
Və belə ki, nə maddə var tags və header tags
çox cəlb etmək üçün istifadə olunur bizim web page hissələrindən diqqət
ki, şəkildə.
>> Sonrakı qədər istifadə bəzi tags var bizim web page siyahıları yaratmaq üçün.
Beləliklə, biz unordered var lists-- ULs-- olan yalnız var
sifariş bulleted siyahıları, numbered-- var siyahısı
OLs-- və daxilində və ya o biri biz lazımdır
Li siyahıda göstərir necə dəstləri.
Və belə ki, biz açıq UL tag var və biz bunu daxilində maddələr qoymaq.
Və sonra biz Bitirdiğinizde ki, biz UL tag yaxın bilər.
>> Və eynilə biz ola bilər sifariş və ya nömrələnmiş siyahı
ki, daxilində siyahısı maddələr qoydu.
Belə ki, bir nəzər salaq siyahıları bir neçə
və nə edəcəklərini CS50 IDE kimi göstərir.
Mən IDE A burada var Fayl adlı siyahıları HTML nöqtə.
Bir nəzər salaq.
>> Və burada bildiriş Mən bir unordered var bu beş şeyi siyahısı.
Və sonra mən bir sifariş siyahısı var, və Mən tag bir az dəyişib etdik,
sağ?
Mən start altı bərabərdir bildirib etdik.
Bu sifariş siyahısı I çıxır başlanğıc nöqtəsi yerdə bilərsiniz
Mən one-- olacaq default want-- yalnız bu qondarma atributu əlavə
Mənim OL tag.
Və bu siyahı olacaq altı hesablanması başlanır.
Ki saylı siyahısı So elementləri olmalıdır altı, yeddi, səkkiz, doqquz, on,
beş elementləri var, çünki Siyahıda, bir fərqli olaraq,
iki, üç, dörd, beş, hansı Mən OL bildirib ki, əgər hal olardı
start atributu ifadə olmadan.
>> Siz belə ki, biz yalnız bu önizleme bilərsiniz burada neler üçün bir mənada almaq.
Və biz getmək.
Mənim siyahısı var.
ilk beş elementləri unordered və ya bulleted siyahıları.
Və növbəti beş elementləri ayrı-ayrı sifariş siyahısı var
altı ildən başlayır.
Ki Belə ki, necə biz HTML istifadə siyahıları qurmaq.
Başqa bir şey ola bilər HTML ilə etmək istəyirik
bir masa qurmaq satır ve sütun məlumat
bir məlumat təqdim xüsusilə yol təşkil edib.
Biz bir ola bilər HTML Bunu etmək üçün açıq bracket başlayan masa müəyyən
masa.
Və sonra masa daxilində biz satırlar, TR tags bir sıra ola bilər
hər bir sıra göstərir.
Və sonra TD tags TR tags daxili getmək bir sıra ərzində bir sütun müəyyən etmək.
>> Nə üçün TD adlı və TC deyil?
Yaxşı, TD masa data dayanır.
Adətən qoyulması edirik orada məlumat.
Bu TD və TC var nə ki, var.
Bu bir az confusing var.
>> Belə ki, masa tags və Sizin masa tags daxilində
Siz satır, TRS bir sıra var.
Və hər bir sıra daxili var Sütun sayı TDS
siz istəyirəm ki, xüsusi sıra.
Bir çox nəzər salaq CS50 IDE üzərində sadə masa.
>> Belə ki, burada bir fayl var masa dot HTML çağırıb.
Nin nəzər salaq nə kimi görünür.
Bir çox burada orada gedən, lakin Fark əgər mən bir masa açıq.
Mən masa ilə müəyyən başlayan alıram.
Və sonra mənim ilk sırada mən yəqin var ki, dörd sütun, bir, iki, üç,
dörd.
Və sonra mən ki, sıra ilə bitirdim.
>> Sonra mən başqa bir sıra başlamaq və iki, dörd, altı, səkkiz yoxdur.
Ki, sıra bitirin.
Başqa sıra, üç, altı, doqquz, 12 etməyin.
Və sonra son satır, dörd, səkkiz, 12, və bu olsa
bir az, 16 burada kəsdi.
>> Hesab edirəm ki, sıra tamamladı.
Mən masa tamamladı.
Və sonra mən HTML ilə bitirdim.
Bu necə görünür?
Bəli, bu görmək həqiqətən çox deyil.
Mən aydın mənim informasiya təşkil etdik bir qədər daha mütəşəkkil şəkildə.
Amma burada super olduqca deyil.
Və biz ilə məşğul olacaq biz CSS haqqında danışmaq zaman ki.
Biz bu fikri yenidən lazımdır biz Masa etmək üçün nə
bəlkə bir az daha yaxşı format?
Amma hələ dörd satır var, hər biri dörd sütun var,
bir edir və həqiqətən bu məbləğlər nə Çox sadə dörd dörd vurma tərəfindən
masa.
>> Biz haqqında danışmaq lazımdır, yalnız bir neçə tags.
Haqqında danışmaq edək HTML forma anlayışı.
Belə ki, bu görmüşəm bilər bir web page daxil kontekstində.
Adətən siz istifadəçi adı yazın.
Siz parol yazın və siz getmək iyi.
Ki, bir forma başlanğıcı olacaq.
>> Üzərində atlama ikinci div.
Biz də giriş olan cür formalarının daxilində uyğun.
Bu elementlər var ki, Siz, həqiqətən, daxil yazaraq edirik
və ya radio düymələri sen ticking, və ya çek
Siz off ticking edirik qutuları.
Belə ki, bu formaları daxili getmək.
Onlar əsasən təşkil şəklində hər bir satır
forma yaxşı biçimlendirilmiş olunur.
Sonra bu anlayış var həqiqətən ki, bir div,
hər hansı bir kateqoriya uyğun Mən var olanlar kimi tags
Daha əvvəl bunu.
Bu, sadəcə sort ayırır bəzi ixtiyari division-- başlanğıcı
Səhifənin div--.
Heç bir vizual fasilə var.
Heç bir xətt var.
Bu kimi yola deyil avtomatik ayrı yığın.
Siz stil var ediyorum ki, yol bunu.
>> Bu, sadəcə sort bir istəyirəm deyir Mənim web page yer parça,
və mən yalnız zəng etmək üçün gedirəm Bu mənim səhifə bu bölmə.
Biz daxili məhsulları qoya bilər divs və əslində,
biz artıq baş zaman Ikinci IDE alacağıq
Mən qoyulması alıram ki, görəcəksiniz mənim bir div daxilində təşkil edir.
>> Mən IDE A burada var div forması dot HTML adlı fayl.
Onu açmaq edək.
Dediyim kimi bildirək ki, div ixtiyari növüdür.
Sağ?
Bu, həqiqətən bir şey demək deyil.
Belə ki, bir ixtiyari var mənim səhifə ilk bölgüsü.
Və sonra yerinə başqa bir div sonra line səkkiz başlayan,
Bu forma var.
Və forma daxilində bir var giriş sayı, forma alanlar.
Belə ki, onun adı bir sahə var A-- həqiqətən bir şey demək deyil ki,
sağ, indi ki, yəqin mətn, başqa bir edir ki,
Radio bir parol başqa edir düyməsini bir onay qutusu var ki, başqa,
və ki, başqa bir düyməsinə göndərin.
Yaxşı, nə bu yoxdur bütün həqiqətən kimi baxmaq?
Yaxşı, bir nəzər salaq.
Biz önizleme pəncərə onu açmaq lazımdır.
Bu kefi Qeyd edək ki, ilk var division--
Burada heç bir vizual ayrılması.
Bu, həqiqətən, doğru bir şey etmədi?
>> Və sonra mənim forma var.
Mən hər hansı bir xüsusi biçimlendirme etmədi.
Belə ki, forma biridir məlumat böyük sıra.
Mən fərqli mənim formu biçimlendirilmiş olsaydı, Mən xətti ilə xətti ilə line ola bilər.
Amma hər hansı bir üslubu etmədim.
Yenə biz burada CSS söhbət deyilik.
Biz yalnız HTML haqqında söhbət edirik.
>> Də mənim mətn şəklində I tipli bilər unutmayın ki, növü, mətn formaları
belə ki, mən ad qoymaq olar.
Və mənim parol I şifrəmi edəbilərsiniz.
Və sahəsində, çünki , növü parol deyil
Siz mənim parol nə bilmirəm.
Bu, bütün nöqtələr var.
>> Mən də bir off gənə seçə bilərsiniz radio 'düyməsinə və ya bir onay qutusu off işarələyin.
Ya mən formada təqdim edə bilər.
Mən bir şey etmədim, belə ki, mən şəklində təqdim zaman,
səhifə yalnız yenilenir.
Amma bəlkə konfiqurasiya edə bilər mənim Başqa bir şey düyməsini göndərin.
Və biz nə edə nə görürsünüz PHP bir gələcək video edir.
Amma bu çox qurur sadə formada ki, biz
users qarşılıqlı üçün istifadə edə bilərsiniz və bizim saytda məlumat təqdim edir.
>> Son bir comment biz əvvəl bəzi digər tags üçün hərəkət
Bu nəzər üçün Giriş tag bir dəfə daha.
Mən qeyd etdik Notice qırmızı tag bitir.
Biz bu günə qədər gördüm hər tag var bir başlanğıcı və son bir açılışı olmuşdur
tag və yekun tag.
>> Lakin giriş tag deyil.
Gedir heç bir mətn var giriş tags arasında.
Məlumat bütün biz çatdırmaq istəyən edirik
hissəsi kimi borcludur ki girdi atributları.
Biz input adı x bərabərdir edək.
Type y bərabərdir.
Ki, həqiqətən, bütün məlumat ehtiyacımız var.
>> Bu özünü bağlanış tag adlanır.
Bu açılması və tələb etmir yaxın məlumat bütün çünki
daxilində olan tag və onun atributları.
Belə ki, bəzən də bu görəcəksiniz.
Bir varsa ki, yalnız xəbərdar olmaq tamamilə müstakil tag,
Bu açır və özünü bağlayır sol, açıq bucaqlı bracket
və çizgi bucağı sağ bracket.
Biz o başqa bir görəcəksiniz İndi image tags ilə, eləcə də.
>> Biz images haqqında danışmaq əvvəl, hiperlink haqqında danışmaq lazımdır.
Biz istəyirsinizsə, bizim web page olmaq interaktiv və bizi ətrafında hərəkət,
Bu mümkün gözəl olardı o biri basın
nə adətən mavi link olmuşdur.
Bu qurmaq necə əslində Bizim web page bir hiperlink.
Və maraqlı kifayət qədər başqa HTML tag var
bir köprü deyil, link çağırıb.
Burada anker dayanır, və ki, bir köprü göstərir necə.
>> A href x deməkdir getmək bərabərdir web page X. Və hər şey
A tag açıq arasında və yaxın bir tag
nə olacaq vurğulayıb bir keçid kimi görünür mavi mətn
biz tanış olduğunu.
Aşağıda biz image tag, olan özünü keçirmək üçün tag bağlayır
X yerləşən bir resim və Siz dəyişdirmək edə bilər
ifadə edərək image eni və hündürlüyü
və digər atributları da ki, dot dot var nöqtə.
>> Burada çox alt biz çox maraqlı var
tag axtarır ki deyil bir yekun tag var.
Bu nida point DOCTYPE HTML var.
Belə ki, HTML bəri web pages tikinti üçün erkən 1990-cı illərdə
və məruz getdi O vaxtdan bəri bir neçə düzəlişlər.
Ən son 2014-ci ildə bir təftiş məruz
İndi cari olan HTML5 adlı de-fakto HTML standart sort.
>> Göstərir ki, bizim web pages, HTML5 istifadə yazılmışdır
biz başlamaq necə bu.
Bu əks oluna bilər, lakin nə əsasən
deməkdir tags hər hansı bir istifadə edə bilərsiniz HTML5 tags, bu yeni tags ki, var.
Beləliklə, biz həmişə başlamaq biz HTML5 istifadə edirsinizsə.
Və bütün tags biz haqqında söhbət etdik əvvəllər HTML5 tags deyil.
Amma bu göstərir ki HTML5 tags iştirak edəcək.
Və belə ki, biz nida var DOCTYPE HTML olan
çox başında bizim HTML fayl və sonra sonra point
Biz, həqiqətən, bizim HTML açıq tag və oradan davam etdirilir.
>> son bir, bir comment tag edir olan çox, az fərqli görünür.
Bu bucaq ilə off başlayır bracket nida dash
dash lakin heç bir bağlanış bracket.
Orada bu iki elementləri arasında Siz şərh yazmaq yerdir.
Və şəkillər nəzər edək və şərhlər və CS50 IDE links.
>> Mən bir fayl adlı image link burada var Mən açmaq üçün gedirəm dot HTML.
Mən bir neçə var ihbar Mənim HTML görüşleri burada şərh.
Belə ki, yalnız C və digər kimi proqramlaşdırma dilləri,
Yalnız bir biçimlendirme dili olmaqla HTML şərh etmək imkanı yoxdur.
Və mən yəqin gedirəm Rick Astley bir şəkil yerləşdirmək
haradasa bu div arasında tag, bu özbaşına bölmə.
Görünür ki, fayl Rick dot JPEG, yerləşən olan
biz artıq geri rəhbərlik əgər ikinci üçün fayl ağac,
mövcud bir fayl cari kataloq.
Belə ki, OK.
Mən bunu istinad edə bilər.
>> Sonra mən daxili links ola bilər.
Belə ki, burada line 11-də qeyd Mənim href salam dot HTML edir.
Belə ki, yalnız dot HTML salam aiddir olan cari kataloq mövcuddur.
Mən də xarici ola bilər HTTPS yalnız ifadə edərək links
Mən söhbət deyiləm göstərir ki, Mənim cari kataloq bir fayl haqqında.
Mən mövcud olan bir fayl söhbət alıram haradasa Mən internet üzrə
HTTP protokolu istifadə edərək tələb etmək.
>> Belə ki, bir nəzər salaq nə Bu səhifəni kimi ola bilər
və Rick bir şəkil üçün hazır Astley ekranda göstərmək.
Mən bu önizleme bilərsiniz.
Rick Astley da var Bu ixtiyari çox top
bölmə Mən üst qoydu.
Və sonra aşağı aşağıda Mənim links var, sağ?
>> Mən salam dot HTML üçün bir keçid var.
Mən ki, basın əgər, mən almaq Bu səhifədə əsrlərdə
biz çox tanış olduğunu Bizim proqram çox başlanğıcıdır.
Mən bir daha açıq olduğunu səhifə pop, mən əgər pop image link bir dəfə daha açmaq
Mən də xarici getmək olar CS50 veb.
Və biz lazımdır see-- bir az kiçiltmək burada
biz CS50 veb növ görəcəksiniz bizim səhifə ortasında əlaqədar.
Beləliklə, mən daxili etmək bacardı xarici link, eləcə də keçid.
>> HTML ilə son qayda biz burada söhbət olacaq
HTML yaxşı təşkil edilməlidir.
C biz bir çox danışdıq şeyi müxtəlif sintaksis.
HTML syntax həqiqətən tags ətrafında döner.
Açıq hər tag qapalı olmalıdır.
Və əslində, hər tag açmaq əks qaydada bağlanmalıdır.
>> Belə ki, bir qalın tag açmaq əgər, bir italik tag, və sonra bir qeyd tag
bir bütün üç etmək Mətn xüsusi dəsti
Siz əks qaydada onlara yaxın olmalıdır.
Qalın açıldı Belə ki, italik, siz, qeyd
qalın, qeyd, maili bağlamaq istəyirik.
Encapsulation bu cür nədir HTML gözəl və mütəşəkkil saxlayır.
>> C fərqli olaraq, baxmayaraq ki, sintaksis səhvlər olmayacaq həqiqətən bəlkə HTML şikəst.
Sizin HTML deyil yaxşı ola bilər formalaşmış, lakin hələ də iş olardı.
Və belə ki, bu səhvlər tərəfindən slayd sıralayabilirsiniz.
Bu, həqiqətən oyanıq olması sizə var.
Bəzən onlar uğursuz olacaq, lakin bəzən siz ilə üz əldə edə bilərsiniz.
>> Bu, həqiqətən ola bilər çətin vəzifə, baxmayaraq ki,
Siz açılan zaman takip bir tag, siz onu bağladı,
xüsusilə HTML faylları böyük və daha böyük almaq.
Siz bir yardım lazımdır.
Və online var Validator tools ki,
web nəzər üçün istifadə edə bilərsiniz səhifə və yaxşı təşkil HTML görmek.
Və siz mütləq olmalıdır bu nəzər
və kimi istifadə başlamaq HTML ilə bəzi işlər başlayacaq,
almaq, yalnız, belə ki, HTML yazılı təşkili haqqında bəzi yaxşı vərdişlər
yaxşı bir şəkildə HTML və yaxşı stil və əmin edilməsi
heç bir şey məşğul deyilik ki, bir syntax error yarada bilər ki,
siz bir az səbəb olacaq yol aşağı bir problem.
>> Mən Doug Lloyd edirəm.
Bu CS50 edir.