30 Wharangi Paetukutuku Maamaa Noa

tukutuku
Ko etahi o nga whaarangi rongonui he tino taumaha rawa ki nga korero, engari he pai ke ki ahau: ko nga mea ngawari.

Ae ra ko te kaiwhakaatu nui mo tenei roopu ko Google me tana whaarangi kaainga iti mai i te tiimata o tana haerenga. engari he maarama ehara koinei anake i runga i te Ipurangi te kaha ki te pupuri i nga mea ngawari.

Tauira whaarangi paetukutuku HTML ngawari

Kean richmond

Kean RichMond

Ma Kean Richmond tatou e maarama ai ki te maamaa o te taakaro me nga waahanga noa, engari he pai te whakanoho hoatu he tino mohio ki te minimalism. Ko tana tohu i te taha maui o runga, nga tohu Twitter me nga tohu whakapā i te taha matau me te pokapū, me te tuhinga whakaahua e kitea ana e ia.

Hononga ki te paetukutuku: Keanrich mond

Alice drougard

Alice drougard

Alice drougard kia maamaa hoki me te tohu o to tohu i waenganui, e wha nga ripa hei neke ki waenga i nga whaarangi matua o to paetukutuku me nga whakaahua e tika ana te whakanoho kia maarama tonu ai matau ki taau e mahi ana me o mahi.

Hononga ki te paetukutuku: Alice drougard

Jonathan Ogden

Jonathan Ogden

Ogden purei tonu me te kuware o to ingoa hei tohu, nga whatunga hapori kei raro noa iho kaore e kukume mai te aro me a raatau mahi hoahoa kia tere haere ai taatau. I tetahi whaarangi e whakaatu ana i nga mea nui katoa.

Hononga ki te paetukutuku: Jonathan Ogden

Pinihi

Pinihi

Kei te haere ke a Finch ki etahi atu waahi ki te purei i nga tuhinga tuhituhi me era atu nga tae e tohu ana i te ataahua me te mohio o nga mahi. He iti noa nga waahanga, ka waiho e ia tana ngaiotanga kia tirohia. E marama ana hoki ko wai nga whaarangi i hono atu ki a koe.

Hononga ki te paetukutuku: Pinihi

He Hoahoa rereke

He Hoahoa rereke

Tenei paetukutuku takaro rereke. Whakamahia he pepapakitara me te pane ka taea e taatau te haere ki nga wharangi matua, to waea me nga hononga ki o hononga hapori.

Hononga ki te paetukutuku: He Hoahoa rereke

Pararauhe

Pararauhe

Ka whakaatu a Kai ia tatou me tana ake ahua he tapatoru waitara me tetahi papanga tae e tika ana ki te hoatu tata. Ka tohaina e ia tetahi waahanga o tana koiora me te momotuhi i roto i te rahinga iti mena ka hiahia matou ki te mohio atu mo ia.

Hononga ki te paetukutuku: Pararauhe

Hoahoa Whakatika Poutū

Hoahoa Whakatika Poutū

Pēnei ki tērā o mua, ka haere te Hoahoa Whakatika Poutū ki te whakaahua e whakaatu tere ana tetahi o ana mahi pai i te taunga rererangi o Oslo. I te tihi kei a maatau te pane me te «nav nav» te pae whakatere ranei tae atu ki te rereketanga o te reo. Ma te tohu e tuu ki roto ki te whakatakotoranga poutū kia pa te whakamutunga ki tetahi whaarangi maamaa.

Hononga ki te paetukutuku: Hoahoa Whakatika Poutū

247Grad

247Grad

247Grad takaro ki te monochrome me te ahua o muri tata pouri katoa. Ko te momotuhi pane, he iti ake i te tuhinga me te pane, he mea whakapaipai hei hanga i tetahi rereketanga nui ki te hoahoa katoa.

Hononga ki te paetukutuku: 247Grad

Kia pai tenei

Kia pai tenei

una ko te tuhi tuhi pai te tohu mo te tuuturu ana e mohio ana taatau e mahi nei. Kaore koe e hiahia ki te hoatu i tetahi atu mea mena he tika te korero. He maarama ta raatau: he pai ki a raatau te hanga i nga waahanga ataahua me nga paetukutuku. Ka waiho e ratou nga miera mo nga kaupapa me a raatau ako ki tetahi atu hono.

Hononga ki te paetukutuku: Kia pai tenei

Allison hou

Allison hou

Ma Allison tatou e kawe i mua o etahi atu akoranga me te maha atu o nga whakaahua me tera momo momo "wahine". He peera ano mo to ahua nui me tera pane. He pai ki a ia te whakaatu i tetahi kaari e whakaatu ana i nga tikanga hokohoko.

Hononga ki te paetukutuku: Allison hou

Pirika

Pirika

He haurangi tonu a Pixelot, engari he tohu ano hoki i te auaha o te kaituhi. Whakamahia te tohu kiore ki te hanga kopare kanohi e pupuhi ana i nga waahi katoa e noho ana maatau.

Hononga ki te paetukutuku: Pirika

Nga karaka Lionel

Nga karaka Lionel

Ki te hiahia koe mahia to reanga ki te ipurangi me te kore noa iho, Ka whakaatu a Lionel ki a koe i nga huarahi. He momotuhi tika, to whakaahua kei te taha maui o runga, e hono ana ki o whatunga hapori me to wheako. Ko te mea whakapaipai anake ko era raina whakapae e rua o nga tae rereke.

Hononga ki te paetukutuku: Nga karaka Lionel

Karawhiu Huatau

Karawhiu Huatau

Ka hoki mai maatau Tuhinga o mua me era waahi waatea nui. I tetahi taha he tino tawhiti te pane mai i era atu o nga mea timatanga, a ki tetahi taha ko era ahuatanga e ahua ahua ana kia pai ai te whakanuitanga o te tirohanga i waenga i a raatau.

Hononga ki te paetukutuku: Karawhiu Huatau

Lebensraum

Lebensraum

Kei te kite koe i nga tauira katoa, he mea nui nga ripa pane ki te haere ki nga whaarangi rereke mai i te paetukutuku. He mea nui te tuhinga tuhi, takaro ki tetahi mo te pane me tetahi atu mo te tuhinga me te sans serif e mahi tino pai ana.

Hononga ki te paetukutuku: Lebensraum

PinkPoint

PinkPoint

Ko te rereketanga o nga tae ka tae atu ki tetahi paetukutuku uaua ake o nga tirohanga katoa. Kaore nga kaupapa matua katoa i te ngaro ki te purei i tenei waa me nga kohinga iti mo te ahua papamuri me era waahanga e rua nga tae nui o te raarangi mo te ahua nui.

Hononga ki te paetukutuku: PinkPoint

IWC

IWC

He whakaahua pai me he momotuhi pai-i whiriwhiria me tetahi waahanga "hero" ka taea e koe te tuku ki tenei paetukutuku. Ma te retireti e whakaatu ana i tetahi waahanga o nga mahi kia maamaa noa ki tona haputanga.

Hononga ki te paetukutuku: IWC

Tapatapapaa

Tapatapapaa

Ma te pikitia a-mati e kawe tatou ki Chop Chop taua ahua e kai ana i te tirohanga tirohanga katoa o taua mea. Ko te tae kikorangi i te pane ka tohu i a ia ki te waihanga uara taatai ​​kia rite ki te ahua katoa o te paetukutuku.

Hononga ki te paetukutuku: Tapatapapaa

7Pine

7Pine

Ka takaro a 7Pine me te kaakaariki hei kaitautoko mo te pereti kaainga. Ko te toenga tito he ahua he maha nga kaakaariki me tetahi pane ngawari e hiahia ana kia kore e kitea e te tohu.

Hononga ki te paetukutuku: 7Pine

Te Tapeke

Te Tapeke

Ma te Tapeke e kawe tatou ki etahi atu huarahi. Taakaro ki te pango pango me te ma, he whakaaturanga tino auaha ana ka haere tahi me era atu waahanga me etahi atu whakaahua e rua hei hanga i tetahi whenua neke atu i te pai. He tauira hei hanga i tetahi paetukutuku e tu mai ana i era atu.

Hononga ki te paetukutuku: Te Tapeke

Tohumahu

Tohumahu

Ko te kikorangi te kara nui o tenei paetukutuku kaore he whakaahua e ngaro ana e whiti ana e te ma me te ahuatanga o te keemu. i roto i te 3D o taua kaihanga pae ka neke tera ka neke haere tatou.

Hononga ki te paetukutuku: Tohumahu

Kara lyte

Kara lyte

Haere a Kara ki te maamaa me te paku me tona maori, ataahua hoki i to whakaahua. Ko te toenga he tuhinga e haere mai ana me nga waahanga matua mo te pane me te patene hamipera hei whakatuwhera.

Hononga ki te paetukutuku: Kara lyte

Hokohoko Studio Tauhokohoko

Te Hinuhinu

Es Tuhinga o mua engari e whakaatu mai ana i a maatau he aha te hanga blog. Ko te Whero me te pango nga kaiwhakauru i roto i te papaanga "blog".

Hononga ki te paetukutuku: Hokohoko Studio Tauhokohoko

Me pehea te hanga paetukutuku maamaa ki te HTML

HTML

Ka whakaako matou i a koe hangahia he paetukutuku maamaa ki te HTML kia mohio ai koe ki nga ahuatanga timatanga e tito ana i a ia. He mea tika kia whai kaiwhakarato paetukutuku ma taatau ka utaina te waehere me etahi taapiri ki te CSS, engari meera, koinei nga maataapono hei tiimata i ta maatau haerenga i roto i te HTML.

Kua kite etahi tauira paetukutuku ngawari Ma te mea ka taea e koe te whakaihiihi i a koe ano ki te hanga i o ake hoahoa me te kore e pakaru to upoko. I etahi wa ka hangaia e te kuware he painga pai ake i te whakaoho i a maatau ki nga mea uaua. Ka kite koe i roto i te nuinga o nga keehi he tino pai te mahi maamaa. Haere hoki.

Ko te hanga i tetahi paetukutuku maamaa ki te HTML he maamaa ake i te ahua o te timatanga. He paetukutuku he pane, ko te tinana te ihirangi ranei me te hiku, te hiku ranei hei waahanga nui. Ka taea e taatau te whakariterite i a raatau penei:

  • Tuhinga: nga tuhinga katoa e hangaia ana e maatau me mahi me a . Ka whakatuwherahia e maatau me te ka kati tonu me te
  • Te tinana, te tinana ranei: ko te waahanga e kitea ana o te tuhinga kei waenganui Y
  • Pane: e mohiotia ana e nga H1, H2, H3 ... Ka tiimata me te a ka kati taatau me te . Ko nga kuputuhi kei roto ka puta ake hei pane me te whakawhirinaki ki tana tatauranga ka mahi i te rahinga iti ake, rahi ake ranei.
  • Kōwae: kua kapi te whiti i roto i a ka kati me
  • Enlaces: te tauira marama rawa atu ko te Hono ki a Creativos Aipurangi
  • Ngā whakaahua: ka tautuhia e maatau ma te tapanga . Hei tauira . Ka tohaina e maatau te ahua i waenga i nga tohu whakahua ka whakamahi i te alt mo te tuhinga rereke, he mea nui ma te SEO.
  • Ngā Rārangi: ka tautuhia e matou nga raarangi me mo te pōrohehe me te mo te ma. E whakamahia ana nga taonga rarangi . Kia maumahara ki te kati i a raatau ki te pae.

HTML

Ma enei waahanga ka whai tatou te kaupapa mo te hanga paetukutuku maatau ka kite koe i te rahi o aua mea ka whakaakona atu e matou ki a koe i te waahanga e whai ake nei. Me kii atu ko te hanganga semantic me ona waahanga nui penei:

  • Pane me tana pae whakatere mo nga wharangi rereke o te papaanga.
  • Ko te tuhinga, ko te waahi ranei o te tinana ka taea e taatau te hanga i tetahi tuhinga whakauru ki te blog, ki te whakauru i ta maatau marautanga tetahi ahua ranei.
  • Ko te taha taha, taha taha ranei ki te tuku korero taapiri.
  • Te hiku, te waewae ranei, ka waiho e maatau he hononga ki nga whaarangi nui o te papaa me nga tohu o nga hononga hapori (hei tauira tonu).

I nga tauira ka kite koe i raro ake nei katoa i runga i te tohu ngawari engari huatau, he pane kei te whakanohohia e raatau te whakatere ki nga whaarangi rereke o te papaanga, he waahi nui kei waenga i te tuhinga, i te ahua ranei me te hiku me nga mea i whakahuatia i nga whiti o mua

Ka tūtohu mātou kaua e whatiia to mahunga ka haere ki nga kuware. Ko te mea nui ko enei waahanga ka rereke mai i era atu i roto i te huringa tirohanga o hēkona. Ma te waa ka taea e taatau ki te haangai i a taatau me te mahi i etahi atu waahi.

Ko tenei he tauira maama o te waehere HTML me nga mea nui rawa atu:

<!DOCTYPE html>
<html lang='es'>
  <head>
    <meta charset='UTF-8'/>
    <title>HTML Semántico</title>
  </head>
  <body>

    <h1>Crear web es fácil!</h1>
    <ul>
      <li><a href='#'>Inicio</a></li>
      <li><a href='#'>Acerca de</a></li>
      <li><a href='#'>Blog</a></li>
      <li><a href='#'>Iniciar sesión</a></li>
    </ul>

  </body>
</html>

Ma enei raina o te waehere HTML ka taea e maatau tuatahi i hangaia te taitara whaarangi i te pane me te, i roto i tenei take «Semantic HTML», ka kati nga taitara e rua ki te , te pane me a ka hoatu e maatau ki te whakatuwhera i te tinana .

Ka whai maatau pane tuatahi i te H1 me ki te kati me , a ka haere maatau ki tetahi raarangi ka awhina i a maatau ki te hanga pae whakatere mo nga whaarangi rereke o ta maatau papaanga. Ka kati ta maatau raarangi , kati tatou ka mutu ko te tuhinga html me .

Hei mutunga, tuwhera tonu he tuhinga ki ki te kati i te mutunga o te waehere katoa me te whiu. Whai muri i te whakatuwheratanga o te tuhinga, ka whakamahia tonu te korero ki te reo, ko tenei he Paniora me te "es" me te a .

He mea nui kia aata titiro koe ki te waehere me te waa te waa whakatuwhera koe i te mahi kati i te reira ki te pae rite

He iti noa te CSS

Ka haere taatau ki te CSS, engari me haere kia maarama ai koe me pehea te taatai ​​HTML. Me kii ta CSS me HTML ka haere ngatahi ki te tuku i era paetukutuku ngawari ka kitea e koe i raro.

Mena kei te taha matau te whakamahi HTML o te kounga mo te pane, te pane ranei, te tinana, te tinana ranei me tana tuhinga, tona ahua me te hiku, i roto i te CSS ka whakamahia e maatau te mahi «Div» ki te tautuhi ki ia o enei waahi kia pai ai te whakamahi i nga whakarereketanga e tika ana mo te hoahoa.

He mea ngawari noa penei:

Nga whakaakoranga paetukutuku

Ahakoa ka taea e taatau te whakamahi nga taera ki a Div, ma te hanganga tika e tino pai ana hei awhina kia taea ai e nga kaiwhaiwhai paetukutuku te "panui" i nga korero mo a maatau korero, no reira mena ka whai tatou i taua hanganga taketake, he mahi nui me te turanga tuatahi.

Un tauira waehere CSS ngawari:

h1 {
tae: ma;
whakahonohono: pokapū;
}

Ka karanga matou ki te H1 me te tuhinga ka waiho e tatou ki roto i te ma ma te tae: ma; a ka whakaritehia e maatau ki te pokapū me te «taatai ​​kuputuhi». Me kati tonu me nga awhi i muri i te whakatuwheratanga o te waea H1.

Tuhinga o mua Greg rakozy


Ko nga korero o te tuhinga e piri ana ki o maatau kaupapa o matatika whakatika. Ki te ripoata i tetahi paatene paato Here.

3 korero, waiho maau

Waiho to korero

Ka kore e whakaputaina tō wāhitau īmēra. Kua tohua ngā āpure e hiahiatia ana ki *

*

*

  1. He kawenga mo nga raraunga: Miguel Ángel Gatón
  2. Te kaupapa o te raraunga: Whakahaerehia te SPAM, te whakahaere korero.
  3. Ture: To whakaae
  4. Whakawhitinga korero: Kaore nga korero e tukuna ki nga taha tuatoru engari ma te ture herenga.
  5. Rokiroki raraunga: Paetukutuku e whakahaerehia ana e Occentus Networks (EU)
  6. Tika: I nga wa katoa ka taea e koe te whakaiti, te whakaora me te muku i o korero.

  1.   Cristopher - paetukutuku ka mea

    He tino hiahia ahau ki te hoahoa, he whaarangi pai kia kite i te ao hoahoa.

    Nga mihi aroha.

  2.   Jorge ka mea

    Kia ora e hoa, kei te pehea koutou?

    Kei te hanga e ahau tetahi whaarangi paetukutuku maamaa ki te html, ana kei te pirangi au ki te taapiri i tetahi pouaka korero ki ia whakaputanga. Ka taea e koe te awhina i ahau ki te mahi?

  3.   Emerson ka mea

    Ko taatau e hiahia ana ki tetahi whaarangi paetukutuku maamaa e toru nga patene me tetahi ahua, ana ko te kaitakaro, he mea tino pai tetahi mea penei.
    Heoi kaore au e whakapono ma tenei korero ka taea e au te hanga i taku whaarangi, engari ko te mea ke he whakaaro me he aha taau e rapu