Pamata HTML rokasgrāmata manekeniem

Navigācija:

Šī rokasgrāmata sastāv no šādiem priekšmetiem –


    Pirms divdesmit gadiem, pat ja jūs esat tikai hobijs blogeris, jums bija jāzina daži tīmekļa kodējumi, lai aizsargātu sevi vai pievienotu vietnei vienkāršu funkciju. Bet tagad ir pieejams tik daudz redaktoru un spraudņu, ka vietnes izveidošanai vai emuāra uzturēšanai vairs nav jāzina pat HTML pamati..

    Problēma ir tāda, ka, ja jūs nezināt dažus pamatus, savā emuārā varat viegli nonākt reālās nepatikšanās, un jums ir jāalgo dārgs izstrādātājs, lai novērstu nelielu problēmu. Ne tikai tas, bet, lai izveidotu izmaiņas savā emuārā, piemēram, pielāgota teksta logrīka pievienošanā, ir vajadzīgas nelielas zināšanas.

    Un, ja jūs redzat, ka satura izkārtojums neizskatās pareizi, zināšanas par HTML var atgriezt jūs uz pareizā ceļa.

    Šeit ir dažas mūsu HTML rokasgrāmatas versijas, kas paredzētas emuāru autoriem un tiešsaistes uzņēmumu īpašniekiem, kas nav techie.

    HTML ir mūsdienu interneta pamats. Miljoniem vietņu kopā veidoja internetu. Kur HTML ir visu šo vietņu pamatelements.

    Iesācēja Q&A

    1- Kas ir HTML?

    HTML ir saīsinājums no Hyper Text Markup Lciešanas. Tā ir standarta valoda satura marķēšanai tīmekļa pārlūkprogrammās.

    HTML apzīmē “Elementi”. Elementi ir zināmi arī kā “Birkas”.

    2 – Kāpēc ir nepieciešams HTML??

    Web pārlūkprogrammas vietni var atveidot tikai tad, ja tā ir uzrakstīta atbalstītajā valodā. HTML ir visizplatītākā iezīmēšanas valoda, un to visaugstāk pieņem Web pārlūkprogrammas.

    Tāpēc jums ir nepieciešams HTML.

    3 – Vai HTML ir reģistrjutīga?

    HTML nav reģistrjutīgs. Bet labākā prakse ir rakstīt HTML ar atbilstošiem gadījumiem.

    Pirmā HTML faila izveides soļi

    Pamata HTML failu var izveidot, izmantojot datora piezīmjdatoru. Bet tas būs sāpīgi, rakstot daudzas kodu rindiņas.

    Jums nepieciešams koda redaktors. Labs koda redaktors ļaus vieglāk rakstīt un kārtot lielus kodus.

    Web valodu rakstīšanai izmantoju un iesaku Notepad ++ (bezmaksas un atvērtā koda). Ir arī citi redaktori, kurus varat izmantot, piemēram, Sublime Text, Atom utt.

    Tas ir tas, kas jums jādara:

    1. Instalējiet koda redaktoru
    2. Atveriet to
    3. Izveidojiet jaunu failu
    4. Saglabājiet to kā .html failu

    Jūs esat gatavs doties!

    1- Sveika pasaule!

    Nokopējiet un ielīmējiet šo kodu jaunajā HTML failā un saglabājiet to. Tagad palaidiet to savā tīmekļa pārlūkprogrammā.

    Kods:

    Mana pirmā tīmekļa lapa

    Sveika pasaule!

    Izeja:

    Apsveicu! Jūs esat izveidojis savu pirmo HTML failu. Šajā brīdī jums tas nav jāsaprot. Mēs to drīz apskatīsim.

    Izpratne par HTML struktūru

    Katram HTML failam ir kopīga atklātā struktūra. Šeit sākas viss. Un katra lielā kodu lappuse nonāks šajā struktūrā pēc saīsināšanas.

    Mēģināsim to saprast no “Sveika pasaule!” kods. Šie elementi ir katra HTML faila obligātās daļas.

    • = Pārlūkprogrammai tiek paziņots, ka tas ir HTML fails. Tas ir jāprecizē pirms taga.
    • = Šis ir HTML faila saknes elements. Viss, ko jūs rakstāt, iet starp un .
    • = Šī ir pārlūkprogrammas metainformācijas daļa. Kodiem šajā tagā nav vizuālās izvades.
    • = Šī ir tīmekļa pārlūka atveidotā daļa. Tas, ko jūs precīzi redzat vietnē, ir kodu atveidošana starp un .

    2 – HTML tagi

    HTML ir simtiem dažādu tagu sadarbība. Jums jāiemācās, kā viņi strādā. Jums arī jāpārliecinās, ka viņi tos ir izmantojuši pareizā veidā.

    HTML tagos parasti ir sākuma un beigu tags. Sākuma tagā atslēgvārdu ieskauj mazāk nekā (<) un lielāks par (>) paraksts. Aizvēršanas tagā ir viss tas pats, bet papildu slīpsvītra uz priekšu (/) aiz mazāk nekā (<) paraksts.

    (2a) Galvas birkas

    Visas galvas etiķetes atrodas starp un. Tie satur meta informāciju tīmekļa pārlūkprogrammai un meklētājprogrammām. Viņiem principā nav vizuālās izvades.

    Virsraksta tags nosaka Web lapas nosaukumu, kas ir redzams pārlūka cilnē. Šo informāciju izmanto tīmekļa programmas un meklētājprogrammas. Katrā HTML failā var būt viens virsraksts.

    Kods:

    Mana pirmā tīmekļa lapaVirsraksta tags parādās pārlūkprogrammas augšpusē.

    Saites tags sasaista jūsu HTML lapu ar ārējiem resursiem. Tās galvenā izmantošana ir HTML lapas sasaiste ar CSS stila lapām. Tā ir pašaizveroša birka, un tai nav nepieciešams gals. Rel nozīmē saistību ar failu, un src nozīmē avotu.

    Kods:

    Meta ir vēl viens pašaizverošs tags, kas nodrošina html faila meta informāciju. Meklētājprogrammas un citi tīmekļa pakalpojumi izmanto šo informāciju. Meta tagi ir obligāti, ja vēlaties optimizēt savu lapu meklētājprogrammām.

    Kods:

    Skripta tagu izmanto, lai iekļautu servera puses skriptu vai izveidotu saiti uz ārēju skripta failu. Sākuma tagā tam var būt divi atribūti. Viens ir tips, bet otrs ir avots (src).

    Kods:

    Noscript tags darbojas, ja tīmekļa pārlūkā ir atspējoti skripti. Tas padara lapu saderīgu ar tiem, kuri tīmekļa pārlūkprogrammās neatļauj skriptus.

    Kods:

    Diemžēl! Skripti ir atspējoti.

    (2b) Ķermeņa tagi

    Visi ķermeņa tagi atrodas starp un. Viņiem ir vizuālas izejas. Šeit tiek darīts visvairāk darba. Šīs tagas ir jāizmanto, lai strukturētu galvenās lapas saturu.

    uz

    Tie ir virsrakstu tagi. Vissvarīgākā pozīcija ir atzīmēta ar

    un vismazāk svarīgi ar

    . Jums tie jāizmanto pareizajā hierarhijā.

    Kods:

    Šī ir h1 pozīcija

    Šī ir h2 pozīcija

    Šī ir h3 pozīcija

    Šī ir h4 pozīcija

    Šī ir h5 pozīcija
    Šī ir h6 pozīcija

    Izeja:

    Tagu formatēšana

    HTML faila tekstu var formatēt, izmantojot daudzus formatēšanas tagus. Tas būs nepieciešams, ja vēlaties no sava satura izcelt vārdu vai līniju.

    Kods:

    Jūs varat izcelt savu tekstu dažādos veidos.

    Jūs varat treknrakstā, pasvītrot, slīpraksts, atzīme, indekss, virsraksts un daudz kas cits!

    Izeja:

    Izmantojot komentāru tagu, dažus kodus varat novirzīt no pārsūtīšanas. Kods parādīsies avota kodā, bet netiks atveidots. Šīs birkas galvenais lietojums ir html failu dokumentācijas izveidošana turpmākai atsaucei.

    Piemērs:

    Jeffrey Wilson Administrator

    Sorry! The Author has not filled his profile.
    follow me