Opprette websider Cheat Sheet

December 28  by Eliza

Når du oppretter websider, bruker du HTML - mye! Følgende eksempel viser HTML formatering og koder du bruke til å lage overskrifter og titler, lister, linjer og bilder samt halvfet og kursiv typen, og ikke minst hvordan man skal inkludere en kobling.

<Html>
<! - Tekst mellom vinkelparenteser er en HTML-kode og vises ikke.
De fleste brikker, slik som HTML og / HTML-koder som omgir innholdet i
en side, kommer i par; noen koder, som HR, for en horisontal linje, stå
alene. Kommentarer, for eksempel teksten du leser, ikke vises når
Web-siden er vist. Informasjonen mellom hodet og / HEAD koder er
ikke vises. Informasjonen mellom kropp og / body koder vises .-->
<Head>
<Title> Angi en tittel, vises øverst i vinduet. </ Title>
</ Head>
<! - Informasjonen mellom kropp og / body koder vises .-->
<Body>
<H1> Enter hovedoverskriften, vanligvis den samme som tittel. </ H1>
<P> Vær <b> fet </ b> i begrunnelsen viktige punkter. Sett dem i en liste: </ p>
<Ul>
<Li> Det første elementet i listen </ li>
<Li> Det andre elementet; <I> kursiv </ i> stikkord </ li>
</ Ul>
<P> forbedre bildet ved å inkludere et bilde. </ P>
<P> <img src = "http://www.mygifs.com/CoverImage.gif" alt = "A Great HTML Resource"> </ p>
<P> Legg en link til din favoritt <a href="http://www./"> webområde </a>.
Bryt opp siden din med en horisontal linje eller to. </ P>
<Hr>
<P> Til slutt, link til <a href="page2.html"> annen side </a> i ditt eget webområde. </ P>
<! - Og legge til en merknad om opphavsrett .-->
<P> © Wiley Publishing, 2011 </ p>
</ Body>
</ Html>

Alt dette HTML settes til en webside som ser omtrent slik ut:

Opprette websider Cheat Sheet

Web Authoring Resources

Når du oppretter websider, kan du dra nytte mye av andres kompetanse. På nettet, mange mennesker er bare altfor glad for å kunne tilby sine råd - ofte gratis! Følgende liste gir lenker til en rekke nettsteder som gir HTML kode tutorials, la deg dele bilder, og til og med hjelpe deg å realisere dine blogging ambisjoner, blant annet:

  • Blogging: Blogger og Wordpress
  • Nedlastinger: CNET og Tucows
  • HTML referanse: HTML Goodies
  • Deling av musikk: MySpace
  • Deling av bilder: Flickr
  • Videodeling: YouTube
  • Paid Web verktøy: CoffeeCup

Vanlige HTML-tagger for å lage websider

Hvis du lager websider, kan du ikke rømme ved hjelp av HTML, og virkelig, hvorfor ville du vil? Web språk overs dine strålende ideer til å engasjere websider. Listene her tilbyr de grunnleggende HTML-kodene som brukes oftest i formatering websider, inkludert lenker til andre websider, sette inn bilder på siden din, og lage tabeller.

Formatering av tekst

Du må overskrifter for å organisere din webside, ulike typer av typen å legge vekt, og lister for å holde ting interessant. Disse kodene kan hjelpe deg å formatere dem alle:

  • Overskrifter: <h1> Top overskriften </ h1>, <h2> Neste nivå overskriften </ h2> ... <h6> Laveste overskrift </ h6>
  • Fet: <b> tekst </ b>
  • Kursiv: <i> tekst </ i>
  • Avsnitt: <p> En tekstavsnitt </ p>
  • Punktliste: <ul> <li> Første punkt på listen </ li> <li> Second listepunkt </ li> </ ul>
  • Nummerert liste: <ol> <li> Element # 1 </ li> <li> Element # 2 </ li> </ ol>

Sette inn lenker

Nettsider er ment å linke til andre nettsteder og være knyttet til dem. Disse HTML-koder er de du trenger for å koble i eteren:

  • Lenker til eksterne websider: <a href="http://www."> The ... For Dummies websiden </a>
  • Koblinger innenfor et webområde, samme katalog: <a href="myres.htm"> Min CV </a>
  • Koblinger innenfor en side: <a href="#nextline"> Hopp </a> til neste linje. Her er neste <a name="nextline"> </a> linje.

Grafikk og multimedia

Du vil ha grafikk og multimedia på websiden for å legge visuell interesse. Disse HTML-kodene viser hvordan å inkludere visuelle:

  • Bilder og stillbilder: <img src = "myphoto.jpg" ALT = "Mitt bilde!">
  • Bevegelige bilder: <embed src = "mymovie.mov">

Tegne tabeller

Sette opp bord betyr å sette en grense og lage HTML-tagger for hver rad og celle:

  • Begynn bord med en-pixel grensen: <table border = "1">
  • Rader og celler: <tr> <td> First Row, First Cell </ td> <td> First Row, Second Cell </ td> </ tr>
    <Tr> <td >> Second Row, First Cell </ td> <td> Second Row, Second Cell </ td> </ tr>
  • Tabell slutt: </ table>

HTML enhetene for spesialtegn

Å sette inn spesialtegn på nettsidene du oppretter, bruker du escape-sekvenser eller enhet referanser, som begge er vist i tabellen her. Test dine spesialtegn på flere aktuelle nettlesere for å sørge for at de viser konsekvent.

Karakter Escape Sequence Entity Reference
" " & Quot;
' '
$ $
¢ ¢ & Cent;
& Euro;
% %
° ° -Graders
÷ ÷ & Dele;
® ® & Reg;
© © & Copy;
& Trade;
< < & Lt;
> > & Gt;
@ @
& & & Amp;
à à & Agrave;
é é & Eacute;
ê ê & Ecirc;
ö ö & Ouml;