Šis vadovėlis aprašo svetainę naudojant HTML ir CSS, apimantis visus etapus: interneto svetainių kūrimas,
sukurti paskyrą ant nemokamo hostingo ir pagaliau įkelti failus mūsų svetainėje tą hostingas, nemokamas talpinimas yra greitas būdas pradėti svetainę mūsų interneto per kelias minutes, šio metodo trūkumas yra tai, kad mes turime kai kurie skelbimai rodomas visų laikų viršuje (antraštės aukščiau).
Kiekvienas, kuris nori atidaryti svetainę, jūs turite žinoti, HTML ir CSS, nereikia būti HTML ekspertas (Hyper Text MArkupe Lkančios), tačiau tam tikra informacija apie kodą yra būtina norint suprasti, kaip šie dalykai veikia.
Net jei jūs statyti vieną svetainę, jūs vis dar turite neturiu, kas vyksta per tuos failus reikės periodiškai ištaisyti klaidas ar pasiekimų pokyčių idėją.
Daugelis žmonių bėga nuo kodo, daugelis lygina kodą su hieroglifais, visai ne taip, kažkas kažkada sakė: „KODAS YRA POETRIJA“, jis buvo teisus, kai matai, kad kažkas gimsta iš kodo eilučių, jautiesi nuostabus, kuriate virtualus pasaulis tik su klaviatūra ir pele.
Ilgą laiką naudojome programinės įrangos kompanijų sukurtas programas, atlikome tik kompiuterio veiksmus, laikas atlikti programavimą, iš tikrųjų tai nėra programavimo kalba, tai yra „žymėjimo kalba“, bet mes nurodysime tai tarsi programavimo kalba, nes skamba gana keistai „žymėjimo kalba“, HTML yra viena iš lengviausių šiais laikais naudojamų programavimo kalbų (žymėjimo), HTML matome bet kurioje svetainėje, daugybė programinės įrangos yra jie yra HTML komponentai, ši programavimo kalba yra visur, laikas ją išmokti.
Pirmą kartą gali būti mažiau varginantis, bet jei esate atsargus, nei jūs iš karto suprasti, kad ne viskas yra taip sunku yra paprastas ir gražaus daikto, mes sukurti kažką savo rankomis, tai svarbiausias dalykas.
Mes išmokti pagrindus, tada mes sužinoti, kaip įvesti tekstą į tinklalapį, tada mes pasirūpinsime ir nuspalvinti tekstą, mes naudojame puslapis stiliaus CSS (pakopinių stilių), su kuria mes įdėti visus puslapio elementus HTML ne visi, kad jūs įdėti mūsų svetainėje yra pagamintas atrodyti vieno gabalo.
Jūs išmoksite paprastus metodus, pagrindinį HTML ir CSS, nors tai yra pagrindiniai dalykai HTML ir CSS, sukurs apžvalga malonus.
Šiame pavyzdyje turite ranką sau su dėmesio ir kantrybės, ši pamoka yra ne tai, ką mes galime sau leisti vykdyti mažai, jei slinkties kelias sekundes galite praleisti kažką labai svarbaus ir pamatysite vėliau nebėra prasmės, koncentracija informacija yra labai didelis, ir tai, kodėl aš prašau jus būti labai, labai atsargūs.
Po šio pamoka, net intensyvaus kurso sakyčiau, turėsite geresnį supratimą, kas HTML ir CSS, galite kontroliuoti kodą pat ir jūs visiškai suprantate HTML dokumentą, jausmas, kad HTML nėra vien tik heroglife masyvo bus išsklaidyti, žinote, kas tai yra, kai jums pažvelgti į HTML ar CSS vieną.
Mes sužinoti apie žymelių (tags), mes turime čia keletą žymių (tags) pavyzdžių, kad jūs galite naudoti HTML dokumento, nesijaudinkite, neturi įsiminti juos visus, jums reikia sužinoti, tiesiog pirmoje lentelėje pagrindai poilsio galima rasti čia svetainėje arba dėl neto, kai jums jų reikia.
Net lentelės užsisakyti šiuos žodžius, kurie pagaminti naudojant HTML.
Pagrindiniai elementai (tags).
| Nurodo failo formato interneto | |
| dokumentas antraštė | |
| Tilul dokumentas | |
| HTML puslapyje kūnas | |
| BGCOLOR = spalva | Fono spalva puslapio |
| text =spalva | Teksto spalva puslapyje |
| link =spalva | Unvisited nuorodos spalva puslapis |
| vlink =spalva | Aplankytas nuorodos spalva puslapio |
| alink =spalva | Nuoroda spalva per spustelėkite Vartotojų exacutat |
| FAKTAI = URL | Fono paveikslėlis puslapis |
| pastraipa | |
| <Hn> <Hn> | Dokumento lygio paantraštė (n = 1-6) |
| Konkretūs atributai Įrėmintas tekstas | |
| size =n | Teksto dydis yra 1-7 |
| face =„A, b“ | Nurodykite šriftą: aJei yra, arba b |
| color =s | Teksto spalva: arba spalva arba RGB vertė |
| naujos eilutės | |
| informacija anksto suformatuotas | |
| HTML Comenatriu | |
| Medžiaga centrai puslapyje | |
| horizontali liniuotė | |
| size =x | Liniuotė aukštis pikseliais |
| width =x | Liniuotė plotis pikseliais arba procentais |
| NOSHADE | Išjungti ekraną šešėlių už horizontalios liniuotės |
| align =x | Sureguliavimas horizontali liniuotės puslapyje (į kairę, centras, dešinė) |
| color =x | Spalva horizontali liniuotės (tik IE) |
| Pažymėti tipo inkaras | |
| href =URL | hiperteksto nuorodos |
| href =#name | Nuoroda į vidaus inkaras |
| Name =pavadinimas | Vidinių inkarai apibrėžimas |
Elementus į sąrašą .
| Aprašymas apibrėžimas | |
| Sąrašo tipas apibrėžimas | |
| per apibrėžimas | |
| Funkcijų sąrašas | |
| <OL | Užsakytas sąrašas (sunumeruoti) |
| type =tipas | Numeracija. Galimos reikšmės: A, A, I, 1 |
| start =x | Iš pradėjo tvarkingai sąrašą skaičius |
| <UL | Netvarkingai sąrašą (žymėtas) |
| type =forma | Forma žymę. Galimos reikšmės: apskritimas, kvadratas, diską. |
Simbolių formatavimas elementai .
| Įklijuoti tekstą paryškinti | |
| Įklijuoti tekstą kursyvu | |
| Nukopijuokite pabrėžė tekstą | |
| Monospaced šrifto tekstas | |
| citavimo bibliogarfica | |
| sąrašo programos | |
| Stilius paryškinimas logika | |
| tekstas klaviatūra | |
| Paryškinimas stiprią logiką | |
| Programos ar kintamasis | |
| <BASEFONT size = n> | Nurodo Numatytasis šrifto dydis Puslapio |
Elementai rėmų .
| Apibrėžti rašymo puslapį | |
| COLS =x | Skaičius ir santykinis dydis iš stulpelių |
| ROWS =x | Skaičius ir santykinis dydis linijos |
| border =x | Nurodo FRAMESET kadro būseną „įjungta“ arba „išjungta“ (1 arba 0) |
| frameborder = x | Nurodo rėmo dydį |
| FRAMESPACING = x | Kiek vietos tarp dviejų gretimų kadrų |
| Specifinio rėmo apibrėžimas | |
| src =URL | URL šaltinis rėmo |
| PAVADINIMAS =pavadinimas | Rėmo pavadinimas (naudojamas kartu su TARGET = pavadinimas kaip inkaro žymės dalis |
| przewijanie =SCRL | Nustatykite parinktį baras derulare.Valori įmanoma: įjunkite (Įjungti), išjungti (neaktyvus), auto (automatinis) |
| frameborder =x | Pasienio dydis kadre |
| marginheight =x | Papildomą erdvę virš ir žemiau tam tikros sistemos |
| marginwidth =x | Suplimetar erdvė kairę ir į dešinę už konkretų |
| puslapis atkarpos vartotojams, kurie negali matyti rėmo | |
| Pagrindų (tik (IE) | |
| src =URL | rėmelio šaltinį |
| PAVADINIMAS =s | Langas vardas (naudinga TARGET) |
| AUKŠTIS =x | Įterptosios rėmo aukštis |
| width =x | Įterptosios rėmo plotis |
Elementai stalų .
| HTML lentelė | |
| border =x | lentelėje sienos |
| cellpadding =x | Papildomą erdvę per lentelės langelių |
| cellspacing =x | Papildomas tarpas tarp lentelės langelių |
| width =x | Paskirta plotis lentelė |
| RĖMAS =vertas | Tiksliai reguliuoti lentelėje |
| TAISYKLĖS =vertas | Liniuotės sureguliavimas stalo |
| BORDERCOLOR = spalva | Techninių duomenų lentelė sienos spalva |
| BORDERCOLORLIGHT = spalva | Žiebtuvėlis spalvos dviejų spalvų nurodyta |
| BORDERCOLORDARK = spalva | Tamsesnis spalva iš dviejų spalvų nurodyta |
| align =į kairę | Sulygiuoja lentelę prie kairiojo krašto puslapio, o tekstas srautų dešinėje pusėje |
| align =teisė | Išlygina lentelę krašto dešinėje puslapio, o tekstas teka į kairę |
| hspace =x | Suplimetar horizontali erdvė aplink stalą |
| vspace =x | Suplimetar vertikali erdvė aplink stalo |
| COLS =x | Nurodo stulpelių lentelę skaičių |
| Naudojant žymėjimą, apibrėžiamas stulpelių apibrėžimų rinkinys | |
| <COL width =x> | Nurodo stulpelio plotį pikseliais |
| Nurodo lentelės antraštė | |
| Nurodo stalo kūną | |
| linija lentelė | |
| BGCOLOR =spalva | Nurodo, fono spalvą visam linija |
| align =išlyginimas | Mobilusis suderinimas dėl dabartinės linijos (į kairę, centras, dešinė) |
| Duomenų ląstelių lentelės | |
| BGCOLOR =spalva | Nurodo, fono spalvą mobilųjį duomenų |
| colspan =x | Stulpelių skaičius, kuris apima dabartinį mobilųjį duomenis |
| rowspan =x | Linijų tempimo dabartinį mobilųjį duomenis numeris |
| align =išlyginimas | Lygiavimas ląstelės audinį date.Valori įmanoma: (kairė, dešinė, centras) |
| valign =išlyginimas | Lygiuoti medžiagos iš ląstelių date.Valori įmanoma: (viršuje, apačioje, viduryje) |
| FAKTAI =URL | Nurodo fono paveikslėlį už lentelės langelį |
| nowrap | Neleiskite trupinimo teksto eilutes per ląstelių |
| align =pradinis | Suderinti duomenų ląstelių greta esančio teksto bazinės linijos |
| align =charakteris | Stulpelis suderinamas su konkrečiu simboliu (numatytasis simbolis yra „.“) |
| align =pateisinti | Suderinti tiek kairįjį kraštą ir tinkamą teksto kraštas |
Daiktų pridedant nuotraukas.
| <IMG | Žymėjimo įvesties vaizdus |
| src =URL | Šaltinio failas grafinis |
| alt =tekstas | Alternatyvus tekstas rodomas, jei būtina |
| align =išlyginimas | Sulyginti vaizdą puslapyje. Galimos reikšmės: viršuje (viršuje), vidutinio (viduryje), apačioje (žemiau), į kairę (kairėje), (teisė) |
| AUKŠTIS =x | Vaizdo aukštis (pikseliais) |
| width =x | vaizdo plotis |
| border =x | Rėmas aplink vaizdą, kai jis yra naudojamas kaip hipersaitus |
| hspace =x | Papildomą erdvę aplink vaizdą horizontaliai (pikseliais) |
| vspace =x | Papildomą erdvę aplink vaizdą vertikaliai (pikseliais) |
Formos elementai.
| Aktyvus HTML forma | |
| action =URL | CGI programos serveryje, kuri gauna duomenis |
| VARTOJIMO METODAS =metodas | Kaip duomenys perduodami į serverį (GET arba POST) |
| <ĮVESTIS | Stovykla tekstas arba kitą duomenų įvedimo |
| type =pasirinkimas | Įvesties lauko tipas . Galimos reikšmės: tekstas, slaptažodis, žymimasis laukelis, paslėptas, failas, Radijo, pateikti naujo, įvaizdį. |
| PAVADINIMAS =pavadinimas | Simbolinis pavadinimas vertės lauko |
| value =vertas | Turinio numatytoji teksto laukas |
| REGISTRUOTAS = pasirinkimas | Mygtukas / žymimasis langelis pažymėtas pagal nutylėjimą |
| size =x | Simbolių skaičius teksto lauke |
| size =x | Maksimalus simbolių skaičius leidžiama |
| grupė langelius | |
| PAVADINIMAS =pavadinimas | Simbolinis pavadinimas vertės lauko |
| size =x | Iš meniu punktų, kurie rodomi vieną kartą, skaičius (pagal nutylėjimą = 1) |
| KELI =x | Leidžia keliems pasirinkimą meniu punktų |
| <OPTION | Ypatingas pasirinkimas lauke |
| value =vertas | Gautas vertė šio pasirinkimo meniu |
| Stovykla armavimas tekstas keletą eilučių | |
| PAVADINIMAS =pavadinimas | Simbolinis pavadinimas vertės lauko |
| ROWS =x | Iš teksto eilutes dėžėje |
| COLS =x | Iš per liniją teksto laukelyje kolonėlių (ženklų) skaičius |
| Dalytis loginį formą dalys | |
| Vardas susijęs rinkinys srityse (fieldsets) | |
| align =s | Nurodykite lygiavimo legendą (paaiškinimą), langas (viršuje, apačioje, kairėje, dešinėje) |
| tabIndex =x | Nurodykite užsakymo elementus, kai vartotojas paspaudžia klavišą Tab |
| ACCESKEY =c | Kuri suteikia specifinį raktą nuo klaviatūrą, susijusių su konkretaus elemento |
| IŠJUNGTA | Elementas yra neaktyvus, bet yra rodomas ekrane |
| tik skaitymui | Elementas yra rodomas ekrane, bet negali būti pakeisti |
Išplėstinė elementai.
| Konkreti informacija apie modelio stilius | |
| type =Val | Stiliaus modelio tipas. Paprastai „tekstas / CSS“ |
| Paprastai apima scenarijų JavaScript savo tinklalapį | |
| KALBĄ =kalba | Vartojama kalba |
| Įvykis =renginys | Įvykį, konkrečių scenarijų vykdymui |
| UŽ =numeobiect | Objekto pavadinimas puslapis, kuriame veikia scenarijų |
PARSISIŲSTI HTML lenteles su žymės
Jei norite aplankyti svetainė atliko pamoka, galite naudotis šiuo adresu: http://www.videotutorial.150m.com.
Aš rekomenduoju jums išpakuokite priedą ir studijuoti tris failus arba HTML CSS failą, naudojant Notepad ++ ar kita redagavimo programa tinklalapius tokiu būdu gali daryti pakeitimus Cau netgi galite padaryti užrašus per jį jūs išmoksite html be tavęs sąskaitos.
Jūs linkime Jums malonus ir pasveikinti Jus šiais vadovėliai šios serijos ir už jos ribų.
View Comments (333)
Labai gražus, t informaciją šiame samouczku.
Šis vadovėlis gali būti vadinamas infuzija HTML ir CSS.
Gal jūs negaunate išmokti per kelis mėnesius galima sužinoti čia per valandą ar taip, aš mačiau visa tai prieš parašė ir galiu pasakyti, kad įspūdį pacituoti informaciją gali tilpti pamoka.
Vienu metu pajutau, kad reikia gerti vandenį, nors aš tik stebėjau pamoka, nei aš noriu galvoti, cituodamas Danas gėrė vandenį po to.
Yra kažkas ne mokytis HTML ir / arba CSS po šio pamoka.
Aoleu, ko aš bandau išmokti maždaug 3 mėnesius, matyt, neturiu laiko ...
Labai ačiū, aš žiūrėti atidžiai!
taip, tu teisi Cristi, bet esu nusivylusi, nes maniau, kad padarysi vadovėlį :( bet šiaip ar taip, bravo dan labai geras vadovėlis
Nepatinka tai, ką tu pasakei, ir aš nuoširdžiai tau tai sakau. Šis vyras maždaug pusantros valandos kovojo, kad išmokytų jus padaryti svetainę nuo nulio, o jūs sakote, kad esate nusivylęs, nes jis jos nepadarė? Įsivaizduokite, kiek daug laiko įdėjo žmogus ir kiek laiko praleido išmokyti html ir css pagrindų, prieš atidarant burną pagalvokite, ar jums nepatiktų pateikti darbo, tada palikite kitus nereikalingus komentarus, pvz. esate nusivylęs, kad jis neįdėjo, kažkas sukūrė šį vadovėlį, ačiū, kad turite kur mokytis;)
Kaip manote, ar baigėsi serija apie „Kaip sukurti svetainę“.
Kitame pamoka bus man.
Nes ką kitą samouczku aš reikės stebėjo šį vadovėlį, kurį atliko Dane.
Ką aš pateikti skiriasi nuo pamoka aš padariau aza Dan, tačiau joje informacija bus būtina tinkamai suprasti dalykų.
Yra keletas būdų, kaip skelbti turinį internete, tačiau visi turi bendrą vardiklį, HTML ir CSS, be jų negali nieko daryti.
Sveiki Cristi, ateis PHP ar js seriją?
Mes kalbame apie viską, bet PHP, JS svetainė jungiasi su HTML, xHTML negali būti be.
PHP yra labiau naudojamas duomenų išrašymui iš duomenų bazių, tinklalapiai vis dar yra HTML, ar kalbame apie dinamines svetaines (php, dhtml, asp, jsp, cf), arba mes kalbame apie statinę svetainę, naudoti HTML, be jo negalite nieko daryti.
Daugelis žmonių daro didelę klaidą „Aš nebenoriu HTML svetainės, noriu dinamiškos PHP svetainės“, tai didelė klaida, HTML naudojamas beveik visur, nesvarbu, ar kalbame apie dinamiškas, ar statines svetaines.
JS (Java Script) yra ne tas pats su JSP (Java Server Pages), kuri priklauso nuo serverio, JS svetainės naudojami tam tikrų scenarijų ir jokia serverio scenarijų reikia JS gali veikti su bet kokia naršykle nereikia serveris komponentas, ir šiame samouczku Dan naudojamas scenarijus JS (foto galerija), stuff punktualų naudoja JS, nėra visiškai svetainių su JS serijos vietoj yra pilni svetaines naudojant Java serverio Puslapiai, kurie yra kažkas kita, nors jie atrodo tas pats.
Aš žinau, kad jūs jau seniai pradėjote mokytis „kodo“, ši instrukcija yra puiki pagalba, Danas padarė nepaprastą dalyką naudodamas šią mokymo programą. Jūs net neįsivaizduojate, koks vertingas šis vadovėlis, pagal mokymo programą jūs turite beveik visas žymes ), naudojamų HTML, galite juos naudoti, juo labiau kad kiekvienas turi aprašą.
Neleisk, kad jūsų ALEX, pertrauka kodą, jis yra pagrįstas.
Patikėkite, jums trūksta ne potencialių!
wow daug labai gerai susistemintos informacijos, kad visi galėtų ją suprasti. Aš asmeniškai pažiūrėjau į vadovėlį tik tam, kad sužinotum ką nors naujo, o paeiliui vykstant, buvau nustebęs, kaip lengvai galima sukurti svetainę, o ne per daug. pakrautas ir labai malonus žiūrėti. Sveikinu už šį vadovėlį, bet ir visus kitus. Laukiu kitos „infuzijos“ (cristi žodžiai) su informacija.
Sveikinu !! Labai graži pamoka, tai bus Rumunija, pilna internetinių dizainerių :) (tikiuosi !!)
Tai bus pamoka Dreamweaver? Dc nenaudokite Dreamweaver ar jūsų vadovėliai?
Sveikinu visus mokymus ... esate stipriausias;)
Sveiki ... Vadovėlis yra tikrai puikus, yra labai daug informacijos ... ir aš manau, kad aš turėjau išmokti pagrindinį html puslapyje 98 ', darydamas dešimtis testų, paimtų iš knygų bibliotekoje, nes neturėjau neto tuo metu ir dabar galiu žiūrėti vadovėlį, kuriame paaiškinama viskas, ką turiu žinoti .. aišku, kad aš tobulėjau :))) .. Man patiko tai, kad buvo paaiškinta žingsnis po žingsnio ir kad jie buvo sudėti svetainėje visos pagrindinės komandos + pavyzdys, su kuriuo galima dirbti .. akivaizdu, kad žinote, ką darote, esate tikri mokytojai !!
Dar daug dirbančių web dizainas, naudojant programas, kurios automatiškai daro užsakymus ir mano klausimas jums padaryti pamoka su tokia programa ??
Aš žinau, kad jūs sukūrėte šį vadovėlį, kad suprastumėte komandas ir taip geriau suprastumėte žiniatinklio kūrimo programas ... bet man vis dar įdomu sužinoti, ką tęsite su šia vadovėlių serija, nes šia tema daug kalbama, net jei kai kurie mano, kad nuobodu, kai kalbame apie tokius mokymus, kaip Danas, kuriuos sveikinu šia proga, kad jie parašė ...