Topp 11 HTML-merker Hver Blogger og Website Owner må vite

Topp 11 HTML-merker Hver Blogger og Website Owner må vite / Wordpress og webutvikling

Verdensnett har mange språk og er kodet i flere forskjellige. Det ene språket, som imidlertid finnes over hele verden og har eksistert siden oppfinnelsen av nettsider, er HyperText Markup Language, bedre kjent som HTML. Som navnet antyder, er HTML ikke en programmering, men et oppslagsspråk. Markupene tolkes av nettlesere for å visualisere innhold på nettsteder. I sin enkleste form brukes HTML til å formatere tekst, legge inn mediefiler og organisere innhold på en nettside. Med andre ord, HTML beskriver nettsider og basert på denne beskrivelsen, oppretter nettleseren et "bilde".

Takket være gratis nettstedbyggere trenger ingen virkelig å rote med koding av HTML lenger. Imidlertid kan HTML-koder i enkelte tilfeller komme til nytte, for eksempel for å gjøre raske endringer på et nettsted, legge til hypertekst i en kommentar eller formatere tekst for et foruminnlegg. I denne artikkelen vil jeg vise deg noen, muligens tilfeldige, men definitivt nyttige og enkle koder for daglig bruk.

Før vi begynner, la meg introdusere deg til noen grunnleggende regler som forhåpentligvis gjør HTML-kodene enklere å forstå:

  • HTML bruker merketiketter, som er vedlagt i vinkelbeslag, slik som dette:
  • Etiketter som ser ut som i eksemplet ovenfor, kalles startetiketter. Hver startkode må etterfølges av en sluttkode på et tidspunkt, slik som dette:
  • Noen koder beskriver ikke innhold. For å være i samsvar med gjeldende standarder, må de likevel slutt. Følgelig forener de start- og slutt-taggen, slik som dette:

Formatering av tekst

HTML-koder er vanligvis enkle. Merkene for å lage tekst fet, kursiv eller understreket er hentet fra det respektive ordet.

inngang: modig
Utgang: fet

inngang: kursiv
Produksjon:
kursiv

inngang: understreket
Produksjon:
understreket

inngang: slå gjennom tekst
Produksjon:
slå gjennom tekst

Opprette hypertekst

Vanlige nettadresser kan se ganske stygg ut. Å legge til hyperkoblingen til en tekst, det vil si å lage en hypertekst, er mye mer stilig og vil spare plass, spesielt hvis linken er veldig lang.

inngang: Benytte seg av
Produksjon: Benytte seg av

Som du kan se denne HTML-taggen er litt mer komplisert, så la oss se på det i detalj. Selve taggen er og de ekstra elementene er attributter som angir ytterligere egenskaper. Attributtet href = angir lenken og title = definerer verktøyet for mus-over-verktøyet. Pass på at du bruker anførselstegn for å legge ved lenken og tittelen, ellers kan du ende opp med en ødelagt link.

Legge inn bilder

Et bilde kan si mer enn tusen ord. Vi burde bruke dem oftere. Og slik kan du manuelt sette inn en som bruker HTML:

inngang: ”smiley”
Produksjon:

La oss også analysere denne taggen. Igjen er selve taggen og de nødvendige egenskapene er src = og alt =. Den førstnevnte peker på plasseringen av bildet, det vil si nettadressen, og sistnevnte gir en alternativ tekst, som vises i tilfelle visning av bilder er blokkert eller lenken er ødelagt. Bruk igjen anførselstegn for å unngå ødelagte lenker.

De tag er også et eksempel på en tag som ikke trenger å bli "avsluttet" og dermed lukkes med fremdriftspanelet i den opprinnelige taggen, dvs.. heller enn .

Bryter og stykker

For å lage en strukturert tekst må du bruke linjeskift og avsnitt. Og disse er kodene du trenger å vite:

inngang:

Produksjon:
Denne taggen oppretter en linjeskift. Vær oppmerksom på at dette er en annen tagg som forener start og slutt tag i en.

inngang:

Tekst i avsnittet ditt.


Produksjon:
I motsetning til den forrige taggen har avsnittet tag en standard start- og sluttkode. Teksten mellom de to kodene er pakket inn i et avsnitt, noe som betyr at det er en tom linje før og etter.

lister

Det er i hovedsak to typer lister: bestilte og uordnede lister, bedre kjent som nummererte og punktliste lister. For å lage enten må du vite to forskjellige koder, men bare tre totalt. La oss se på eksemplene først:

inngang:


  1. Element 1

  2. Punkt to

Produksjon:

  1. Element 1
  2. Punkt to

inngang:


  • Element 1

  • Punkt to

Produksjon:

  • Element 1
  • Punkt to

For å opprette en bestilt liste, bruk taggen

    og for en uordnet liste, sett inn
      stikkord. I begge tilfeller er
    • tag brukes til å definere et element i listen.

      Nå som du har sett hvor enkelt og logisk HTML er, vil du kanskje gå utover det grunnleggende og lære litt mer. For flere HTML-tips, sjekk ut disse artiklene:

      • 5 trinn for å forstå grunnleggende HTML-kode 5 trinn for å forstå grunnleggende HTML-kode 5 trinn for å forstå grunnleggende HTML-kode Les mer
      • 5 HTML-tips for å lage en rask innlasting av gratis webside 5 HTML-tips for å lage en rask innlasting av gratis webside 5 HTML-tips for å lage en rask innlasting av gratis webområde Les mer
      • 7 Kule HTML-effekter som noen kan legge til deres hjemmeside 7 Kule HTML-effekter som noen kan legge til på deres hjemmeside 7 Kule HTML-effekter som noen kan legge til på deres nettside Ikke fortvil! Du trenger ikke å vite CSS eller PHP for å bygge et fancy nettsted. Noen gode gamle HTML og vite hvordan du kopierer og limer vil gjøre. Les mer

      Føler du deg litt mer trygg på å bruke HTML-koder nå? Hvis du har "håndkoding" rutinemessig før, hvilke merker tror du mangler?

      Bildekreditter: kentoh

      Utforsk mer om: Blogging, HTML, Programmering, Webutvikling.