Spesielle HTML-effekter for nettsider

Spesielle HTML-effekter for nettsider


Hyper Text Markup Language (HTML) er et språk som brukes i web-side design. Selv om det er et enkelt språk websidene dine trenger ikke å være enkelt. Bruk noen av de spesielle effekter fra listen for å forbedre nettsiden.

Hver HTML kommando eller effekt har en start tag og en slutt tag. En start tag ser ut <HTML> og en slutt tag ser ut som start tag, men har en skråstrek foran tag </ HTML>. Nedenfor er den grunnleggende koden som trengs for å sette opp en nettside ved hjelp av HTML. Alle de morsomme ting går mellom start- og slutt <BODY> koder.

<HTML>

&lt;Head>
&lt;Title>Will display your web page name &lt;/Title>
&lt;/Head>
&lt;Body>
This is where you design your page.
&lt;/Body>

</ HTML>

For å teste den nye HTML-kode, kopiere HTML-koden ovenfra og lim det inn i notepad. Sett inn den nye koden mellom body-kodene. Lagre den nye koden som en HTML-fil (file_name.HTML). Deretter åpner den nye filen i nettleservinduet for å se den nye koden.

Bakgrunnsfarge og lyd

Bruk bakgrunnsfarge lappen for å gi siden din litt farge. Fargen signal legges til <Body> tag.
<HTML>
<HEAD>
<Tittel> Vil vise websidenavn </ title>
</ HEAD>
<Body bgcolor = "# 0000FF">
Color # 0000FF er definert som en heksadesimal verdi. Den faktiske fargeverdiene kan finnes over hele nettet.

Du kan også legge til lyd til siden din ved hjelp av bakgrunnslyd tag.
<Bgsound LOOP = "2>
Bgsound src er navnet og stedet for musikkfilen. Loop er antall ganger som du vil at lyden skal spilles. Hvis du lar sløyfe egenskap av lyden vil sløyfe nonstop.

Sette opp tekst

Det er mange forskjellige måter å sette opp teksten på nettsiden. En enkel måte å gjøre teksten skiller seg ut er å bruke overskriften koder. Den <h1> -taggen har den største overskriften størrelse, mens <h6> tag er den minste.
<H1> Overskrift 1 </ h1>
<H2> Overskrift 2 </ h2>
<H3> Overskrift 3 </ h3>
<H4> Overskrift 4 </ h4>
<H5> Overskrift 5 </ h5>
<H6> Overskrift 6 </ h6>

For å skille tekst med en horisontal linje, bruker du <hr> tag.
<Hr width = 50% "color =" 0000FF "size =" 8 "> </ hr>
Bredden er hvor langt over siden linjen skal utvide. Utgangspunktet er sentrert på siden og vil strekke seg over 50% av siden.

For å gjøre teksten kursiv bruk <em> tag.
<Em> Dette er vektlagt tag </ em>
Du kan også bruke <i> tekst </ i>

For å gjøre teksten fet bruk <strong> tag.
<Strong> Dette er den sterke tag </ strong>.
Du kan også bruke <bold> tekst </ bold>.

For å gjøre teksten virkelig skiller seg ut
<Em> <strong> Tekst som er kursiv og fet <strong> <em>

marquee rulling

For å rulle teksten over nettsiden. Bruk <marquee> tag.
<Marquee>
Hei verden
</ Marquee>
Dette vil bla Hello World over nettsiden. Standardrulleretning er høyre mot venstre. Slik endrer rulleretning bruk <Marquee Direction = Right>.

Andre funksjoner

For å plassere et bilde på din side bruke web <img src> eller bildekilde.
<Img alt = "dette er hva som vises når du beveger musen over bildet" align = høyre>. Dette vil plassere bildet på høyre side av nettsiden.

Bruk <href> -koden til å legge en link til deg nettside.
<A Href="www. some_new_webpage.html"> Dette er den understrekede teksten at bruken vil klikke. </A>

Det finnes to typer liste som kan legges til nettstedet, sorterte liste og bestilte lister.
En sorterte liste er punktliste. Bruk <ul> tag for å lage listen.
<Ul>
<Lh> Dette er tittelen på listen </ lh>
<Li> Dette er din første linje i listen </ li>
<Li> Dette er den andre linjen i listen </ li>
</ Ul>

En ordnet liste lar deg vise elementer i en sekvens som 1,2,3 eller a, b, c. Bruk <ol> tag for å lage en sortert liste. Attributtet Type, kan du definere sekvensering av listen. I dette eksempelet listen vil bli lettered med store bokstaver som starter på A. Du kan også velge mellom en nedre tilfellet en og nummer 1 eller for romertall, kan du bruke jeg eller jeg. Standardverdien er et tall liste starter på en.
<Ol type = A>

&lt;lh>Why my web page is great!!!&lt;lh>
&lt;li> Reason number 1&lt;/li>
&lt;li> Reason number 2&lt;/li>

</ Ol>