Webbprogrammering med HTML, CSS, DOM, Javascript, DHTML, MySQL och PHP

Skapa innehåll

Nu ska vi fylla på med lite innehåll på sidan. Innehållet ska ligga inne i dokumentets kropp, alltså i BODY. Till att börja med lägger vi till överskriften "Nike, en busig hund". Alltså skriver vi in detta och använder märket H1 för att formatera texten.

<H1>Nike, en busig hund</H1>

Hur lite olika rubriker ser ut kan du titta på i exemplet här innan du går vidare:

Sen ska vi lägga in lite text om Nike och börjar med att skriva in vanlig text i en paragraf. Paragraf i HTML heter P och vi lägger in följande efter elementet H1 :

<P> Nike är en trevlig och busig hund och av rasen Hovawart. Detta är en mycket pigg och arbetsvillig bruksras och namnet betyder ungefär gårdsvakt. Hon kommer från Lillhärdal (nära Sveg) och är uppfödd på kenneln Elliegården. Nike tränas i vanlig lydnad, tävlingslydnad och spårning. Hon tävlar i både lydnad och spår och tycker att det är mycket roligt. Hon vill arbeta hela tiden!</P>

Koden ser nu ut såhär:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

			"http://www.w3.org/TR/html4/loose.dtd">

<HTML>

	<HEAD>

		<META HTTP-EQUIV="Content-Type" CONTENT="text/html; 

				 CHARSET=ISO-8859-1">

		<TITLE>Nike, en busig hund </TITLE>

</HEAD>



<BODY>



<H1>Nike, en busig hund</H1>



<P> Nike är en trevlig och busig hund och av rasen Hovawart. 

Detta är en mycket pigg och arbetsvillig bruksras och namnet 

betyder ungefär gårdsvakt. 



Hon kommer från Lillhärdal (nära Sveg) och är uppfödd på kenneln 

Elliegården. Nike tränas i vanlig lydnad, tävlingslydnad och spårning. 

Hon tävlar i både lydnad och spår och tycker att det är 

mycket roligt. Hon vill arbeta hela tiden!. </P>



</BODY>

</HTML>

Efter att sparat filen som nike.html kan vi titta på resultatet i en webbläsare.

Om du har följt med och gjort som det står på sidan har du nu en HTML-fil som heter nike.html i din katalog. Det finns två sätt att öppna denna för att titta på resultatet av koden. Det enklaste är att dubbelklicka på filen direkt i Windows. Då kommer din webbläsare att öppnas och webbsidan laddas in. Det andra sättet att göra det är att först öppna webbläsaren för att sedan själv ladda in webbsidan. Om du använder Internet Explorer görs detta genom att välja menyn Arkiv och Öppna under denna. Leta dig sedan fram till din webbkatalog och välj filen nike.html.

föregående gå vidare