Hvordan lage din egen Mobile Web Meny

Hvis du allerede har tilgang til en fil vertstjeneste eller webserver, kan du lage en enkel HTML-fil for å vise en mobil Internett-menyen. Du kan nå dette Web-menyen når som helst fra hvilken som helst bærbar enhet som har en trådløs Internett-tilkobling. Lage din egen mobil web-menyen lar deg legge til dine mest besøkte nettstedene til menyen liste. Det gjør dine favorittsider ett klikk eller en berøring unna. Du trenger bare minimal HTML programmering og CSS styling erfaring til å lage din første mobile Internett-menyen.

Bruksanvisning

1 Åpne et tekstredigeringsprogram som Notisblokk eller WordPad.

2 Begynn å lage din HTML-fil, sette inn <html> -taggen på den øverste linjen.

3 Type <head> på den andre linjen.

4 Gi HTML-dokumentet en tittel, sette inn <title> Simple Web Meny </ title> på den tredje linjen.

5 Sett de mobile egenskaper. Kopier og lim inn denne koden til fjerde linje:

<Meta content = "minste-skala = 1,0, width = enhetsbredde, maksimal skala = 0,6667, bruker skalerbar = no" name = "view" />

6 Style meny. Du kan velge skriftfarge, skriftstørrelse, linjehøyde og tekstjustering som passer best til dine preferanser. Bruk denne prøven CSS styling som utgangspunkt:

<Style type = "text / css">
ul {list-style: none; padding: 0; margin: 0; text-align: center;}
li {font-color: blue; font-size: 24px; line-height: 200%;}
</ Style>

Denne koden skal gå rett under <meta> -taggen.

7 Lukk hodeseksjon ved å sette inn </ head> under den interne CSS styling.

8 Type <body> på linjen under </ head> -taggen.

9 Lag din meny. Dette krever typing <ul> først, deretter individuelt sette inn hver linje med <li> tag. Kopier og lim inn denne prøven menyen, deretter redigere å inkludere dine egne nettside linker:

<Ul>
<Li> <a href="Google&lt;/a> & lt; / li "rel =" nofollow "target =" _blank "> http: //google.com&quot;> Google & lt; / a> & lt; / li>
<Li> <a href="Bing&lt;/a> & lt; / li "rel =" nofollow "target =" _blank "> http: //bing.com&quot;> Bing & lt; / a> & lt; / li>
<Li> <a href="Yahoo!&lt;/a> & lt; / li "rel =" nofollow "target =" _blank "> http: //yahoo.com&quot;> Yahoo & lt; / a> & lt; / li>
</ Ul>

10 Sørg for at hvert element er lukket med en </ li> tag og menyen er lukket med en </ ul> tag.

11 Lukk kroppen delen ved å skrive </ body>, og lukk web-dokument ved å skrive </ html> på den siste linjen.

12 Lagre og laste opp HTML-dokument til fil fiendtlig sted eller webserver.