Wéi ee Bild an HTML zentréieren

Auteur: Mark Sanchez
Denlaod Vun Der Kreatioun: 6 Januar 2021
Update Datum: 1 Juli 2024
Anonim
Things Mr. Welch is No Longer Allowed to do in a RPG #1-2450 Reading Compilation
Videospiller: Things Mr. Welch is No Longer Allowed to do in a RPG #1-2450 Reading Compilation

Inhalt

Attribut ausriichten tag html> gouf zënter HTML5 ofgebaut. Och wann dësen Attribut nach ëmmer an de meeschte Webbrowser funktionnéiert, ass et recommandéiert datt Dir Biller mat Cascading Style Sheets (CSS) ausriicht. An dësem Artikel wäerte mir Iech weisen wéi Dir Biller mat CSS an dem ofgebaute Tag zentréiere kënnt. ausriichten.

Schrëtt

Method 1 vun 2: CSS (recommandéiert)

  1. 1 Füügt HTML Code fir d'Bild. Dir benotzt kaskadéierend Stylblieder (CSS) fir d'Bild auszerechnen, awer Dir musst et op der Säit mat HTML setzen. Folgend ass e Beispill fir de Tag ze benotzen img> fir e Bild an Äre Code anzeginn:

    img src = "dog.webp" alt = "dëst ass e Bild vun engem Hond">

    • Amplaz vun Hond.webp ersetzt den Numm vun der Bilddatei, a gitt nom "alt" d'Beschreiwung vum Bild an. Sinn Zentrum fir "Klass" ännert sech net, well Dir wäert eng CSS Klass mat deem Numm erstellen.
  2. 2 Fannt den CSS Code. Wann Äre Site eng separat CSS Datei huet, öffnen se. Wann net, ass d'CSS héchstwahrscheinlech uewen an der HTML Datei, bannent den Tags Kapp>... Scrollt uewen an der Datei fir Tags ze fannen style> / style>.
    • Wann Tags style> / style> nee, füügt se derbäi. Liest dësen Artikel fir méi Informatioun.
  3. 3 Fügt CSS derbäigesat fir d'Bild auszerechnen. Amplaz vun "50%" kënnt Dir en anere Wäert aginn fir d'Bild op der Säit erschéngen ze loossen. Dir kënnt d'Bild net mam Wäert vun "100%" zentréieren, sou datt dës Zuel anescht sollt sinn.

    .center {Display: blockéieren; Rand-lénks: Auto; Rand-Recht: Auto; Breet: 50%; }

  4. 4 Späichert Är Ännerungen. Späichert d'HTML Datei an d'CSS Datei (wann iwwerhaapt). Dëst wäert d'Bild zentréieren.
    • Och bannen Tags img> ka bäisetzen fir aner Biller ze zentréieren.

Method 2 vun 2: Den "align" Attribut an HTML

  1. 1 Erstellt en neie Paragraf. Och wann dës Method fir Biller ze zentréieren ofgesat gouf, funktionnéiert et ëmmer nach a ville Browser. Wéi och ëmmer, mir empfeelen CSS ze benotzen fir de Site funktionell ze halen wann Browser ophale mat der spezifizéierter Attribut. Denkt drun datt d'Attribut ausriichten wäert d'Bild nëmmen am Element zentréieren dat et ëmginn (zum Beispill bannent Tags p> / p> oder div> / div>). Als Beispill, an der HTML Datei, kreéiere mir en neie Paragraf andeems Dir derbäigesat p> dir op enger separater Linn.
  2. 2 Füügt HTML Code fir d'Bild. Gitt de folgende Code nom Tag an p> dir... Benotzt dëst Beispill als Guide:

    p> img src = "dog.webp" alt = "Bild" align = "Mëtt">

    • Amplaz vun Hond.webp ersetzt den Numm vun der Bilddatei, a gitt nom "alt" d'Beschreiwung vum Bild an.
    • Déi mëttel Attribut seet dem Browser d'Bild am Zentrum vun der Säit ze weisen.
  3. 3 Zoumaachen de Paragraph Tag. Fir dëst ze maachen, add / p> dir nom Bild Tag. De fäerdege Code sollt sou ausgesinn:

    p> img src = "dog.webp" alt = "Bild" align = "Mëtt"> / p>

  4. 4 Späichert Är Ännerungen. Dëst wäert d'Bild zentréieren.