Conas íomhá a lárú i HTML

Údar: Mark Sanchez
Dáta An Chruthaithe: 6 Eanáir 2021
An Dáta Nuashonraithe: 1 Iúil 2024
Anonim
Conas íomhá a lárú i HTML - Cumann
Conas íomhá a lárú i HTML - Cumann

Ábhar

Tréith ailíniú tag html> tá sé dímheasúil ó HTML5. Cé go n-oibríonn an tréith seo fós i bhformhór na mbrabhsálaithe gréasáin, moltar duit íomhánna a ailíniú ag baint úsáide as Stílbhileoga Cascáideacha (CSS). San Airteagal seo, táimid chun a thaispeáint duit conas íomhánna a lárú ag úsáid CSS agus an chlib dímheasa. ailíniú.

Céimeanna

Modh 1 de 2: CSS (Molta)

  1. 1 Cuir cód HTML leis an íomhá. Úsáidfidh tú stílbhileoga cascáideacha (CSS) chun an íomhá a ailíniú, ach beidh ort í a chur ar an leathanach ag úsáid HTML. Seo a leanas sampla den chlib a úsáid img> chun íomhá a chur isteach i do chód:

    img src = "dog.webp" alt = "seo pictiúr de mhadra">

    • In ionad madra.webp cuir ainm an chomhaid íomhá ina ionad, agus tar éis an "alt" cuir isteach an tuairisc ar an íomhá. Brí lár i gcás nach n-athraíonn "aicme", toisc go gcruthóidh tú rang CSS leis an ainm sin.
  2. 2 Faigh an cód CSS. Má tá comhad CSS ar leithligh ag do shuíomh, oscail é. Mura bhfuil, is dóichí go mbeidh an CSS ag barr an chomhaid HTML, taobh istigh de na clibeanna ceann>... Scrollaigh go barr an chomhaid chun clibeanna a fháil stíl> / stíl>.
    • Más clibeanna stíl> / stíl> níl, cuir leo iad. Léigh an t-alt seo chun tuilleadh faisnéise a fháil.
  3. 3 Cuir CSS leis chun an íomhá a ailíniú. In ionad "50%", is féidir leat luach difriúil a iontráil chun go mbeidh an íomhá le feiceáil ar an leathanach. Ní bheidh tú in ann an íomhá a lárú le luach "100%", mar sin ba chóir go mbeadh an uimhir seo difriúil.

    .center {taispeáint: bloc; corrlach-chlé: uathoibríoch; corrlach-dheis: uathoibríoch; leithead: 50%; }

  4. 4 Sábháil do chuid athruithe. Sábháil an comhad HTML agus an comhad CSS (más ann dóibh). Cuirfidh sé seo lár na híomhá.
    • Clibeanna taobh istigh freisin img> féidir cur chun íomhánna eile a lárú.

Modh 2 de 2: An tréith "ailínithe" i HTML

  1. 1 Cruthaigh mír nua. Cé nár léiríodh an modh seo chun íomhánna a lárú, oibríonn sé fós i go leor brabhsálaithe. Mar sin féin, molaimid CSS a úsáid chun an suíomh a choinneáil feidhmiúil nuair a stopann brabhsálaithe tacú leis an tréith shonraithe. Cuimhnigh go bhfuil an tréith ailíniú ní lárnóidh sé an pictiúr ach taobh istigh den eilimint atá timpeall air (mar shampla, clibeanna istigh p> / p>div> / div>). Mar shampla, sa chomhad HTML, cruthóimid mír nua trí chur leis p> ar líne ar leithligh.
  2. 2 Cuir cód HTML leis an íomhá. Iontráil an cód seo a leanas tar éis an chlib p>... Úsáid an sampla seo mar threoir:

    p> img src = "dog.webp" alt = "picture" align = "lár">

    • In ionad madra.webp cuir ainm an chomhaid íomhá ina ionad, agus tar éis an "alt" cuir isteach an tuairisc ar an íomhá.
    • Insíonn an tréith lár don bhrabhsálaí an pictiúr a thaispeáint i lár an leathanaigh.
  3. 3 Dún an chlib mír. Chun seo a dhéanamh, cuir / p> tar éis an chlib pictiúr. Ba cheart go bhféachfadh an cód críochnaithe rud éigin mar seo:

    p> img src = "dog.webp" alt = "picture" align = "lár"> / p>

  4. 4 Sábháil do chuid athruithe. Cuirfidh sé seo lár na híomhá.