Begin van HTML (1 / 5 stap)

Stap 1: Uw stichting


Elke code begint ergens. U niet alleen halen en noteer van webpagina's. Oh, geen. Laten we proberen dit uit. Open Aptana of wat word editor die u gebruikt en plakken dit in, dan bewaar het als Instructables.html op uw computer.

< html >
< head >
<!--Instructables.html-->

< titel > ik ben het leren van HTML! < / title >
< / head >

< body >

< h1 > Hallo wereld! < / h1 >

< p >
Dit is mijn stichting. Het leerde mij door sommige awesome dude genoemd
Stephen Ritchie op Hij is geweldig!
< /p >

< / body >
< / html >

Er is uw stichting! Het is een goeie, kan u niet zeggen? Laten we het een beetje te ontleden.
Zijn aan het begin en einde van het < html > en < / html >. Dat vertelt het dat de webpagina probeert uit te voeren van een HTML-document. Binnenkant die is < body > en < / body > waar het spul eigenlijk gaat. Er zijn de title-tags, waardoor een informatie pagina's. Het doet verschillende dingen. Kijk omhoog naar de bovenkant van uw pagina nu. Het zegt waarschijnlijk 'Begin HTML' aan de bovenkant. Dat is titel! Het kan ook informatie geven. Als ik me aanmeld in Facebook nu, zal het waarschijnlijk zeggen (3) Facebook.com' zeggen mij mij zijn drie updates. Dat is een veranderende titel. Het gaat hierbij om toepassingen die dynamisch documenten te maken. U kunt vertellen door de manier waarop dat geluiden dat het lastig is, dus het is onbelangrijk en ik zal niet worden leer je dat.

De < h1 > en < / h1 > tags maken het lettertype erin groter, waardoor een kop of in-pagina titel (vandaar de "h"). < p > - en < /p > zijn leden. Het lettertype binnen het omlaag die één of twee spaties. Nadat u hebt opgeslagen dat HTML-bestand, ga je gang en plak in uw browser (weergeven als een webpagina) en u zult zien wat ik bedoel met dit alles. Als u niet hoe om te doen de eerste twee weet, klik met de rechtermuisknop en kies 'Open met...' en selecteer je internetbrowser.

Er is uw stichting! Als je niet hebt gemerkt, elke tag eindigt met een '/'. Dat onderscheidt of iets is beginnen of eindigen, en uiteraard de streep loopt. Vergeet niet dat < p >van zijn leden. Denk niet dat ze uiteindelijk zelf altijd de extra 'p' en een streep toevoegen aan het einde van je zin.

Als u nog steeds kunt begrijpen alles wat ik zeg, tijd om verder te gaan naar de volgende stap!

Gerelateerde Artikelen

Hoe te verbeteren uw Instructables met behulp van HTML

Hoe te verbeteren uw Instructables met behulp van HTML

Instructables zijn een geweldige manier om je kennis delen en leren van anderen. Soms, een heleboel tekst in een Instructablecan worden intimiderend, of een Instructable ziet er gewoon niet erg interessant. Om dit oplossen, kunt u de HTML en CSS.HTML
Maken van een vrije Website zonder het ABC van HTML

Maken van een vrije Website zonder het ABC van HTML

de naam zegt het al, het maken van een website die gratis en zonder enige kennis van HTML, JavaScript of om het even welk van die nieuwe dingen uitgevonden.Mogelijk is er veel instructables voor dit onderwerp, dus laten we beginnen.Hier is wat we gaa
Hoe maak je een gratis website met behulp van HTML.

Hoe maak je een gratis website met behulp van HTML.

Nu ik weet dat iedereen kan gaan aan freewebs (ahem, webs) en krijg je een gratis website, maar dat vereist geen vaardigheid. Wat vergt vaardigheid is HTML. HTML staat voor Hyper Text Markup Language, en het is de bouwsteen van elke website.Stap 1: s
De basisprincipes van HTML en CSS codering

De basisprincipes van HTML en CSS codering

Heb je ooit wilde maken van uw eigen website, maar die andere webbuilders zijn te duur? Zoek niet verder voor een intro naar HTML en CSS programmeren en coderen.Stap 1: Instellen Elke HTML en CSS codering van de pagina begint met deze blanco vel, gen
Hoe te het insluiten van een afbeelding met een Hyperlink op Dreamweaver met behulp van HTML

Hoe te het insluiten van een afbeelding met een Hyperlink op Dreamweaver met behulp van HTML

Dreamweaver is een Adobe-software gebruikte voor webdesign en het bewerken van het document. Deze instructies zal uitleggen van het proces van het invoegen van een afbeelding met een Hyperlink in een Dreamweaver-document met behulp van HTML-codes. Do
Snork toevoegen van HTML-TAGS aan Instructables

Snork toevoegen van HTML-TAGS aan Instructables

OK dus ik ben het maken van mijn Instructable El Día de los Muertos (The Day of The Dead) en ik de tekst in een deel van de Instructable centreren wilde, dus ik HTML probeerde tags voor center.En een grappig ding gebeurde de tekst gecentreerd.Dus op
Begin van de Arduino (poorten, Pins en programmering)

Begin van de Arduino (poorten, Pins en programmering)

Oke, dus ik ben het leren van de kunst van Arduinoing en dacht dat ik je mee voor de rit nemen zou...In deze tutorial:Pinnen--de gaten op je Arduino en hoe ze te gebruikenPoorten--collecties van pinsProgrammering--Basic programmeren met de arduinoSta
Goedkoopste, beste computer rond, in het begin van 2015

Goedkoopste, beste computer rond, in het begin van 2015

Als u op instructables bent, kijken naar dit project, dan je waarschijnlijk weet dat u uitstekende kopen kunt en goedkope computers met alleen een beetje weet hoe. Om de 4 jaar of zo ik ga door het proces van het opnieuw leren net genoeg over compute
Begin van de Photoshop - maken van een aangepast penseel

Begin van de Photoshop - maken van een aangepast penseel

Photoshop wordt geleverd met een heleboel penseelvoorinstellingen, en er zijn een hoop u op het internet downloaden kunt, maar wat als je wilt iets dat is helemaal je eigen?  Dit instructable zal u tonen hoe.U moet:Photoshop (natuurlijk)Stap 1: Vijf
Grondbeginselen van het begin van de Top geheime Bunker Project en grondlagen verwijderen

Grondbeginselen van het begin van de Top geheime Bunker Project en grondlagen verwijderen

ik heb peinzen een tweede huis onder degene die ik net klaar met bouwstijl bunker voor Tornado's en gewoon omdat het leuk zou zijn.Een groot deel van de arbeid gaat om het verplaatsen van het zand en klei onder het huis naar de achtertuin en als u oo
Begin van LCD's

Begin van LCD's

Opmerking: mij tenslotte got mijn camera bedacht zodat alleen moet er 1 of 2 onscherpe beelden. Op met de Instructable!LCD's zijn een van de coolste dingen toe te voegen aan elk project nu. U kunt ze weergeven van dingen uit de snelheid van uw fiets,
Begin van de Photoshop - natuurlijke Contrast en de kleur toe te voegen aan ogen

Begin van de Photoshop - natuurlijke Contrast en de kleur toe te voegen aan ogen

We willen allemaal onze ogen te kijken zo levendig als ze in foto's kunnen, maar soms de camera net niet van alle details in het menselijk oog vastleggen.  Nou is hier hoe kun je de details via photoshop en vervolgens sommige.  :)Er zijn vele methode
Begin van een brand met een kopje koffie

Begin van een brand met een kopje koffie

dit is een eenvoudige noodgevallen parabolische vorm.
Maken van een website allen over u met Visual Studio (HTML, CSS, JQUERY)

Maken van een website allen over u met Visual Studio (HTML, CSS, JQUERY)

Hey iedereen!Dit is mijn eerste instructable en in dit instructable ga ik u tonen hoe te gebruiken Visual Studio om uw eigen website te maken!Hier is een downloadlink voor Visual Studio:Visuele Studio´s Home LinkDirecte downloadlinkDit zou brak zijn