Luo laatikko, joka sisältää tekstilohkon HTML: n avulla.
HyperText Markup Language (HTML) on kieli, jota käytetään yleisimmin luomaan verkkosivujen rakenne ja sisältö. HTML sisältää laajan valikoiman elementtejä, joiden avulla käyttäjät voivat luoda linkkejä, kuvia, kappaleita, otsikoita ja paljon muuta. Nämä elementit lisätään sivulle käyttämällä tiettyjä merkkijoukkoja, joita kutsutaan tunnisteiksi. Kun ymmärrät tarvittavien elementtien ja tunnisteiden yhdistelmän, laatikon ympäröimän tekstilohkon luominen HTML-kielessä on nopea tehtävä.
Vaihe 1
Avaa muokattava verkkosivu ja tarkastele sen HTML-koodia. Jos käytät tekstieditoria, avaa sivusi ohjelmassa ja vieritä alaspäin, kunnes saavutat sivun osan, jossa laatikko ja teksti näkyvät. Jos käytät visuaalista verkkosivustoohjelmaa, kuten Microsoft Expression Web tai Adobe Dreamweaver, avaa sivusi ja napsauta sitten aluetta, johon haluat lisätä laatikon ja tekstin. Muuta sen jälkeen katselutilaksi "Koodinäkymä", jotta näet sivun toimintaa ohjaavan HTML-koodin.
Päivän video
Vaihe 2
Paina "Enter"-näppäintä luodaksesi tyhjän rivin HTML-koodiisi.
Vaihe 3
Kopioi ja liitä seuraavat kolme koodiriviä edellisessä vaiheessa luodulle tyhjälle riville:
Kappaleteksti tulee tänne
Vaihe 4
Säädä edellisessä vaiheessa lisäämäsi koodin parametreja tarpeen mukaan. Muuta leveyttä, reunuksen kokoa, reunuksen tyyliä ja väriä muuttamalla koodin ensimmäisellä rivillä olevia arvoja "500px", "2px", "solid" ja "black". Muuta tekstiä ympäröivän tilan määrää muokkaamalla "10px"-arvoa koodin toisella rivillä. Muokkaa avauksen välissä olevaa tekstiä "
"ja sulkeminen"
" -tunnisteet sivusi tarpeiden mukaan.Vaihe 5
Tallenna sivu ja avaa se verkkoselaimessa. Kahdessa edellisessä vaiheessa lisäämäsi ja muokkaamasi koodi lisää 500 pikseliä leveän laatikon, jossa on musta reunus ja joka ympäröi kappaletekstilohkoa.
