Kā izveidot datoru, izmantojot HTML

Autors: John Stephens
Radīšanas Datums: 22 Janvārī 2021
Atjaunināšanas Datums: 1 Jūlijs 2024
Anonim
Tīmekļa lapu veidošana (1.video) - HTML pamati.
Video: Tīmekļa lapu veidošana (1.video) - HTML pamati.

Saturs

Papildus neskaitāmajiem iebūvētajiem kalkulatoriem, jūs varat arī matemātiku darbvirsmā, izmantojot HTML kodu, lai izveidotu sevi. Lai izveidotu datoru no HTML, jums jāapgūst dažas pamatzināšanas par šo programmēšanas valodu un pēc tam nepieciešamais kods jākopē teksta redaktorā un jāsaglabā kā HTML. Tagad varat atvērt HTML dokumentu iecienītākajā pārlūkprogrammā un sākt izmantot datoru. Tieši tāpat jūs varat ne tikai veikt matemātiku pārlūkprogrammā, bet arī apgūt programmēšanas mākslas pamatus!

Soļi

1. daļa no 4: Izprotiet savu kodu

  1. Uzziniet katra HTML funkcijas. Kods, kuru izmantojat datora veidošanai, sastāv no daudziem sintakses fragmentiem. Tie apvieno, lai izveidotu daudz dažādu dokumenta elementu. Noklikšķiniet šeit, lai uzzinātu, kā iepazīties ar procesu, vai lasiet tālāk, lai redzētu, ko katra teksta rindiņa dara jūsu izmantotajā kodā.
    • html: Šī sintakses daļa pārējam dokumentam norāda, kāda valoda ir jāizmanto. Programmēšanā tiek izmantotas daudzas valodas un dariet pārējam dokumentam zināmu, ka tas ir rakstīts - tas ir pareizi - html!
    • galva: Pastāstiet dokumentam, ka zemāk redzamais saturs ir dati par datiem, kurus sauc arī par "metadatiem" (metadatiem). Comeinand parasti izmanto, lai definētu dokumenta stilistiskos elementus, piemēram, virsrakstus, virsrakstus utt. To var uzskatīt par lietussargu, kas aptver pārējo kodu.
    • nosaukums: Šeit jūs nosauksit savu dokumentu. Šis atribūts nosaka dokumenta nosaukumu, kad tas tiek atvērts HTML pārlūkprogrammā.
    • body bgcolor = "#": Šis atribūts norāda koda fonu un ķermeņa krāsu. Numurs pēdiņās aiz zīmes # atbilst norādītajai krāsai html
    • teksts = "": Pēdiņās ievietotais vārds norāda dokumenta teksta krāsu.
    • formas nosaukums = "": Šis atribūts norāda formas nosaukumu. Pateicoties tam, Javascript identificēs, kāda ir attiecīgā forma, un izmantos no tās izveidoto struktūru. Piemēram, šeit mēs izmantojam veidlapu Kalkulators, un tā izveidos atsevišķu dokumenta struktūru.
    • ievades tips = "": Šeit notiek darbība. Rekvizīts "ievades tips" dokumentam norāda, kāda veida ievades vērtības ir pārējās iekavās. Tas varētu būt teksts, paroles, pogas (datoriem) utt.
    • vērtība = "": Šī komanda dokumentam norāda, kāds saturs atrodas iepriekš norādītajā ievades tipā. Izmantojot kalkulatoru, tie būtu cipari (1–9) un matemātika (+, -, *, /, =).
    • onClick = "": Šī sintakse apraksta notikumu - stāsta dokumentam, ka kaut kas notiek, kad kāds nospiež pogu. Izmantojot datoru, mēs vēlamies, lai tiktu parādīta katra nospiesta poga. Piemēram, ar pogu "6" starp pēdiņām ievietosim document.calculator.ans.value + = '6'.
    • br: Šis tags palīdz atgriezt rindu dokumentā. Jebkurš tam sekojošais saturs tiks parādīts līnijā zem satura pirms tā.
    • / form, / body un / html: šīs komandas paziņo dokumentam šajā brīdī, attiecīgās inicializētās komandas beigsies.
    reklāma

2. daļa no 4: HTML datorprogrammēšana


  1. Kopējiet šo kodu. Atlasiet tekstu zemāk esošajā lodziņā, turot un velkot no lodziņa augšējā kreisā stūra uz apakšējo labo stūri. Viss teksts kļūs zaļš. Nospiediet "Command + C" Mac datorā vai "Ctrl + C" datorā, lai kopētu kodu uz starpliktuvi. reklāma

3. daļa no 4: izveidojiet datoru


  1. Atveriet datora bāzes teksta redaktoru. Jums ir daudz iespēju, taču ērtības un kvalitātes dēļ divas lietojamās lietojumprogrammas ir TextEdit un Notepad.
    • Mac datorā noklikšķiniet uz lupas ekrāna augšējā labajā stūrī, lai atvērtu Spotlight. Vietnē Spotlight ierakstiet TextEdit un noklikšķiniet uz programmas: tā ir jāizceļ zaļā krāsā.
    • Datorā ekrāna apakšējā kreisajā stūrī atveriet izvēlni Sākt. Meklēšanas joslā ierakstiet Notepad un noklikšķiniet uz lietotnes Notepad, kas parādās rezultātu joslā pa labi.

  2. Ielīmējiet datorā ģenerēto HTML kodu dokumentā.
    • Mac datorā noklikšķiniet uz dokumenta pamatteksta un nospiediet "Komanda + V". Tālāk jums jānoklikšķina uz vienuma "Formāts" (formāts) ekrāna augšdaļā un "Izveidot vienkāršu tekstu" (Izveidot tukšu tekstu) pēc ielīmēšanas.
    • Datorā noklikšķiniet uz dokumenta pamatteksta un nospiediet "Ctrl + V".
  3. Saglabājiet failu. Noklikšķiniet uz pogas "Fails" loga augšējā kreisajā stūrī un nolaižamajā izvēlnē noklikšķiniet uz "Saglabāt kā ..." (Saglabāt kā) - datorā vai "Saglabāt ..." (Saglabāt) - Mac datorā
  4. Pievienojiet faila nosaukumam HTML paplašinājumu. Izvēlnē "Saglabāt kā ..." ierakstiet faila nosaukumu ar paplašinājumu ".html", pēc tam noklikšķiniet uz "Saglabāt". Piemēram, lai izsauktu failu First Computer, jūs saglabātu kā "MayTinhDauTien.html".

4. daļa no 4: Datora izmantošana

  1. Atrodiet tikko izveidoto failu. Ievadiet faila nosaukumu Spotlight vai izvēlnes Sākt meklēšanas joslā, kā parādīts iepriekšējā darbībā. Jums nav jāievada paplašinājums "html".
  2. Noklikšķiniet, lai atvērtu failu. Noklusējuma pārlūks atvērs datoru jaunā vietnē.
  3. Noklikšķiniet uz datora pogām, lai to izmantotu. Aprēķinu rezultāti parādīsies rezultātu joslā. reklāma

Padoms

  • Ja vēlaties, varat ievietot šo datoru tīmekļa lapā.
  • Varat arī izmantot stila īpašības, lai mainītu datora izskatu.