Html uitgelegd: deel 2
Aan de slag maken van webpagina's door middel van tekst-bestanden en HTML-code! Dit artikel is een voortzetting van HTML uitgelegd: deel 1, waarin een algemeen overzicht van HTML geeft. Hier gaan we om in de Nitty Gritty van de code zelf. Zodra u zien hoe eenvoudig het eigenlijk is, je zou moeten lopen, niet lopen naar de dichtstbijzijnde boekhandel en grijp uw eigen exemplaar van een handige HTML handleiding. Oke, laten we begin.In het bekijken van de broncode van webpagina's, moet u wellicht zag veel van deze dingen: <>. Ze heten HTML-tags, en ze zijn wat de computer gebruikt om de HTML-code.NOTE interpreteren: in dit artikel moest ik spaties toe te voegen aan al mijn HTML-tags, zodat ik ze kon weer zonder echt na te werken. Er zijn twee HTML trucs om daadwerkelijk "het stoppen van" HTML-tags, maar geen van hen goed functioneren van dit middel box.The HTML-tags die hier getoond worden weergegeven als volgt: <FAKE TAG > Maar in werkelijkheid je verondersteld te typen als volgt: Een vriend van mij beschrijft HTML-tags als "aan / uit-schakelaars." Een eenvoudig voorbeeld dat u misschien goed vertrouwd zijn met, is de Bold commando. Om te "zetten" Vet, type <B> (maar zonder spaties). Alle tekst die komt na de Stoute-tag, zal dan worden vet weergegeven. Om uit te schakelen, de gedurfde karakteristieke, type </ B>. Elke tekst die komt na het 'vet uit "tag zal unbolded.It' s de moeite waard vermelden dat in alle gevallen, wordt alle tekst die valt tussen een "aan" of "uit" HTML-tag zal nemen over het kenmerk van deze tag tem. Hoeveel tekst kan je in tussen twee HTML-tags? Zo veel of zo weinig als je wilt. Dat betekent, kunt u maar een paar HTML-tags van de leden en de leden van text.What design zijn enkele andere HTML-tags die webdesigners vaak gebruik? <I> en </ I> (voor cursief) <U> en </ U> (voor onderstrepen) <BR> (het creëren van een enkele lijn pauze). In de meeste maar niet alle gevallen, als u een HTML-tag activeren door overlegging van het in deze: <> s, moet u ook het uitschakelen op een bepaald punt, zoals in <I> en </ I> voor cursief hierboven weergegeven. Een uitzondering op deze regel is <P> of paragraaf separator tags, en <BR> of lijn breaks.Specifying Meerdere tekst eigenschappen binnen een interne TagHTML HTML-tags werken op verschillende manieren, afhankelijk van het aspect van het ontwerp dat ze beheersen. Zoals ik hierboven vermeld, kunt u de controle over alle elementen van web design via de HTML code-pagina scheiding, tekstopmaak, beeld plaatsing, ontwerp lay-out, en hyperlink insertion. Om deze reden kan een HTML-tag bevatten meerdere variabelen. Dit klinkt een stuk lastiger dan het is.For bijvoorbeeld een tag met meerdere variabelen alle ingesloten in een van deze: <>, kan worden gebruikt voor het opmaken van tekst. Een is gelijk aan (=) teken wordt gebruikt om meerdere specificeren binnen een HTML-tag. Om tag een gedeelte van de tekst voor lettertype specs, beginnen met: <FONT face = Gebruik geen spaties na het gelijkteken (=) teken, typt u uw naam in lettertype aanhalingstekens, zoals zo: "Arial". U kunt ook de grootte en kleur hier. In dezelfde tag die zegt te sluiten. Uw font tag zal nu als volgt uitzien: <FONT face = "Arial" SIZE = "2"> (maar geen einde spaties). Als je wilde, je kan ook een kleur voor de tekst binnen die tag. De kleur is opgenomen in de dezelfde wijze als het lettertype en grootte, en is vernoemd in zijn eigen set van aanhalingstekens, hetzij in een eenvoudige naam als "zwarte" of "rood", of een 6-cijferige numerieke code die begint met een aantal sign.So, een HTML-tag die een paragraaf getypt in lettertype Arial op de 2e kleinste maat van het type, in de kleur zwart aanwijst, zou er als volgt uitzien: < FONT Face = "Arial SIZE =" 2 "COLOR =" black "> Alle van het type dat kwam na deze HTML-tag zou nemen over de kenmerken hierboven. Zodra u wilde" shut off "van het lettertype kenmerken van die blurb van de tekst, u typt opgeslagen. Om de afbeelding worden weergegeven in uw nieuwe webpagina, moet u: 1. het volledige webadres van uw website (zoals http://www.wordfeeder.com), 2. de map (of submap) op uw server waar afbeeldingen worden gehouden, en 3. de bestandsnaam van de afbeelding (eindigt op. jpg). De HTML-code gebruikt om de "pick up" een afbeelding uit een bron wordt IMG SRC. Zoals altijd, het behoort binnen die handige beugel-dingen. Dus je tag zou beginnen: <IMG SRC = Zonder typering geen spaties voor of na de = (gelijk) ondertekenen, dan zou je plakt de URL van de plaats waar de afbeelding zich bevindt (zoals in de voorbeelden 1, 2 en 3 hierboven), en volg met de bestandsnaam en. Jpg einde. Ik dit illustreren met een voorbeeld uit mijn eigen web-verzameling van beelden: <img src = "http://www.wordfeeder.com/sitebuildercontent/sitebuilderpictures/wordfeederlogox.jpg"> door te typen dat HTML-tag aan de specifieke web adres en informatie map / bestandsnaam tussen aanhalingstekens, de computer kent de oorsprong van het beeld, en zal vervolgens "hyperlink het 'in uw webpagina page.If je ooit zeker bent van de filepath van een afbeelding die u nodig hebt, ga naar de webpagina waar het is gevestigd en vervolgens met de rechtermuisknop op de afbeelding. Onder "eigenschappen" vindt u de volledige URL pad dat moet worden getypt in tussen de twee aanhalingstekens die vallen binnen uw Afbeelding Bron tag.Note: je hoeft niet "shut off" een afbeelding tag.You kan ook meerdere variabelen in een enkele image-tag. Bijvoorbeeld, als je wilde links-aanpassing van de bovenstaande afbeelding, zou u de bovenstaande tag om er als volgt uitzien: <IMG SRC = "http://www.wordfeeder.com/sitebuildercontent/sitebuilderpictures/wordfeederlogox.jpg" align = left> Hyperlink Tags voor e-mail en Website AddressesEver vraag me af hoe webmasters maken live links? Een live band zou kunnen zeggen iets als: "Klik hier voor meer info!" en dan wanneer u klikt daar, ben je plotseling vervoerd naar een nieuwe webpagina. Een live band is gewoon het type die een website-adres. Check it out: <A HREF = "http://wordfeeder.com"> Wordfeeder Bezoek voor meer info! </ A> That's HTML-code voor "hyperlink tekst". Het lijkt raar, maar denken over het op deze manier. Het eerste deel dat is ingesloten in deze: <>, is wat draait op de "de volgende woorden in een link die leidt naar het adres dat ik hier te typen" functie. Het eind-tag, </ A> is wat "schakelt" de "hypertext linking"-functie en zal dan laat je cv te typen in de normale, ongekoppelde text.As u kunt zien, door het typen van een paar eenvoudige HTML-tags, kunt u sommige vrij verbazingwekkende dingen. Dit artikel is slechts het topje van de ijsberg. Ik hoop dat de uitleg en voorbeelden getoond ten minste mits een basiskennis van HTML voor je. Een geweldige manier om te leren is door "bestuderen" web van andere mensen de code in de pagina Beeld> Bron venster. U praktijk door het kopiëren van hun HTML code in uw eigen nep-pagina's en het invullen van het "vlees" tussen hun "aan" en "uit" tags met tekst en afbeeldingen die past bij uw eigen doeleinden. Maar wees voorzichtig. Als u HTML plakken verkeerd, kunt u helemaal wrak en corrupte document.For je mensen die willen krijgen in ernstige ontwerp, ik aanbevelen dat u koopt een uitgebreide HTML-gids. Zodra je onder de knie krijgen van HTML, is het niet te vertellen wat je kunt maken! Copyright 2005 Dina Giolitto. Alle rechten reserved.Dina Giolitto is een New-Jersey op basis Copywriting Consultant met het bedrijfsleven negen jaar ervaring. Haar huidige focus is web content en web marketing voor een veelheid van producten en diensten, hoewel het grootste deel van haar
Artikel Bron: Messaggiamo.Com
Related:
» Home Made Power Plant» Singorama
» Criminal Check
» Home Made Energy
Webmaster krijgen html code
Voeg dit artikel aan uw website!
Webmaster verzenden van artikelen
Geen registratie vereist! Vul het formulier in en uw artikel is in de Messaggiamo.Com Directory!
