See õpetus kirjeldab saidi kasutades HTML ja CSS, mis hõlmab kõiki etappe: veebilehe arendamine,
luua konto tasuta hosting ja lõpuks failide saatmisel meie kodulehel, et hosting, tasuta hosting on kiire meetod panna veebilehel meie online mõne minuti jooksul, siis Selle meetodi puuduseks on see, et meil on mõned reklaamid kuvatakse alati tipus (päis eespool).
Igaüks, kes tahab avada veebileht, mida pead teadma, HTML ja CSS, ei pea olema ekspert HTML (Hyper Text MArkupe Lahastus), kuid osa kooditeavet on nende asjade mõistmiseks hädavajalik.
Isegi kui sa ehitada ühes kohas, siis veel ei tea, mis toimub läbi nende failid perioodiliselt vigade parandamiseks või saavutada muutusi.
Paljud inimesed põgenevad koodi eest, paljud võrdlevad koodi hieroglüüfidega, see pole üldse nii, keegi ütles kunagi: "KOOD ON POEETIKA", tal oli õigus, kui näete, et koodiridade seeriast sünnib midagi, tunnete end imelisena, ehitate üles virtuaalne maailm ainult klaviatuuri ja hiirega.
Kasutasime pikka aega tarkvaraettevõtete ehitatud rakendusi, tegime ainult arvutiga töötamist, on aeg programmeerimist teha, tegelikult ei ole see programmeerimiskeel, see on "märgistuskeel", kuid viitame see on nagu programmeerimiskeel, kuna see kõlab üsna imelikult "märgistuskeel", HTML on üks lihtsamaid tänapäeval kasutatavaid programmeerimiskeeli (märgistus), näeme HTML-i mis tahes saidil, paljudel tarkvaradel on nad HTML-i komponendid, see programmeerimiskeel on kõikjal, on aeg seda õppida.
Esimene kord võib olla vähem hirmuäratav, kuid kui te olete ettevaatlik kui saate aru kohe, et kõik ei ole nii raske on lihtsad ja ilusad asjad, me luua midagi oma kätega, see on kõige tähtsam.
Meil õpivad põhitõdesid, siis saame teada, kuidas sisestada teksti veebilehele, siis me korraldame ja värvitakse teksti, mida me kasutame lehel stiilis CSS (CSS CSS), mille me koht kõik elemendid lehel HTML üldse nii, et teil panna meie kodulehel on tehtud nägema ühes tükis.
Õpid lihtsaid tehnikaid, lihtsa HTML ja CSS, kuigi need on põhilised asjad, HTML ja CSS, loob ülevaate nauditav.
Sel juhendaja peate arm ennast tähelepanu ja kannatlikkust, see õpetus ei ole midagi, mida me ei saa endale lubada jätkata vähe, kui Leidke paar sekundit siis võib jääda midagi väga olulist ja te näete hiljem enam mõtet, kontsentratsioon teave on äärmiselt kõrge ja sellepärast ma palun teil olla väga ettevaatlik.
Pärast seda õpetust, isegi intensiivkursus Ütleksin, siis on parem idee, mida HTML ja CSS, saate kontrollida koodi hästi ja sa täielikult aru HTML dokument, tundes, et HTML ei ole ainult massiivi heroglife kaob, siis tead, mis see on, kui te vaatate HTML või CSS üks.
Meil õpivad silte (tags), meil on siin mõned näited silte (tags), mida saab kasutada HTML-dokument, ärge muretsege, ei ole vaja meeles neid kõiki, mida on vaja teada lihtsalt põhitõdesid esimeses tabelis ülejäänud leiate siit kohapeal või internetis, kui neid vajate.
Isegi tabelid on tellitud neid silte, on valmistatud kasutades HTML.
Põhilised elemendid (sildid).
Määrab faili formaadis Web | |
dokumendi päise | |
Tilul dokumendi | |
HTML lehele keha | |
BGCOLOR = värv | Taustavärvi lehel |
text =värv | Teksti värv lehel |
LINK =värv | Külastamata link värvi lehele |
VLINK =värv | Külastatud link värvi lehekülje |
ALINK =värv | Link Color ajal klõpsu kasutaja exacutat |
TAUST = URL | Taustapilti lehele |
lõik | |
<Hn> <Hn> | Subtiitrid dokumendi tasemel (n = 1-6) |
Eripärasusi raamitud teksti | |
size =n | Teksti suurust 1-7 |
FACE ="A, b" | Määra font: aKui võimalik, või b |
color =s | Teksti värv: kas värvi nime või RGB väärtusega |
reavahetus | |
informatsiooni eelvormindatud | |
HTML Comenatriu | |
Materjal keskused lehele | |
horisontaalse joonlaua | |
size =x | Valitseja kõrgus pikslites |
width =x | Valitseja laius pikslites või protsendina |
NOSHADE | Kuvamise keelamine varju horisontaalne joonlaud |
align =x | Hoiak horisontaalne joonlaud lehel (vasakule, keskele, paremale) |
color =x | Värv horisontaalne joonlaud (ainult IE) |
Mark tüüpi ankur | |
href =URL | hüperteksti viide |
href =#nimi | Viide sisemise ankur |
name =nimi | Mõiste sisemine ankrud |
Pane nimekirjad .
Kirjeldus määratlus | |
Nimekiri tüübi definitsioon | |
jooksul määratlus | |
Feature nimekirja | |
<OL | Korrastatud nimekirja (nummerdatud) |
type =ots | Numeratsioon. Võimalikud väärtused: A, a, I, i, 1 |
START =x | Arv hakkas tellitud nimekirja |
<UL | Tavalise nimekirja (tähistatud) |
type =vorm | Vorm järjehoidja. Võimalikud väärtused: ring, ruut, plaat. |
Märkide vorminduselemente .
Kleebi teksti julgeid | |
Kleebi teksti kaldkirjas | |
Aseta esiletõstetud tekst | |
Monospaced teksti testid | |
tsitaadi bibliogarfica | |
videod Program | |
Style esiletõstmine loogika | |
Tekstiklaviatuur | |
Rõhuasetus tugev loogika | |
Programmi või muutuva | |
<BASEFONT size = n> | Määrab vaikimisi fondi suurus lehel |
Elemendid raamid .
Defineerimine kirjalikult lehele | |
COLS =x | Arv ja suhteline suurus veergude |
READ =x | Arv ja suhteline read |
border =x | Määrab FRAMESET-kaadri oleku “sees” või “väljas” (1 või 0) |
frameborder = x | Määrab raami suurus |
FRAMESPACING = x | Palju ruumi kahe kõrvuti raamid |
Mõiste konkreetse raami | |
SRC =URL | URL allikas raami |
NAME =nimi | Raami nimi (kasutatakse koos ankrumärgi osana TARGET = nimi) |
kerimine =scrl | Määrake võimalus baar derulare.Valori võimalik: on (aktiveerida), välja (mitteaktiivne), auto (automaatne) |
frameborder =x | Suurus raami raam |
marginheight =x | Täiendava ruumi üle ja alla teatud raamistiku |
marginwidth =x | Suplimetar ruumi vasakule ja paremale konkreetse |
§ lehel kuvatakse kasutajatele, kes ei näe raami | |
Raamprogrammi (ainult (IE) | |
SRC =URL | paneeli allikat |
NAME =s | Akna nimi (kasulik TARGET) |
HEIGHT =x | Varjatud raami kõrgus |
width =x | Varjatud raami laius |
Elemendid tabelid .
HTML tabel | |
border =x | tabelis piiri |
cellpadding =x | Lisaruumi jooksul tabelilahtrite |
Cellspacing =x | Lisaruumi vahel tabelilahtrite |
width =x | Kehtestatud laius tabelis |
FRAME =väärtus | Peenfookustamise tabeli |
REEGLID =väärtus | Valitsejad peenseadistust tabelis |
border = värv | Tehniliste andmete tabelis äärisvärv |
BORDERCOLORLIGHT = värv | Kergem värvi kaks värvi määratud |
BORDERCOLORDARK = värv | Mida tumedam värv kahes värvitoonis määratud |
align =lahkus | Viib tabeli vasakust servast lehe ja tekst voolab paremal |
align =õige | Viib tabeli paremas servas lehekülje ja teksti voolab vasakule |
hspace =x | Suplimetar rõhttühiku laua ümber |
vspace =x | Suplimetar vertikaalset ruumi ümber laua |
COLS =x | Määrab, mitu veergu tabelis |
Määrab märgistuse abil veerumääratluste komplekti | |
<COL width =x> | Määrab veerus laius pikslites |
Määrab Tabeli päises | |
Määrab tabelis keha | |
line tabelis | |
BGCOLOR =värv | Määrab taustavärvi terve rea |
align =joondumine | Cell viimine aktiivsel real (vasakule, keskele, paremale) |
Andmed tabeli lahtri | |
BGCOLOR =värv | Määrab taustavärvi raku andmeid |
colspan =x | Veergude arv, mis hõlmab aktiivse lahtri andmete |
rowspan =x | Kriipse venitades aktiivse lahtri andmete |
align =joondumine | Kui viia kangast raku date.Valori võimalik: (vasakule, paremale, keskele) |
valign =joondumine | Joondata materjali rakust date.Valori võimalik: (üleval, all, keskel) |
TAUST =URL | Määrab taustapildi tabelilahtriks |
nowrap | Ärge laske jagamine tekstirida rakus |
align =algtaseme | Seadke andmeelementi baasjoone külgnevate teksti |
align =iseloom | Joondab veeru kindlale tähemärgile (vaikimärk on ".") |
align =õigustama | Seadke nii vasakust servast ja paremale serva teksti |
Esemed lisamiseks pildid.
<IMG | Märgistus sisend pildid |
SRC =URL | Lähtefail graafika |
alt =tekst | Asetekst näidata, kui vaja |
align =joondumine | Joondamine pilt lehel. Võimalikud väärtused: top (üleval), keskmine (keskel), põhjas (allpool), vasak (vasakul), paremale (paremal) |
HEIGHT =x | Pilt kõrgus (pikslites) |
width =x | pildi laius |
border =x | Raam ümber pildi, kui seda kasutatakse hüperlinke |
hspace =x | Lisaruumi ümber pilti horisontaalselt (pikslites) |
vspace =x | Lisaruumi ümber pilti vertikaalselt (pikslites) |
Forms elemente.
Aktiivne HTML kujul | |
action =URL | CGI programm serveris, mis võtab andmeid |
METHOD =meetod | Kuidas andmete edastamist serverisse (GET või POST) |
<SISEND | Camp teksti või muude andmete sisestamine |
type =valik | Sisestusvälja tüüp . Võimalikud väärtused: tekst, parool, märkeruut, peidetud, fail, Raadio, esitama nullida, pilt. |
NAME =nimi | Vastav tähis väärtuse väljal |
VALUE =väärtus | Sisu vaikimisi tekstiväljale |
REGISTREERITUD = valik | Button / ruutu vaikimisi |
size =x | Märkide arv tekstiväljal |
size =x | Maksimaalne lubatud märkide arv |
Group ruudud | |
NAME =nimi | Vastav tähis väärtuse väljal |
size =x | Arvu menüü, kuvatakse üks kord (vaikimisi = 1) |
MITU =x | Võimaldab mitu valikut Menüüjaotiste |
<VALIK | Eriline valik valdkonnas |
VALUE =väärtus | Saadud väärtus selle valiku menüüst |
Camp tugevdamine teksti mitmele reale | |
NAME =nimi | Vastav tähis väärtuse väljal |
READ =x | Arvu rida teksti kasti |
COLS =x | Veergude arv (tähemärki) ühe rea teksti kasti |
Jaga loogiline vorm osad | |
Nimi seotud kogum väljad (fieldsets) | |
align =s | Märkida viimine legend (selgitus) näidatakse (üleval, all, vasakul, paremal) |
tabindex =x | Märkida, et punkte, kui kasutaja vajutab klahvi Tab |
ACCESKEY =c | Mis näeb ette konkreetsed võti seotud kiirklahvi konkreetse objekti |
PUUETEGA | Element ei ole aktiivne, kuid kuvatakse ekraanil |
readonly | Element kuvatakse ekraanil, kuid seda ei saa muuta |
Täpsem elemente.
Täpsemad andmed mudeli stiilid | |
type =val | Stiilimudeli tüüp. Tavaliselt "tekst / css" |
Tavaliselt sisaldab skripti Javascript oma veebilehele | |
LANGUAGE =keel | Kasutatav keel |
JUHUL =sündmus | Sündmus, mis käivitab täitmise konkreetsed skripte |
FOR =numeobiect | Objekti nimi leht, kus toimib skript |
DOWNLOAD HTML TABELID siltidega
Kui soovite külastada veebilehte läbi juhendaja, pääsete aadressil: http://www.videotutorial.150m.com.
Ma soovitan teil unzip manus ja õppida kolm faili html või CSS faili Notepad ++ või teise redigeerimise programm veebilehti sel viisil on võimalik teha muudatusi Cau võib isegi ajal märkmeid teha seda õpid html ilma sinuta arvesse.
Sa soovime teile meeldivat ja teid järgmisel õpetused selles seerias ja kaugemale.
Vaata kommentaare (333)
Väga tore, tonni teavet selle juhendaja.
See õpetus võib nimetada infusiooni HTML ja CSS.
Võib-olla sa ei saa õppida mõne kuu saate teada, siin tund või nii, ma olen näinud seda kõike enne postitatud ja võib öelda, et mulle muljet tsiteerida info mahub juhendaja.
Ühel hetkel tundsin vajadust juua vett, kuigi ma ainult vaatasin õpetus, ja ma ei tahtnud mõelda, tsiteerimine Dan jõi vett pärast seda.
Midagi on mitte õppida HTML ja / või CSS pärast seda juhendaja.
Aoleu, ceea ce incercam cam de vreo 3 luni sa ma apuc sa invat, da tot chipurile timp n-am...
Suured tänud, ma vaatan seda hoolikalt!
da ai dreptate cristi dar eu sunt dezamagit deoarece credeam ca tu vei face tutorialu :( dar oricum bravo dan foarte bun tutorialu
Nu e frumos ceea ce ai spus si sincer iti spun lucru asta , acest om s-a chinuit aproximativ o ora jumate ca sa te invete cum sa faci un site de la 0 si tu spui ca esti dezamagit deoarece nu l-a facut cristi ? Iti imaginezi cata munca a depus omu si cat timp a pierdut ca sa ne invete pe fiecare bazele html si css , gandes-te inainte sa deschizi gura ca nici tie nu ti-ar conveni sa depui munca si apoi sa iti lase altii comentarii inutile precum esti dezamagit ca nu a pus,creat altcineva acest tutorial , multumeste-te ca ai de unde invata ;)
Tu ce crezi, ca s-a terminat seria despre "Cum se face un site".
Järgmise juhendaja on mulle.
Sest see, mis järgmise juhendaja ma tuleb vaatasin seda juhendaja poolt läbi viidud Dan.
Mida ma esitada erineb juhendaja Tegin asa Dan, kuid teave on see hädavajalik õige arusaam asjadest.
On mitmeid viise, avaldades sisu veebis, kuid kõigil on ühine nimetaja, HTML ja CSS, ilma nendeta sa ei saa midagi teha.
Tere Cristi, tulevad seeria php või js?
Me räägime kõike, vaid ka PHP ja JS sait seondub HTML, HTML ei saa ilma.
PHP-ul este folosit mai mult pentru extragerea datelor din bazele de date, paginile web tot pe HTML stau, fie ca vorbim de site-uri dinamice(php, dhtml, asp, jsp, cf) fie ca vorbim de un site static, vom folosii limbajul HTML, fara el nu se poate face nimic.
Multi fac o mare confuzie "nu mai vreau site HTML, vreau site dinamic php" , este o mare gresala, aproape peste tot este folosit HTML-ul indiferent ca vorbim de site-uri dinamice sau site-uri statice.
JS (java script) ei ole sama JSP (Java Server Pages), mis sõltub server, JS saite kasutatakse teatud skriptid, mingit vajadust server skripte JS võib sõita ükskõik brauseri ilma serveri komponent ning selle juhendaja, Dan kasutatakse mitmeid skripte JS (fotogalerii), stuff täpse kasutab JS, ei ole täis alade JS asemel on täis saidid kasutades Java server Pages, et on midagi muud, kuigi need tunduvad sama.
Stiu ca tu te-ai apucat demult sa studiezi "codul", acest tutorial este un ajutor excelent, Dan a facut un lucru extraordinar cu acest tutorial, nici nu va dati seama ce valoros este acest tutorial, sub tutorial ai cam toate tagurile (elementele) folosite in HTML, te poti folosii de ele, mai ales ca fiecare in parte are si descriere.
Ära lase oma ALEX, break kood põhineb see.
Uskuge mind, te ei ole puudus mitte POTENTSIAALSETELE!
wow foarte multa informatie foarte bine structurata astfel incat oricine sa poata intelege.eu personal m-am uitat la tutorial doar de dragul de a afla ceva nou ,iar pe masura ce tutorialul inainta ramaneam uimit cat de usor se poate face un site ,nu prea incarcat si foarte placut la vedere.Felicitari pentru acest tutorial dar si pentru toate celelalte.Astept cu nerabdare urmatoarea "perfuzie"(vorba lui cristi) cu informatii.
Felicitari!! Foarte frumos tutorialul, O sa fie o romanie plina de designeri Web :) (sa speram!!)
Sellest tuleb juhendaja Dreamweaver? Dc ei kasuta Dreamweaver või oma õpetused?
Felicitari pt toate tutorialele... sunte-ti ce-i mai tari ;)
Salut..super tare tutorialul chiar sunt ,,tone'' de informatie..si eu care ma gandesc ca eu a trebuit sa invat html-ul de baza in frontpage 98'facand zeci de teste luate din carti de la biblioteca fiindca nu aveam net pe vremea aia si acum ma pot uita la un tutorial care imi explica tot ce trebuie sa stiu..se vede ca am evoluat :)))..mi-a placut faptul ca a fost explicat pas cu pas si ca au fost puse pe site toate comenzile de baza+un exemplu pe care se poate lucra..se vede ca stiti ce faceti sunteti adevarati profesori!!
Kuid palju neid, kes töötavad web design kasutades programme, mis automaatselt teha tellimusi ja minu küsimus on siis teete juhendaja sellise programmi ??
Eu stiu ca ati facut acest tutorial pentru intelegerea comenzilor si astfel o mai buna intelegere programelor de web design..dar totusi sunt curiso sa vad cu ce veti continua seria aceasta a tutorialelor fiindca este foarte mult de vorba pe aceasta tema chiar daca unii o considera plictisitoare atunci cand vine vorba de tutoriale gen cel realizat de Dan pe care il felicit cu ocazia asta pentru tutorial...