HTML ir būtiska tīmekļa daļa, kādu mēs to zinām. Un, lai gan daži tīmekļa dizaineri izveido lapas, manuāli ierakstot HTML, joprojām ir parocīgi uzzināt par to mazliet.
Mēs apskatīsim dažus valodas pamatus, tostarp to, kas īsti ir HTML, dažus pamatjēdzienus un to, kā tā mijiedarbojas ar citām valodām. Padomājiet par to kā avārijas kursu “HTML manekeniem”.
HTML pamati: kas ir HTML?
HTML apzīmē Hiperteksta iezīmēšanas valoda . Un, lai gan dažreiz tas tiek apvienots ar programmēšanas valodām, tas nav precīzs.
Kā iezīmēšanas valoda , HTML ļauj izveidot tikai lapu displeja izkārtojumu. Patiesība programmēšanas valoda , piemēram, Java vai C ++, satur loģiku un izpildītās komandas.
Lai gan tas ir vienkārši, HTML ir katras tīmekļa lapas mugurkauls. Tā ir atbildīga par to, kāds teksts tiek parādīts kā treknraksts, attēlu pievienošana un saite uz citām lapām. Mums ir HTML FAQ, kas izskaidro vairāk.
Varat ar peles labo pogu noklikšķināt uz vairuma tīmekļa lapu savā pārlūkprogrammā un izvēlēties Skatīt lapas avotu vai līdzīgi, lai redzētu aiz tiem esošo HTML. Iespējams, ka tajā būs arī daudz koda, kas nav HTML, bet jūs varat to izsijāt.
Pat ja jums nav pieredzes ar iezīmēšanas vai programmēšanas valodām, nedaudz apgūstot HTML, jūs kļūsit informētāks tīmekļa lietotājs. Apskatīsim piecas pamata darbības, lai palīdzētu jums saprast, kā darbojas HTML. Mēs sniegsim piemērus ceļā.
1. darbība. Izpratne par tagu jēdzienu
HTML izmanto sistēmu tagus lai klasificētu dažādus dokumenta elementus.
Lielākā daļa tagu ir pārī, lai iesaiņotu skarto tekstu. Šeit ir vienkāršs piemērs (
tags veido tekstu treknrakstā ; pēc brīža mēs to vairāk apspriedīsim.)
This is some bold text .
Ievērojiet, kā beigu tags sākas ar slīpsvītru uz priekšu (/). Tas nozīmē noslēguma tagu, kas ir svarīgi. Ja neaizverat tagu, šim atribūtam būs viss no sākuma.
kā atspējot uznirstošo logu bloķētāju pārlūkā Chrome
Tomēr ne visiem tagiem ir pāris. Daži HTML elementi, ko sauc tukši elementi , nav satura un pastāv paši. Piemērs ir
atzīmi, kas ir rindas pārtraukums. Jūs varat “aizvērt” šādus tagus, pievienojot slīpsvītru (piemēram,
), bet tas nav absolūti nepieciešams.
2. darbība. Skeleta HTML izkārtojums
Pareizam HTML dokumentam ir jābūt noteiktiem tagiem, lai tas būtu pareizi izkārtots. Šīs ir būtiskās daļas:
- Katram HTML dokumentam jāsākas ar | _+_ | sevi par tādu pasludināt. Tādējādi tā noslēguma tags | | _+_ | , ir pēdējais vienums HTML failā.
- Tālāk | _+_ | sadaļā ir ietverta tāda informācija kā lapas nosaukums, dažādi skripti, kas tiek palaisti lapā, un līdzīga informācija. Kā norāda nosaukums, tas parasti nāk uzreiz pēc sākotnējā | _+_ | tagu. Gala lietotājs šajos tagos neredz daudz satura.
- Visbeidzot, | _+_ | atzīme satur lasītājam redzamo lapas tekstu (un vēl daudz vairāk). Šeit jūs atradīsit attēlus, saites un daudz ko citu.
Kopš
sadaļa veido lielāko daļu HTML dokumenta, pārējā mūsu pārskatā aplūkoti ar to saistītie elementi.
3. darbība: pamata HTML tagi formatēšanai
Tālāk apskatīsim dažus izplatītus tagus, kas veido HTML dokumentus. Protams, nav iespējams aptvert katru elementu, tāpēc mēs pārskatīsim dažus no vissvarīgākajiem. Mēs esam pārklājuši vēl daudzi HTML piemēri ja šie jūs neapmierina.
Ja šie tagi šķiet diezgan vienkārši, atcerieties, ka HTML tika izveidots jau 1993. gadā. Toreiz tīmeklis sākotnēji bija ļoti balstīts uz tekstu.
Vienkārša teksta formatēšana
HTML atbalsta pamata teksta stilus, piemēram, Microsoft Word:
- | _+_ | tagi veido tekstu treknrakstā .
- | _+_ | tagi (kas nozīmē “uzsvars”) būs slīprakstā teksts.
HTML atbalsta arī vecākos
atzīme treknrakstam un
slīprakstam. Tomēr vēlams izmantot iepriekš minētos.
Īsumā,
un
parāda, kā kaut kas būtu jāsaprot, bet pēdējie tagi tikai norāda, kā tam vajadzētu izskatīties. Šie bijušie tagi ir pieejamāki ekrāna lasītājiem, kurus izmanto redzes invalīdi.
Punkts un citas nodaļas
HTML
tags ļauj definēt dokumenta sadaļu. Parasti tas tiek savienots pārī ar CSS (skat. Zemāk), lai noteiktā veidā formatētu sadaļu.
The
tags ļauj sadalīt tekstu rindkopās. Pārlūkprogrammas automātiski ievietos vietu pirms un pēc tām, ļaujot dabiski sadalīt tekstu.
Dokumentam varat pievienot galvenes un atvieglot sekošanu, izmantojot
cauri
tagus. H1 ir vissvarīgākā galvene, bet H6 ir vismazāk svarīga. Gandrīz katrs MakeUseOf raksts informācijas sakārtošanai izmanto H2 un H3 galvenes.
Sitiens Ievadiet lai pievienotu rindu pārtraukumus HTML dokumentā, tie faktiski netiks parādīti. Tā vietā jūs varat izmantot
lai pievienotu rindas pārtraukumu.
Šeit ir piemērs, kurā tiek izmantotas visas šīs iespējas:
4. darbība: attēlu ievietošana
Attēli ir būtiska vairuma tīmekļa lapu sastāvdaļa. Jūs varat tos viegli pievienot, izmantojot HTML, un pat iestatīt tiem dažādus rekvizītus.
Jūs ievietojat attēlu, izmantojot
tagu. Apvienojot to ar
atribūts ļauj norādīt, no kurienes vēlaties ielādēt attēlu.
Vēl viens svarīgs atribūts
kritiskais process nomira Windows 10 cilpa
tagi ir
. Alternatīvais teksts ļauj aprakstīt attēlu ekrāna lasītājiem vai gadījumā, ja attēls netiek ielādēts pareizi. Jūs varat novietot peles kursoru virs attēla, lai redzētu tā alternatīvo tekstu.
Izmantojiet
un
elementi, lai norādītu attēlu pikseļu skaitu.
Salieciet visu kopā, un attēla tags izskatās šādi:
Example Heading
This is one paragraph.
This is a second
paragraph split between two lines.
5. darbība: saišu pievienošana
Pasaules tīmeklis nebūtu liels tīmeklis bez saitēm uz citām lapām. Izmantojot
tagu, jūs varat izveidot saiti uz citām lapām jebkurā tekstā.
Iekšpusē
src
atzīme,
atribūts norāda, uz ko jūs saistāt. Vienkārši ielīmējot URL, tas darbosies labi. Jūs varat izmantot
alt
elements, lai pievienotu nedaudz teksta, kas parādās, kad kāds novieto peles kursoru virs saites.
Pamata saite izskatās šādi:
width
The
height
tagā ir daudz citu iespējamo elementu, taču mēs šeit tos neiedziļināsimies.
Kā HTML savienojas ar CSS un JavaScript
Mēs apskatījām HTML pamatus un to, kā tas izveido tīmekļa lapu. Bet, kā jūs varat iedomāties, HTML viens pats to neizmanto mūsdienu tīmeklī. Vienkāršas HTML tīmekļa lapas bija izplatītas “Web 1.0” laikos, kad lielākā daļa vietņu bija nekas cits kā statisks teksts.
Bet tagad mums ir daudz vairāk. CSS (kaskādes stila lapas) ir valoda, ko izmanto, lai aprakstītu, kā jāizskatās tekstam, kuru sagatavojāt HTML formātā. Atcerieties ,.
tag mēs apspriedām? Šajā (un citos tagos) varat definēt a
atribūts. Pēc tam pievienotajā CSS dokumentā varat uzrakstīt norādījumus, kā to izdarīt
vajadzētu paskatīties.
Šos stila elementus varat definēt savā HTML kodā, taču to uzskata par sliktu praksi, jo to ir daudz grūtāk uzturēt. Uzziniet vairāk ar šos vienkāršos CSS piemērus . Pārbaudiet arī kā optimizēt CSS failus .
JavaScript
Mēs esam redzējuši, ka HTML nosaka saturu un CSS nosaka izskatu. JavaScript, kas ir tīmeklim vitāli svarīgā trio pēdējais dalībnieks, ļauj tīmekļa lapām reaģēt uz cilvēku darbībām, katru reizi neielādējot jaunu lapu.
Piemēram, JavaScript ļauj vietnei brīdināt, ka ievadītā parole neatbilst tās prasībām, pirms mēģināt to iesniegt. Tīmekļa noformētājs var izmantot JavaScript, lai slaidrādē pārvietotos pa attēliem vai pieprasītu lietotājam ievadi.
Šie ir tikai daži elementāri piemēri. JavaScript ir skriptu valoda, kas spēj paveikt daudz, un ir salīdzinoši daudz sarežģītāka nekā HTML un CSS. Skat mūsu pārskats par JavaScript daudz vairāk.
Aplūkojot visu tīmekļa dizaina apjomu, šis raksts neietilpst, taču pietiek teikt, ka HTML mijiedarbojas ar citām valodām, lai izveidotu mūsdienās pazīstamas tīmekļa lapas.
HTML evolūcija
Ir svarīgi atzīmēt, ka HTML nav statisks. HTML ir vairākkārt pārskatīts, pēdējais ir HTML 5. Proti, šis standarts atbalsta vietējo video iegulšanu, nevis paļaušanos uz patentētiem formātiem, piemēram, Adobe Flash.
Jaunās HTML atkārtošanās arī dažu arhaisko tagu laiku pa laikam pasludina par novecojušiem. Tajos ietilpst tādi šausmīgi tagi kā
href
un
title
(attiecīgi ritināšanas un zibspuldzes teksts), kas parasti redzams 90. gadu vietņu dizainā. Tāpēc paturiet prātā, ka standarti laika gaitā mainās.
Nelielas zināšanas par HTML ir tālu
Mēs esam īsi iepazinušies ar HTML dokumenta darbību. Tagad jūs zināt tīmekļa lapu strukturēšanas pamatprincipus. Pat ja jūs neturpināt veidot tīmekļa lapas, jūs esat nedaudz informētāks par tīmekli, kuru izmantojat katru dienu.
kāda ir atšķirība starp televizoru un monitoru
Lai uzzinātu vairāk, uzlabojiet savas tīmekļa izstrādes prasmes, izmantojot būtiskus rīkus, un pēc tam pārbaudiet mūsu ceļvedis, kā izveidot savu pirmo vietni .
Attēlu kredīts: Belyaevskiy/ Depositphotos
Kopīgot Kopīgot Čivināt E -pasts 5 padomi, kā uzlādēt VirtualBox Linux iekārtasVai esat noguris no virtuālo mašīnu piedāvātās sliktās veiktspējas? Lūk, kas jums jādara, lai uzlabotu VirtualBox veiktspēju.
Lasīt Tālāk Saistītās tēmas- Programmēšana
- HTML
- Web izstrāde
- JavaScript
- Tīmekļa pārziņa rīki
- Programmēšana
- HTML5
Bens ir MakeUseOf redaktora vietnieks un iesācēju menedžeris. Viņš pameta IT darbu, lai 2016. gadā rakstītu uz pilnu slodzi, un nekad nav atskatījies. Viņš kā profesionāls rakstnieks vairāk nekā septiņus gadus aptver tehnoloģiju konsultācijas, videospēļu ieteikumus un daudz ko citu.
Vairāk no Bena StegneraAbonējiet mūsu biļetenu
Pievienojieties mūsu informatīvajam izdevumam, lai iegūtu tehniskus padomus, pārskatus, bezmaksas e -grāmatas un ekskluzīvus piedāvājumus!
Noklikšķiniet šeit, lai abonētu