Hoe om tekste en beelde in HTML te pas

Om iets in HTML te pas, vereis die toepaslike kodes die gebruik van die "Cascading style sheets" (CSS, vir sy akroniem in Engels). Maar nie alle webwerwe laat jou toe om die styl van velle te pas sodat jy die gedeeltes van jou web korrek kan inlyn. Vind uit hoe om iets in HTML te pas sodat dit vertoon word soos jy wil, selfs as jy nie `n stylblad by die webwerf kan voeg om dit te doen nie. Hierdie tegniek heet CSS "aligned".

conținut

Stappe
Metode 1
Metode 2
Wenke

stappe

Metode 1

Rig die teks met HTML

Prent getiteld Hersien Iets in HTML Stap 1

Omkring elke afdeling wat die belyning met die "div" kode verander het. Dit beteken dat jy die "div" -kode in die "minder as" en "groter as" -simbole moet byvoeg (<>) voor die eerste HTML-kode wat sy belyning sal verander, en voeg die "/ div" kode binne hierdie simbole na die laaste HTML-kode wat sy belyning sal verander.

Prent getiteld Hersien Iets in HTML Stap 2

Bepaal hoe u die belyning van die teks in die "div" -kode moet verander.

Prent getiteld Hersien Iets in HTML Stap 3

As u die teks aan die linkerkant moet koppel, verander die "div" kode sodat die volgende teks binne die simbole is "<> ": div style = `text-align: left`.

As jy die teks regs moet pas, verander die "div" kode na "div style = `text-align: regs" "tussen die simbole"<> "

As u die teks in die middel moet koppel, verander die "div" kode na "div style = `text-align: center` `tussen die simbole`<> "

As u die teks moet regverdig, verander die kode "div" na "div style = `text-align: regverdig` `tussen die simbole`<> "

Prent getiteld Hersien Iets in HTML Stap 4

Stoor jou veranderinge

Prent getiteld Hersien Iets in HTML Stap 5

Gaan die voorkoms van die inhoud na om seker te maak alles is in orde.

As dit nie werk nie, het die webwerf `n spesifieke kode in sy stylblad wat die "div" kode ongeldig maak. Om die stylblad van die webwerf te kanselleer, moet u die toepaslike weergawe van "style = `text-align: right`" in die openingskode van elke element voeg om sy belyning te verander. Byvoorbeeld, `n "p" kode sal word "p style = `text-align: regs" "tussen die simbole"<> "

Prent getiteld Hersien Iets in HTML Stap 6

Geniet dit om die teks in lyn te hou, presies soos jy dit wou hê.

Metode 2

Rig prente met HTML

Prent getiteld Hersien Iets in HTML Stap 7

Vind die HTML-kode vir die prent wat jy wil uitlyn.

Prent getiteld Hersien Iets in HTML Stap 8

Wysig die "img" -kode om die korrekte "float" -eiendom by te voeg.

As u die prentjie aan die linkerkant moet plaas, voeg "style = `float: left`" by die kode, soos in "img style = `float: left`" tussen die simbole "<> "

As u die prentjie regs geposisioneer wil hê, voeg "style =" float: right "" by die kode, soos in "img style = `float: right`" tussen die simbole "<> "

As jy die prentjie in die sentrum moet plaas, is die kode `n bietjie meer ingewikkeld. Daar is geen "float: center" eiendom, dan moet jy voeg "style =" align: center-text-align: center "die kode, soos in" img style = "align: center-text-align: center" , tussen die simbole "<> "

Prent getiteld Hersien Iets in HTML Stap 9

Stoor jou kode

Prent getiteld Hersien Iets in HTML Stap 10

Geniet die gerigte beelde.

wenke

Miskien het u gesien die kode "p align = `center`" (tussen <>) om die belyning van die teks te verander. Vermy dit omdat dit verouderd is, en dit is net `n kwessie van tyd voordat dit ophou om in die meeste blaaiers versoenbaar te wees.
Met die instruksies vir die aanpassing van beelde met HTML kan jy ook afdelings met HTML koppel. Omring die afdeling met die "div" kodes, soos in die instruksies oor hoe om teks met HTML te pas. Voeg die "float" -eiendom by die "div" -kode soos wat jy doen vir die "img" -kode in die aanwysings vir beeldbelyning.
As die kode nie die verandering korrek wys nie, is dit moontlik dat die webwerf `n filter geïnstalleer het om al die HTML-kodes ongeldig te maak. Dit is egter ook moontlik dat die kode `n semikolon, `n groot of klein simbool, `n kwotasie of enigiets anders ontbreek wat die kode nie werk nie. Kontroleer dit, om met sekerheid te weet of u die kodes korrek of nie toepas nie.

Deel op sosiale netwerke:

Verwante