Hjem Personlig finansiering Identificere HTML-elementer - dummier

Identificere HTML-elementer - dummier

Indholdsfortegnelse:

Video: Your body language may shape who you are | Amy Cuddy 2024

Video: Your body language may shape who you are | Amy Cuddy 2024
Anonim

HTML bruger specialtekstordninger kaldet elementer til at strukturere og style et websted. Browser genkender et element og anvender dets effekt, hvis følgende tre betingelser eksisterer:

  • Elementet er et bogstav, et ord eller en sætning med særlig betydning. For eksempel er h1 et element genkendt af browseren til at anvende en header-effekt med fed tekst og en forstørret skriftstørrelse.

  • Elementet er vedlagt en venstre vinkelbeslag (<) og vinkelret armatur (>). Et element, der er lukket på denne måde, hedder et tag (som for eksempel

    ).

  • En åbningstag () efterfølges af et afsluttende mærke (). Bemærk, at den afsluttende tag adskiller sig fra åbningstaggen ved at tilføje et fremadrettet skråstreg efter den første venstre beslag og før elementet (som for eksempel ).

    Nogle HTML-tags er selvlukkende og behøver ikke separate lukkekoder, kun en skråstreg i åbningstaggen.

Når alle tre betingelser er opfyldt, er teksten mellem åbnings- og lukkekoderne stylet med tagens definerede effekt. Hvis selv en af ​​disse betingelser ikke er opfyldt, viser browseren blot almindelig tekst.

Dette er en stor overskrift med alle tre betingelser.


h1 Dette er tekst uden tegnet omkring tag / h1 Dette er tekst med et tag, der ikke har nogen betydning for browseren. Dette er almindelig tekst

Du kan se, hvordan en browser vil vise denne kode her.

Browseren anvender en header-effekt til "Dette er en stor overskrift med alle tre betingelser", fordi h1 er en header-tag og alle tre betingelser for et gyldigt HTML-tag eksisterer:

Browseren genkender h1-elementet.

  • H1-elementet er omgivet af en venstre (<) og højre vinkelbeslag (>).

  • Åbningsetiketten (

  • ) efterfølges af tekst og derefter en lukkerkode (

    ).

    Bemærk, hvordan selve tagget selv ikke vises i overskriften. Browseren vil aldrig vise den faktiske tekst af et element i et korrekt formateret HTML-tag.

De resterende linjer med kode vises som almindelig tekst, fordi de hver mangler en af ​​betingelserne. På den anden linje af kode mangler

-taggen venstre og højre parentes, hvilket overtræder den anden betingelse.

Den tredje kode kode bryder den første betingelse, fordi rockstar ikke er et anerkendt HTML-element. Endelig vises den fjerde linie kode som almindelig tekst, fordi den ikke har åbningsmærke foran teksten, og ingen lukkerkode efter teksten, hvilket overtræder den tredje betingelse.

Alle venstre vinkelbeslag skal følges efter elementet med en retvinkelbeslag. Hertil kommer, at hver åbning HTML-tag skal følges med et lukkende HTML-tag. Der findes over 100 HTML-elementer.

HTML er et tilgivende sprog og kan korrekt anvende en effekt, selvom du mangler koden, som en lukningstabel. Men hvis du går i for mange fejl, vises din side ikke korrekt.

Identificere HTML-elementer - dummier

Valg af editor

Fuld redigeringsfunktion i Photoshop Elements 10 - dummies

Fuld redigeringsfunktion i Photoshop Elements 10 - dummies

Fuld fotoredigeringsfunktion tilbyder bundter af værktøjer, som du kan bruge at redigere dine billeder, fra korrektionsværktøjer til fastsættelse af farve og klarhed til filtre, lag og meget mere for at ændre eksisterende fotos eller skabe helt originale billeder fra bunden. Men alle disse værktøjer gør også Komplet fotoredigeringstilstand kompleks. Du kan flytte ind i ...

Generelle blandingsformer i Photoshop Elements - dummies

Generelle blandingsformer i Photoshop Elements - dummies

Elementer spænder over 25 blandingstilstande. Blend modes påvirker hvordan farver interagerer mellem lag og også hvordan farver interagerer, når du anvender maling på et lag. Ikke alene gør blandingstilstande interessante effekter, men du kan også nemt anvende, redigere eller fjerne blandingsfunktioner uden at røre dine billedpixel. De forskellige blandingstilstande ...

Geometriske formindstillinger i Photoshop Elements - dummies

Geometriske formindstillinger i Photoshop Elements - dummies

Geometriindstillinger hjælpe med at definere, hvordan dine figurer ser ud. Klik på nedpegepilen i værktøjsindstillingerne i Elements for at få adgang til de geometriske indstillinger, der beskrives i det følgende. Rektangulære og afrundede rektangel geometriske indstillinger Her er geometriske indstillinger for rektangel og afrundede rektangelformer: Ubegrænset: Giver dig mulighed for at få fri tøj til at tegne en ...

Valg af editor

Sådan bygger du tabeller i HTML5 - dummies

Sådan bygger du tabeller i HTML5 - dummies

Sommetider indeholder din webside data bedst fremlagt i et bord . Du kan bruge HTML5's komplette bordsystem til at oprette tabeller som den i dette eksempel: Den grundlæggende struktur i et bord i HTML-format er rimeligt let at forstå; Tjek koden, der oprettede tabellen i eksemplet:

Hvordan man ændrer gentagne baggrunde på CSS3-steder - dummier

Hvordan man ændrer gentagne baggrunde på CSS3-steder - dummier

Der er situationer, hvor man kun vil en enkelt kopi af et baggrundsbillede på dit CSS3-websted. Det kan være, at billedet du har brugt er noget, der ikke gentager sig godt eller er stort nok til, at du virkelig ikke vil have det gentaget. Følgende procedure viser en teknik, du kan bruge til at fortælle ...

Hvordan man opbygger en webside skabelon fra scratch-dummies

Hvordan man opbygger en webside skabelon fra scratch-dummies

Standardværktøjet på tværs af digitalt agenturer og interne afdelinger til opbygning af website grafik er Adobe Photoshop. Selvom fyrværkeri er optimeret og målrettet til at producere web-grafiske kildefiler, er det bare ikke fanget, sandsynligvis på grund af den massive genoplæringsindsats ville det medføre, at hele afdelinger gør omskifteren. At oprette et nyt ...

Valg af editor

Sådan godkendes medlemmer til din LinkedIn Group - dummier

Sådan godkendes medlemmer til din LinkedIn Group - dummier

Som flere og flere mennesker finder ud af din ny LinkedIn-gruppe, og som medlemmer begynder at deltage, kan du opleve, at nogle af de personer, der har klikket på linket for at deltage, ikke er på din forhåndsgodkendte liste. Måske er de mennesker, du ikke har forstået var på LinkedIn, eller du var ikke klar over, at de var gyldige grupper ...

Hvordan man tilføjer billeder til kroppen i din LinkedIn-profil til Visual Social Marketing - dummies

Hvordan man tilføjer billeder til kroppen i din LinkedIn-profil til Visual Social Marketing - dummies

Ud over et profilbillede giver LinkedIn brugere mulighed for at forbedre de visuelle sociale markedsføringselementer i deres profiler ved at tilføje billeder til deres profilprofil. Du kan tilføje billeder til ethvert afsnit i din LinkedIn-profil. Tilføjelse af billeder til din profil kan hjælpe dig med at fortælle din historie visuelt og ...

Sådan tilføjer du en virksomhedsside til LinkedIn - dummies

Sådan tilføjer du en virksomhedsside til LinkedIn - dummies

, Når du har opfyldt kravene til oprettelse en virksomhedsside på LinkedIn, er det tid til at komme i gang ved at tilføje selskabets side til Linkedins system. For at oprette din virksomhedsside skal du blot følge disse trin: