Hoe om 'n webwerf binne 'n paar uur te skep

Om 'n webwerf te skep hoef nie moeilik te wees nie. In hierdie artikel, ons sal deur die basiese beginsels van HTML-bladsy-skepping loop en hoe om 'n mini-insluitende lys te skep. Volgende, ons sal bespreek hoe om die html te gebruik>-merker om teks uit te lig. Uiteindelik, ons sal jou binne 'n paar uur wys hoe om 'n webwerf te skep. Ons sal ook 'n paar ander nuttige tegnieke dek.

Die skep van 'n HTML-bladsy

HTML is die taal wat gebruik word om webblaaie te bou. Dit definieer die struktuur van die webblad en CSS beheer hoe die inhoud vertoon word. Dit is nie moeilik om 'n basiese HTML-bladsy te skep nie. Hier is 'n stap-vir-stap gids om aan die gang te kom. Sodra jy 'n basiese HTML-bladsy het, jy is gereed om meer komplekse en dinamiese te skep. Om te begin, jy het 'n teksredigeerder en 'n webblaaier nodig.

Jy kan ook 'n woordverwerker soos MS Word gebruik om die inhoud vir jou webblad te skep. Jy kan hiperskakels gebruik om teks aan mekaar te koppel. U kan die lêer ook as 'n html-lêer stoor, 'n webblad. Hierdie metode werk goed, maar die bladsye wat jy op hierdie manier skep, is groot en lyk nie goed in 'n blaaiervenster nie. Die enigste nadeel van hierdie metode is dat jy moet leer om die gereedskap wat beskikbaar is te gebruik.

HTML is 'n opmerktaal, wat beteken dat jy merkers moet insluit om die inhoud op die bladsy te formateer. Elke merker verteenwoordig een van die elemente van die bladsy. 'n Merker word deur 'n hoekhakie geïdentifiseer. Sommige elemente benodig slegs een merker, terwyl ander twee benodig. 'n Afsluitmerker bevat 'n voorwaartse skuinsstreep. Byvoorbeeld, die paragraafmerker skep 'n element wat 'n paragraaf genoem word. Die teks tussen die openings- en afsluitingsetikette vorm die paragraafteks. Net so, die ul-tag skep 'n ongeordende lys.

Skep 'n mini-sluit lys in

Die skep van 'n mini-sluit-afdeling is 'n effektiewe manier om verskeie elemente op dieselfde webblad te koppel. 'n HTML-bladsy kan in verskeie onderafdelings verdeel word, met elke afdeling wat 'n lys elemente bevat. Hierdie elemente dien verskillende doeleindes. Jy kan die tipe kenmerk gebruik om alfabetiese volgorde te vertoon. Jy kan ook kleinletters gebruik om 'n lys elemente met die letters a te skep, b, of c.

Dit is maklik om 'n element by te voeg. 'n Eenvoudige HTML-dokument bevat etikette wat die inhoud daarvan definieer. Hierdie etikette kom gewoonlik in pare. Die openingsmerker word gebruik om die elemente daarin te lys, terwyl die sluitingsmerker die element toemaak. Die opening tag, of kop, sluit beskrywende inligting oor die dokument in. Hierdie inligting kan 'n titel insluit, stylblad inligting, skrifte, of meta-inligting. Die sluitingsmerk, aan die ander kant, maak die element toe.

Gebruik die html>-merker

Die html>-tag word gebruik om die hoofinhoudarea van 'n HTML-dokument te definieer. Die hoofinhoudarea bestaan ​​uit teks wat verband hou met die sentrale onderwerp of funksionaliteit van die bladsy. Dit moet uniek wees van ander inhoud op die werf. Ander inhoud kan in die vorm van sybalke op die bladsy verskyn, navigasie skakels, kopiereg inligting, webwerf logo's, en soekvorms. 'n HTML-bladsy moet die html volg>-merker om as 'n HTML-bladsy beskou te word.

Die href=-kenmerk maak die skakelelement oop. Na die “=” teken, jy moet die URL van die skakel plak. Jy kan ook veelvuldige paragraafreëls in een opskrif gebruik. Die sluitingsbeugel is 'n moet. Dit sal verhoed dat jou skakels verkeerd geïnterpreteer word. Om die html-bladsy makliker te lees, voeg 'n skakel by jou webwerf. Die html>-tag sal jou toelaat om skakels by te voeg wat na 'n ander webblad verwys.

'n HTML-lêer sal 'n.html-uitbreiding hê wat jou rekenaar sal vertel dat dit 'n HTML-lêer is. Dit is die beste om 'n koppelteken in plaas van spasies te gebruik, aangesien spasies 'n webblaaier sal verhoed om die lêer te vind. Sodra jy klaar is met die skep van 'n HTML-bladsy, jy sal dit moet stoor. Volgende, navigeer na die gids met die HTML-lêer en regskliek daarop. Dit moet soortgelyk aan die skermkiekie hieronder lyk.

Gebruik die html>-merker om teks uit te lig

Jy kan die merk gebruik> merker om teks in HTML-dokumente uit te lig. Dit is 'n relatief nuwe HTML 5 kenmerk, en dit definieer 'n gemerkte deel van 'n paragraaf. Die merk> tag werk deur die agtergrond-kleur-eienskap van die onderliggende HTML-dokument te verander. Die merk> tag ondersteun beide globale en gebeurtenis eienskappe. Dit sal teks in geel of swart uitlig. Dit is ook moontlik om die kleur van die teks in die onderliggende CSS-lêer te verander.

Die meeste skermlesers kondig nie die merkelement aan nie, maar jy kan CSS-inhoudeienskap of.before and.after pseudo-elemente gebruik om dit duidelik te maak watter teks jy wil uitlig. Aankondigings is breedvoerig en voeg onnodige inligting by die bladsy, dus moet jy hulle spaarsamig gebruik. Byvoorbeeld, jy kan aankondigings gebruik om 'n soekterm uit te lig of aanhalings te blokkeer. Aankondigings word deur alle groot blaaiers ondersteun.

Benewens agtergrondkleurstyl, jy kan die 'highlightme’ klas om die teks in jou HTML-dokument uit te lig. Die agtergrondkleurstyl word deur alle blaaiers ondersteun. Jy kan ook die woord 'geel' gebruik’ in plaas van die kleurkode. Jy kan dieselfde kode gebruik om 'n paragraaf of teksgedeelte uit te lig. Jy kan ook CSS-klasse gebruik om teks uit te lig.

Gebruik die html>-merker om 'n mini-sluit lys te skep

Die html>-tag word gebruik om 'n lys van mini-insluiters te skep. Dit bevat die ooreenstemmende sluitingsmerker en die naam van die element is kleinletters. HTML-dokumente word geënkodeer met UTF-8-karakterkodering, wat die insluiting van Unicode-karakters ondersteun. Wanneer die gebruik van die html>-merker, maak seker dat u UTF-8 kies in die “stoor-as” dialoog boks.

Gebruik die html>-tag om 'n mini-insluit-lys by 'n HTML-bladsy te voeg, is maklik. Jy kan hierdie merker gebruik vir enige element wat 'n ongeordende lys ondersteun. Jy kan selfs 'n ongeordende lys vir 'n navigasiekieslys gebruik. Die dl-element sluit 'n lys van pare terme en beskrywings in. Die items in 'n geordende lys word vertoon met 'n eskalerende teller aan die linkerkant. Jy kan ook die dl-element weglaat as die lysitem onmiddellik deur 'n ander element gevolg word.

Nog 'n manier om 'n mini-insluitlys in te voeg, is om 'n voetskrifelement in 'n HTML-dokument by te voeg. Hierdie element verteenwoordig die voetskrif van die naaste snit-inhoud. Dit bevat gewoonlik inligting oor die skrywer, kopieregdata, of skakels na verwante dokumente. Gebruik die html>-merker om 'n mini-sluit lys op 'n HTML-bladsy te skep

Gebruik die html>-merker om individuele teksblokke uit te lig

HTML5 beklemtoon individuele teksblokke met die merk> element. Hierdie HTML5-merker verander die kleur van die inhoud in die bron na 'n sekere skakering van geel of swart, die leser in staat stel om belangrike teks te onderskei. Dit kan ook gebruik word om gedeeltes van inhoud aan te dui wat meer aandag as ander teks benodig. Die merk> element ondersteun Global Attributes en Event Attributes in HTML. Wanneer dit korrek gebruik word, hierdie HTML5-merker kan die leesbaarheid van 'n webblad verbeter.

Die HTML4-standaard verwerp fisiese-styl karaktervlak-etikette. Hulle handel oor aanbieding, en dit is beter om CSS vir hierdie doeleindes te gebruik. HTML5 het hulle weer ingestel. Hulle word nie meer afgekeur nie, maar dit is steeds nie die enigste manier om individuele teksblokke uit te lig nie. Gebruik CSS om individuele blokke teks met HTML5 uit te lig! Hierdie eenvoudige metode sal individuele teksblokke binne 'n stuk inhoud uitlig.

Vlot: U kan hierdie CSS-eienskap gebruik om 'n element na die linker- of regterrand van die element wat bevat, te laat dryf. Dit kan gebruik word om 'n rooster of kolomme te skep. Jy kan ook 'n CSS-eienskap genaamd float gebruik om 'n iframe of 'n prent na die linker- of regterkantlyn van die blaaier te laat dryf. Hierdie eienskappe maak dit makliker om individuele blokke met CSS uit te lig.