Conas líne chothrománach a chur le HTML

Údar: Virginia Floyd
Dáta An Chruthaithe: 14 Lúnasa 2021
An Dáta Nuashonraithe: 1 Iúil 2024
Anonim
Conas líne chothrománach a chur le HTML - Cumann
Conas líne chothrománach a chur le HTML - Cumann

Ábhar

Taispeánfaidh an t-alt seo duit conas líne chothrománach a chur leis i HTML. Is féidir an líne chothrománach a úsáid chun ábhar ar an láithreán a scaradh. Tá an cód chun an líne a chruthú simplí go leor. In HTML 4.01, áfach, is féidir dearadh líne a athrú trí orduithe inmheánacha a úsáid. I HTML5, beidh ort CSS a úsáid chun an líne a stíliú.

Céimeanna

Modh 1 de 2: Ag obair i HTML 4.01

  1. 1 Oscail doiciméad HTML atá ann cheana nó cruthaigh é. Is féidir cáipéisí HTML a chur in eagar le heagarthóir téacs mar Notepad nó le heagarthóir cód speisialaithe mar Adobe Dreamweaver. Lean na céimeanna seo chun doiciméad HTML a oscailt sa chlár is rogha leat:
    • Oscail Notepad nó eagarthóir téacs / cód eile.
    • Oscail an roghchlár Comhad.
    • Cliceáil ar Oscail.
    • Roghnaigh an comhad HTML.
    • Cliceáil ar Oscail
  2. 2 Roghnaigh an áit inar mian leat an líne a chur isteach. Scrollaigh síos go dtí go bhfaighidh tú an líne os a chionn ar chóir an líne a thaispeáint, agus ansin bog an cúrsóir go díreach go dtí tús na líne sin trí chliceáil ar an taobh clé den líne sin.
  3. 3 Cuir líne folamh leis. Beartaíonn dúbailte ↵ Iontráilchun an téacs a bhogadh síos ar mhaith leat líne a chur isteach ann, agus ansin an cúrsóir a chur ar líne fholamh.
  4. 4 Cuir hr> tag leis. Iontráil hr> go dtí an spás bán ag tús na líne. Clib hr> ligeann duit líne chothrománach a tharraingt trasna an leathanaigh iomláin.
  5. 5 Bog an cúrsóir tar éis an chlib "hr" go líne nua trí bhrú ↵ Iontráil. Anois an chlib hr> ba chóir go mbeadh sé ar líne ar leithligh.
  6. 6 Cuir tréithe leis an líne chothrománach (roghnach). Cuir tréithe leis mar fhad, tiús, dath agus ailíniú. Cuir iad isteach i braces chatach díreach tar éis an "hr". Chun tréithe iolracha a chur leis, déan spás a dheighilt óna chéile.
    • Iontráil hr size = "#">chun tiús na líne a athrú. Cuir luach tiús uimhriúil in ionad "#" (mar shampla, méid = "10").
    • Iontráil hr width = "#">chun leithead na líne a athrú. Cuir líon na bpicteilíní nó céatadán de leithead an leathanaigh in ionad "#" (mar shampla, width = "200" nó width = "75%").
    • Iontráil hr color = "#">chun dath na líne a athrú. Cuir "#" in ionad ainm an dath nó a chód heicsidheachúlach (mar shampla, dath = "dearg" nó dath = "# FF0000").
    • Iontráil hr align = "#">chun an líne a ailíniú. Cuir “ar dheis” (ar dheis), “ar chlé” (ar chlé), nó “lár” (lár) (mar shampla, in ionad "#" hr width = "50%" ailíniú = "lár">).
  7. 7 Sábháil an comhad HTML. Chun comhad téacs a shábháil mar dhoiciméad HTML, ní mór duit an síneadh comhaid (.txt, .docx) a athrú go ".html". Lean na céimeanna seo chun do dhoiciméad HTML a shábháil:
    • Oscail an roghchlár Comhad.
    • Cliceáil ar Sábháil mar.
    • Iontráil ainm don chomhad sa réimse Ainm Comhad.
    • Cuir leis .html tar éis ainm an chomhaid.
    • Cliceáil ar Sábháil.
  8. 8 Seiceáil do dhoiciméad HTML. Chun an comhad HTML a sheiceáil, cliceáil ar dheis air agus roghnaigh Open With. Ansin roghnaigh do bhrabhsálaí gréasáin. Ba chóir go mbeadh líne sholadach le feiceáil nuair a chuir tú an chlib “hr” isteach. Féachfaidh an cód HTML rud éigin mar seo:

      ! DOCTYPE html> html> body> h1> Ceannteideal / h1> hr size = "6" width = "50%" align = "left" color = "green"> p1> Ba chóir an líne seo a scaradh ón gceannteideal le líne . / P1> / comhlacht> / html>

Modh 2 de 2: Ag obair i CSS / HTML5

  1. 1 Oscail doiciméad HTML atá ann cheana nó cruthaigh é. Is féidir cáipéisí HTML a chur in eagar le heagarthóir téacs mar Notepad nó le heagarthóir cód speisialaithe mar Adobe Dreamweaver. Lean na céimeanna seo chun doiciméad HTML a oscailt sa chlár is rogha leat:
    • Oscail Notepad nó eagarthóir téacs / cód eile.
    • Oscail an roghchlár Comhad.
    • Cliceáil ar Oscail.
    • Roghnaigh an comhad HTML.
    • Cliceáil ar Oscail
  2. 2 Cuir teideal le do dhoiciméad HTML. Mura bhfuil ceannteideal ag do dhoiciméad HTML cheana féin, lean na céimeanna seo chun ceann a chur leis. Caithfidh an ceannteideal dul i ndiaidh na clibe html> agus roimh chlib an choirp.
    • Iontráil ceann> ag barr an doiciméid.
    • Beartaíonn dúbailte ↵ Iontráilchun dhá líne nua a chur leis.
    • Iontráil / ceann>chun an teideal a dhúnadh.
  3. 3 Iontráil style type = "text / css"> taobh istigh den cheanntásc. Cuirtear an chlib stíl idir an dá chlib ceannteidil chun áit a chruthú inar féidir leat CSS a úsáid chun an dearadh HTML a mhodhnú.
    • Nó is féidir leat stílbhileog sheachtrach a úsáid. Léigh an t-alt “Conas comhad CSS a chur isteach i HTML»Chun foghlaim conas comhad CSS seachtrach a nascadh le comhad HTML.
  4. 4 Iontráil hr {. Is é seo an chlib CSS chun an líne chothrománach a stíliú. Cuir é tar éis an chlib "stíl" i do cheanntásc nó i gcomhad CSS seachtrach.
  5. 5 Cuir stíleanna CSS leis an gclib hr>. Caithfidh siad teacht i ndiaidh na clibe "hr {". Is féidir líne chothrománach a stíleáil ar bhealaí éagsúla. Seo thíos cúpla ceann acu.
    • Iontráil leithead: ## px;chun leithead na líne a choigeartú. Cuir leithead na líne i bpicteilíní in ionad "##". In ionad picteilíní (px), is féidir leat céatadán (%) a úsáid.
    • Iontráil airde: ## px;chun an meáchan líne a choigeartú. Cuir leithead na líne i bpicteilíní in ionad "##".
    • Iontráil dath cúlra: ##;chun dath na líne a shonrú. Cuir ainm datha nó hash (#) in ionad “##” agus cód datha heicsidheachúlach ina dhiaidh.
    • Iontráil corrlach-dheis: ## px;chun líon na bpicteilíní ón imeall ceart a shonrú. Cuir uimhir uimhriúil picteilín nó an cód "uathoibríoch" in ionad "##". Iontráil "uathoibríoch" chun an líne a ailíniú ar chlé nó ar lár.
    • Iontráil corrlach ar chlé: ## px;chun líon na bpicteilíní ón imeall clé a shonrú. Cuir uimhir uimhriúil picteilín nó an cód "uathoibríoch" in ionad "##". Iontráil "uathoibríoch" chun an líne a ailíniú ar dheis nó ar lár.
    • Iontráil barr-barr: ## px; chun an stuáil barr don líne a shonrú. Cuir uimhir a fhreagraíonn don stuáil i bpicteilíní in ionad "##".
    • Iontráil corrlach-bun: ## px;chun an stuáil bun don líne a shonrú. Cuir uimhir a fhreagraíonn don stuáil i bpicteilíní in ionad "##".
    • Iontráil leithead na teorann: ## px;chun bosca a tharraingt timpeall na líne (roghnach). Cuir uimhir a fhreagraíonn do leithead na teorann i bpicteilíní in ionad "##".
    • Iontráil dath teorann: ##;chun dath na teorann (roghnach) a shonrú. Cuir ainm datha nó hash (#) in ionad “##” agus cód datha heicsidheachúlach ina dhiaidh.
  6. 6 Iontráil } tar éis na tréithe stíle chun an stíliú don chlib hr> a chríochnú.
  7. 7 Iontráil hr> áit ar bith i gcorp an doiciméid HTML chun líne chothrománach a chur leis. Cuirfear socruithe stíl CSS i bhfeidhm gach uair a úsáideann tú an chlib hr> i do dhoiciméad HTML. Ba chóir go bhféachfadh do chód rud éigin mar seo:

      ! DOCTYPE html> html> head> style type = "text / css"> hr {width: 50%; airde: 20px; dath cúlra: dearg; corrlach-dheis: uathoibríoch; corrlach-chlé: uathoibríoch; barr-imeall: 5px; corrlach-bun: 5px; leithead teorann: 2px; dath teorann: glas; } / stíl> / ceann> corp> h1> Ceannteideal / h1> hr> p1> Ba chóir an líne seo a scaradh ón gceannteideal le líne chothrománach / p1> / comhlacht> / html>