Gratis stap vir stap instruksies Hello Wêreld!Probeer kombinasies: Hoe lyk
Dit is die eerste merker wat ons teëkom wat nie `n eindmerker nodig het nie! Ons noem so `n merker a leë etiket.Skep opskrifte om die name van die afdelings duidelik te maak:
Begin met die etikette vir tabel ("tafel" in Engels) rondom die hele tafel: Plaas etikette om die inhoud van elke ry: Plaas kolomopskrifte in die eerste ry: Plaas selle in opeenvolgende rye: Hier is `n voorbeeld van hoe dit alles bymekaar kom:
Leer html
Inhoud
HTML is die afkorting van Hyper Text Markup Language, dit is die kode van Taal wat gebruik word om webwerwe te skep. Dit mag dalk ingewikkeld lyk as jy nog nooit voorheen geprogrammeer het nie, maar om dit uit te probeer, is al wat jy nodig het `n eenvoudige woordverwerkingsprogram en `n internetblaaier. Jy herken dalk sekere HTML van forums, aanlynprofiele of wikiHow-artikels. HTML is `n nuttige hulpmiddel vir enigiemand wat die internet gebruik, en om HTML te leer kan minder tyd neem as wat jy verwag.
Trappe
Deel 1 van 2: Leer die basiese beginsels van HTML
1. Maak `n HTML-dokument oop. Die meeste woordverwerkingsprogramme, insluitend Notepad of Word vir Windows en TextEdit vir Mac, kan gebruik word om HTML-dokumente te skep. Maak `n nuwe dokument oop en kies Lêer → Stoor as vanaf die boonste kieslys om jou dokument as `n webbladsy te stoor, of verander die lêeruitbreiding vanaf ".dok", ".rtf" of iets anders aan ".html" of ".htm".- Jy sal dalk nou `n waarskuwing sien wat sê dat jou dokument verander word van Rich Text Format (RTF) na "plat teks", en dat sekere formatering opsies en beelde nie korrek gestoor word nie. Jy kan hierdie waarskuwing ignoreer; HTML-dokumente gebruik nie hierdie opsies nie.
- .html en .htm-lêers is dieselfde. Dit werk albei.
2. Bekyk jou dokument met `n blaaier. Stoor jou leë dokument, maak dit toe en dubbelklik dan op die dokument op die plek waar dit gestoor is om dit weer oop te maak. Jou dokument behoort nou deur jou blaaier as `n leë webbladsy oopgemaak te word. As dit nie werk nie, sleep die lêer se ikoon na jou blaaier se adresbalk. As jy later jou HTML-dokument redigeer volgens die stappe in hierdie artikel, sal jy aanhou teruggaan na die blaaier om te kyk hoe die veranderinge in die kode lyk.
Let wel: jou webblad is nog nie aanlyn nie. Die bladsy is nie toeganklik vir ander nie en jy het nie `n werkende internetverbinding nodig om dit te toets nie. Jy gebruik net jou blaaier om die HTML-dokument te bekyk "lees" asof dit `n webwerf is.
3. Verstaan wat `tags` is. Merkers is nie sigbaar op die finale webblad, soos gewone teks is nie. Die etikette vertel jou blaaier hoe om die bladsy en die inhoud op die bladsy te vertoon. Die openingetiket bevat instruksies. Byvoorbeeld, dit kan die blaaier vertel om die teks vet te maak. Die sluitingsmerker is nodig om die blaaier te vertel waar die instruksies van toepassing is: in hierdie voorbeeld is alle teks tussen die openings- en sluitingsetikette vetdruk. Eindmerkers word ook binne hakies geplaas, maar `n skuinsstreep volg na die eerste hakies.Skryf openingsetikette tussen hakies: Skryf eindmerkers tussen hakies, maar plaas `n skuinsstreep na die eerste hakies: Lees later in die artikel hoe om funksionele etikette te skryf. By hierdie stap, al wat jy hoef te doen is om te onthou hoe jy etikette skryf: < > en In ander HTML-kursusse word etikette ook genoem "elemente" genoem en die teks tussen begin- en eindmerkers word ook genoem "element inhoud" genoem.
<dit is die begin dag>>)4. Skryf jou eerste Elke HTML-dokument begin met `n skryf aan die bokant van jou dokument. Druk `n paar keer Enter of Return om jouself `n bietjie spasie te gee, en skryf dan onthou dat jy alles in hierdie artikel tussen hierdie twee merkers.
5. maak dit reg Tussen die etikette -begin merker en a -einde tag. Maak weer `n spasie tussen hierdie merkers. Enigiets wat tussen hierdie etikette geskryf is, sal nie op die webblad self sigbaar wees nie. Probeer die volgende stappe en kyk of jy kan sien waar die inligting wel verskyn:Skryf tussen die etikette en Tussen die etikette Leer HTML - wikiHow .Stoor die dokument en maak dit oop in `n blaaier (of stoor die dokument en verfris die bladsy in die blaaier as die bladsy nog oop was). Sien wat jy sopas geskryf het bo-aan die bladsy, bo die adresbalk?
6. maak `n Alles anders in hierdie beginnerdokument word in die afdeling gedek Na die merker vir die merker en . Alles wat ons verder in hierdie artikel bespreek, plaas ons tussen die liggaamsetikette. Jy behoort nou `n dokument te hê wat so lyk (sonder die koeëls):
7. Voeg teks in verskillende style by. Nou is dit tyd om iets te skryf wat werklik in die blaaier sigbaar sal wees! Alles wat jy in die lyfmerkers skryf, sal in die blaaier sigbaar wees nadat jy die veranderinge gestoor en die bladsy binne die blaaier verfris het. skryf nie iets met die karakters < en >, want jou blaaier sal dit interpreteer as HTML-instruksie in plaas van gewone teks. Skryf byvoorbeeld Hello Wêreld! (Engels vir "Hello Wêreld!", dit is die globale boilerplate-teks as die eerste voorbeeld in enige programmeertaalkursus) of iets anders, en plaas die volgende etikette voor en na die teks en hou aan om te sien wat gebeur:
8. Verdeel jou teks in paragrawe. As jy verskeie reëls teks in jou dokument gaan plaas, sal jy sien dat alle reëls agter mekaar geplaas is. Jy moet self nuwe reëls en leë reëls programmeer:
Hierdie sin is op die eerste reëlDit is die eerste merker wat ons teëkom wat nie `n eindmerker nodig het nie! Ons noem so `n merker a leë etiket.
9. Leer hoe om lyste te maak. Daar is verskeie maniere om lyste op `n webblad te skep. Probeer die volgende metodes om uit te vind waarvan jy die meeste hou. Let daarop dat een paar etikette rondom die hele lys geplaas word (soos die etikette Gebruik die volgende kode om kolpuntlyste te skep:
Of hierdie kode om genommerde lyste te skep:
Of hierdie kode om `n sogenaamde definisielys te skep:
10. Maak jou bladsy meer aantreklik met nuwe lyne, horisontale lyne en prente. Nou is dit tyd om ander goed by jou bladsy te begin voeg. Probeer die volgende merkers (jy moes die prent aanlyn geplaas het sodat jy na die prent kan skakel):Voeg `n reël in: Voeg beelde in:
![]("die_url_van_jou_beeld"></big)
11. Voeg skakels na ander plekke op die bladsy in. Jy kan ook hierdie kode gebruik om na ander bladsye en webwerwe te skakel, maar aangesien jy nog nie `n webwerf het nie, sal ons fokus op "ankers" (ankers), dit wil sê spesifieke plekke op die bladsy waarna jy kan skakel:Skep eers `n anker met die merker
Gebruik die merker
Om na `n anker op `n ander bladsy te skakel, voeg die #-teken by na die url, gevolg deur die naam van jou anker. Byvoorbeeld http://www.wikihow.com/HTML-leer#wenke neem jou reguit na die afdeling "Wenke" op hierdie bladsy.
<`n naam ="Wenke">Dit is die teks waarom jy jou anker plaas.Deel 2 van 2: Leer Gevorderde HTML
1. Leer oor eienskappe. Eienskappe word binne die merker geplaas en word gebruik om bykomende aanpassings aan die "element inhoud" tussen begin- en eindmerker. Hulle staan nooit alleen nie. Hulle is op die volgende manier geskryf: naam="waarde". naam verteenwoordig die naam van die kenmerk (byvoorbeeld, "kleur") en waarde beskryf hierdie spesifieke geval (bv "rooi").- As jy noukeurig na die vorige deel van hierdie artikel gekyk het, het jy reeds eienskappe teëgekom. die merker
2. Eksperimenteer met HTML-tabelle. Om `n tabel of grafiek te skep, benodig jy verskeie etikette:
3. Leer die ander etikette wat in die kopafdeling gebruik word. jy het die tag Metatags word gebruik om metadata genereer oor `n webblad. Hierdie data word deur soekenjins gebruik om webblaaie te kategoriseer. Om jou bladsy sigbaar te maak vir soekenjins kan jy een of meer metamerkers plaas (eindmerkers is nie nodig nie), elke merker moet presies een naamkenmerk en inhoudkenmerk bevat, byvoorbeeld:
4. Speel met HTML vanaf bestaande bladsye. Om die bronkode van webblaaie te bekyk is `n goeie manier om jou HTML-kennis uit te brei. Regskliek op die bladsy en kies "Bekyk bronkode", "Wys bladsybron" of iets soortgelyks. Probeer om uit te vind wat `n sekere merker doen wat jy nie ken nie of soek aanlyn vir die antwoord.
Jy kan nie ander mense se webwerwe wysig nie, maar jy kan die HTML-kode na jou eie dokument kopieer en daarmee rondspeel om te sien wat verskillende wysigings doen. Let wel: omdat baie webwerwe CSS-stylblaaie gebruik, kan jy dalk nie baie kleure of ander style sien nie.
5. Kom meer te wete oor HTML deur meer in-diepte artikels te lees. Daar is baie hulpbronne beskikbaar op die internet om meer HTML-etikette te bemeester soosW3Skole of kodekademie. Daar is ook baie boeke oor HTML beskikbaar, maar maak seker dat jy `n onlangse uitgawe gebruik as die standaard in HTML verander elke nou en dan. Sodra jy HTML op `n goeie vlak bemeester het, kan jy na CSS wend vir meer beheer oor die ontwerp en styl van jou webblad. Daarna is die volgende stap gewoonlik javascript.Dit kan nuttig wees om `n eenvoudige webblad op die internet te soek en dan met die kode rond te speel. Probeer om `n bietjie teks te skuif, die lettertipe te verander, die beelde te verander, wat jy ook al wil hê! Jy kan `n notaboek gebruik om die kode neer te skryf sodat jy iets het om op terug te val as jy nie seker is nie. Jy kan ook hierdie bladsy druk en dit as verwysing hou. XML en RSS word deesdae toenemend op webwerwe gebruik. Die kode lyk dalk ontoeganklik vir die menslike oog, veral as jy daarna in die bronkode kyk, maar die funksionaliteit kan nuttig wees. Die etikette wat in HTML gebruik word, is nie hooflettersensitief nie, maar die standaard is om kleinletters te gebruik (soos ons in hierdie artikel doen). Kleinletters vir die etikette word sterk aanbeveel, ook vir XHTML-versoenbaarheid.
Wenke
Waarskuwings
- Sommige merkers word nie meer gebruik nie en is vervang deur ander merkers wat dieselfde doen, maar dikwels meer opsies bied.
- As jy wil seker maak dat jou bladsy aan die HTML-standaard voldoen, besoek die W3-webwerf om jou kode teen die huidige standaard na te gaan. Baie merkers is nou verouderd en vervang deur merkers wat beter op moderne blaaiers werk.
Benodigdhede
- `n Woordverwerkingsprogram, soos Notepad (Windows) of TextEdit (Mac).
- `n vel papier of notaboek (opsioneel)
- `n Program wat spesifiek ontwerp is vir die skryf van HTML, soos Notepad++ vir Windows of TextWrangler vir Mac (opsioneel)
Artikels oor die onderwerp "Leer html"
Оцените, пожалуйста статью
Gewilde
