HTML-tekstin muotoilu

HTML voi määritellä monia elementtejä, joita voidaan käyttää muotoiltuun ulostuloon, kuten lihavoitu ja kursiivinen teksti.

Tässä on paljon esimerkkejä, joita voit kokeilla itse:

HTML-muotoilun esimerkki

HTML-tekstin muotoilu
Tekstin muotoilu
Tämä esimerkki näyttää, miten muotoillaan tekstiä HTML-tiedostossa.
Pre-muotoiltu teksti
“Tietokoneen ulostulo”-tunniste
Tämä esimerkki näyttää eri 'tietokoneen ulostulon' merkkien näyttöefektit.
Osoite
Tämä esimerkki näyttää, miten kirjoittaa osoite HTML-tiedostoon.
Lyhenteet ja alkukirjainlyhenteet
Tämä esimerkki näyttää, miten toteutetaan lyhenteitä tai alkukirjainlyhenteitä.
Tekstin suunta
Tämä esimerkki näyttää, miten muutetaan tekstin suuntaa.
Lohkolainaus
Tämä esimerkki näyttää, miten toteutetaan eri pituisia lainauksia.
Poistettu teksti ja lisätty teksti
Tämä esimerkki näyttää, miten poistetaan teksti ja lisätään tekstiä.

Miten tarkastella HTML-lähdekoodia

Oletko koskaan kokenut tällaista kokemusta, kun näet erittäin hyvän sivuston ja haluat tietää, miten kehittäjä on toteuttanut sen?

Oletko nähnyt joitakin verkkosivuja ja halunnut tietää, miten ne on tehty?

Rehellisesti sanottuna, paljastaa verkkosivuston tekniset salaisuudet on todella yksinkertaista. Napsauta selaimen “Näytä”-valikkoon ja valitse “Näytä lähdekoodi”. Tämän jälkeen näet ikkunan, jossa on todellinen HTML-koodi.

Tekstimuotoilutunnisteet

Tunniste Kuvaus
<b> Määritä粗体文本.
<big> Määritä suuri teksti.
<em> Määritä korostettu teksti.
<i> Määritä kursiivit.
<small> Määritä pieni teksti.
<strong> Määritä korostus.
<sub> Määritä alataso.
<sup> Määritä ylätaso.
<ins> Määritä lisätty teksti.
<del> Määritä poistettu teksti.
<s> Ei suositeltu käyttöä.Käytä <del> korvikkeena.
<strike> Ei suositeltu käyttöä.Käytä <del> korvikkeena.
<u> Ei suositeltu käyttöä.Käytä tyylejä (style) korvikkeena.

“Tietokoneen ulostulo”-tunniste

Tunniste Kuvaus
<code> Määritä tietokonekoodi.
<kbd> Määritä näppäimistön koodi.
<samp> Määritä tietokonekoodin esimerkki.
<tt> Määritä kirjoituskoodi.
<var> Määritä muuttuja.
<pre> Määritä esityskoodi.
<listing> Ei suositeltu käyttöä.Käytä <pre> korvikkeena.
<plaintext> Ei suositeltu käyttöä.Käytä <pre> korvikkeena.
<xmp> Ei suositeltu käyttöä.Käytä <pre> korvikkeena.

Viittaukset, viittaukset ja termin määritelmät

Tunniste Kuvaus
<abbr> Määritä lyhenne.
<acronym> Määritä alkukirjainlyhenteet.
<address> Määritä osoite.
<bdo> Määritä tekstin suunta.
<blockquote> Määritä pitkä lainaus.
<q> Määritä lyhyt lainaus.
<cite> Määritä viittaus, viittaus ja termin määritelmä.
<dfn> Määritä määritelmäkohta.

Laajennuslukua:

Muuta tekstin ulkoasua ja merkitystä