Att göra en hemsida om dig med Visual Studio (HTML, CSS, JQUERY) (3 / 8 steg)
Steg 3: Skapa en hemsida om dig!
Nu ska vi skapa en hemsida om dig. Du kan göra detta genom att använda verktygslådan och sedan HTML-formulär eller gör det alla av koden. Jag kommer att göra det i koden nu eftersom det är lite mer avancerade. Gå nu till din lösningsutforskaren. Och högerklicka på projektnamnet på ditt. Välj alternativet Lägg till och klicka på Lägg till ny post. Efter det väljer du HtmlPage. Obs: Det finns inte en Design knapp för en HTML-sida men du kan fortfarande använda verktygslådan för det.
Så låt oss börja med att lägga The Style-Taggar
< style >< / stil >
inuti dessa taggar kan du lägga till css-kod. Du behöver inte tillägga något ännu. I title-taggen kan du lägga till en egen rubrik som
< title > min egen hemsida! < / title >
Min egen hemsida!
Inuti kroppen taggarna är där du lägga till knappar, text etc. Kan lägga till en bild om dig själv. Du kan göra detta genom att lägga till taggen img eller använda verktygslådan. för att definiera vilken bild du ska använda lägga till src = "[din länk här.]". Du måste också lägga till höjd och bredd. Din tagg bör se ut så här
< img src = "http://bit.ly/KYvaEA" höjd = "250" width = "250" >
Kan lägga till lite text genom att lägga till taggen
< p >< /p >
P står för punkt. Lägg bara till något inne i P -Taggar och du får text på din sida. Efter att vi har gjort detta lägga till denna kod
< input type = "email" platshållare = "Email" >< input type = "Skicka" >
Denna kod kommer att lägga till en text fält som har en platshållare för e-post och en knapp där står lämna på ditt eget språk.
När du har gjort allt korrekt bör du få denna webbsida när du klickar på den gröna play-knappen. (Titta på den sista bilden).
Som du ser det bara behöver lite stil. och det är där vi kommer att använda css för.
Trevliga här är det för html. Bara lägga css nu :)