Skapa webbsidor Cheat Sheet

September 5

När du skapar webbsidor, använder du HTML - en hel del! Följande exempel visar HTML formatering och koder som du använder för att skapa rubriker och titlar, listor, linjer och bilder samt fet och kursiv typ, för att inte tala om hur att inkludera en länk.

<Html>
<! - Text mellan vinkelparenteser är en HTML-tagg och visas inte.
De flesta etiketter, såsom HTML och / HTML-taggar som omger innehållet i
en sida, kom i par; vissa taggar, som HR, för en horisontell linje, stå
ensam. Kommentarer, såsom den text som du läser, inte visas när
webbsidan visas. Informationen mellan huvudet och / HEAD taggar är
visas inte. Informationen mellan kroppen och / BODY taggarna visas .-->
<Head>
<Title> Ange en titel, visas högst upp i fönstret. </ Title>
</ Head>
<! - Informationen mellan kroppen och / BODY taggarna visas .-->
<Body>
<H1> Öppna huvudrubrik, oftast samma som titeln. </ H1>
<P> <b> fet </ b> i anger era viktiga punkter. Lägg dem i en lista: </ p>
<Ul>
<Li> Det första objektet i listan </ li>
<Li> Den andra punkten; <I> kursivera </ i> nyckelord </ li>
</ Ul>
<P> Förbättra din bild genom att inkludera en bild. </ P>
<P> <img src = "http://www.mygifs.com/CoverImage.gif" alt = "A Great HTML resurs"> </ p>
<P> Lägg till en länk till din favorit <a href="http://www./"> webbplats </a>.
Bryt upp din sida med en horisontell linje eller två. </ P>
<Hr>
<P> Slutligen länk till <a href="page2.html"> annan sida </a> i din egen webbplats. </ P>
<! - Och lägg ett meddelande om upphovsrätt .-->
<P> Wiley Publishing, 2011 </ p>
</ Body>
</ Html>

Allt detta HTML översätts till en webbsida som ser ut ungefär så här:

Skapa webbsidor Cheat Sheet

Webbutveckling Resources

När du skapar webbsidor, kan du dra en hel del från andra människors kompetens. På webben, en massa människor är bara alltför glada att kunna erbjuda sina råd - ofta utan kostnad! Följande lista ger länkar till en rad webbplatser som ger HTML-kod tutorials, kan du dela foton och även hjälpa dig att förverkliga dina blogging ambitioner, bland annat:

  • Blogga: Blogger och Wordpress
  • Nedladdningar: CNET och Tucows
  • HTML referens: HTML Goodies
  • Musikdelning: MySpace
  • Fotodelning: Flickr
  • Videodelning: YouTube
  • Betald Webbverktyg: CoffeeCup

Vanliga HTML-taggar för att skapa webbsidor

Om du skapar webbsidor, kan du inte fly med HTML, och egentligen, varför skulle du vilja? Webb språket översätter dina härliga idéer till engagerande webbsidor. Listorna här erbjuder grundläggande HTML-taggar som används oftast i formatering webbsidor, inklusive länkar till andra webbsidor, infoga bilder på din sida, och skapa tabeller.

Formatera text

Du behöver rubriker för att organisera din webbsida, olika typer av slag för att lägga vikt, och listor för att hålla saker intressant. Dessa taggar kan du formatera dem alla:

  • Rubriker: <h1> Topp rubrik </ h1>, <h2> Nästa nivå rubrik </ h2>, ... <h6> Lägsta rubrik </ h6>
  • Fet: <b> text </ b>
  • Kursiv: <i> text </ i>
  • Punkt: <p> Ett stycke text </ p>
  • Punktlista: <ul> <li> Första punkten </ li> <li> Andra punkten </ li> </ ul>
  • Numrerad lista: <ol> <li> Post # 1 </ li> <li> Post # 2 </ li> </ ol>

Infoga länkar

Webbplatser är tänkta att länka till andra webbplatser och kopplas till dem. Dessa HTML-taggar är de som du behöver för att ansluta i etern:

  • Länkar till externa webbsidor: <a href="http://www."> Den ... For Dummies webbsida </a>
  • Länkar inom en webbplats, samma katalog: <a href="myres.htm"> Min CV </a>
  • Länkar inom en sida: <a href="#nextline"> Hoppa </a> till nästa rad. Här är nästa <a name="nextline"> </a> linje.

Grafik och multimedia

Du vill grafik och multimedia på din webbsida att lägga till visuella intresse. Dessa HTML-taggar visar hur du inkluderar grafik:

  • Foton och stillbilder: <img src = "myphoto.jpg" ALT = "Mitt foto!">
  • Rörliga bilder: <embed src = "mymovie.mov">

Ritning tabeller

Ställa in bord innebär att sätta en gräns och göra HTML-taggar för varje rad och cell:

  • Börja bord med 1-pixel kant: <table border = "1">
  • Rader och celler: <tr> <td> Första raden, Första Cell </ td> <td> Första raden, andra cellen </ td> </ tr>
    <Tr> <td >> andra raden, Första Cell </ td> <td> Second Row, Second Cell </ td> </ tr>
  • Tabell slutet: </ table>

HTML Enheter för specialtecken

För att sätta specialtecken i webbsidor du skapar, använder du escape-sekvenser eller entitetsreferenser, som båda visas i tabellen här. Testa dina specialtecken i flera aktuella webbläsare för att se till att de visar konsekvent.

Karaktär Escape Sequence Entity Referens
" " & Quot;
' '
$ $
¢ ¢ & Cent;
& Euro;
% %
° ° & Deg;
÷ ÷ & Dela;
& Reg;
& Copy;
& Trade;
< < & Lt;
> > & Gt;
@ @
& & & Amp;
à à & Agrave;
é é & Eacute;
ê ê & Ecirc;
ö ö & Ouml;