Kā izveidot vienkāršu HTML vietni?


HTML vai Hiperteksta iezīmēšanas valoda , kā saka nosaukums, ir iezīmēšanas valoda. Tā netiek uzskatīta par programmēšanas valodu tradicionālajā izpratnē. Tā ir valoda, kurā veidotājs var izveidot dokumentus un atzīmēt dažādas daļas, izmantojot HTML tagus. HTML iedvesmoja SGML, un tā pirmā versija parādījās 1990. gadā CERN.

Sākotnēji HTML tika izstrādāts vienkāršiem statiskiem dokumentiem, jau tad, kad globālais tīmeklis tika uzskatīts par dokumentu izguves sistēmu. Pašlaik gandrīz katrā tīmekļa lapā tiek izmantots HTML, un tā kļuva par tīmekļa valodu. Pēdējā iterācija ir HTML5, kuru atbalsta visi lielākie pārlūkprogrammas un kas ir HTML 4 uzlabojums, kurš 1997. gadā tika “standartizēts”..

Šis raksts tiks precīzi noteikts vienkāršas HTML vietnes veidošanas pamati, kaut ko iemācīties var ikviens neatkarīgi no izvēlētās profesijas.

Kāpēc jums vajadzētu iemācīties HTML??

Varētu apgalvot, ka ar mūsdienu tehnoloģijas palīdzību ikviens var izveidot ātru un jauku tīmekļa vietni, bez nepieciešamības kodēt vienu HTML rindu, un, lai gan tā noteikti ir taisnība, vienmēr var noderēt zināt, kā to mazliet pielāgot..

Bieži vien cilvēki pievieno spraudņus / moduļus / paplašinājumus tādām CMS kā WordPress, Drupal, Joomla utt., Lai paplašinātu to ar vienkāršu funkciju, ko varēja panākt ar pāris HTML rindām. Lai arī spraudnis varētu būt vienkāršāks, tas var pievienot lapas ielādes laiku, un tā ir tikai vēl viena lieta, kas jāuztraucas drošības un atjauninājumu ziņā..

Tas ir diezgan viegli iemācīties HTML, un tas var būt ļoti jautri, jo jūs uzreiz redzat rezultātus, atšķirībā no programmēšanas valodas, kurā jums jāapkopo uzrakstītais kods. Jums jau ir visi rīki, kas nepieciešami HTML apguvei, jums ir tīmekļa pārlūks un jums noteikti ir tāds vienkāršs teksta redaktors kā piezīmju bloks. Tādas lietojumprogrammas kā Microsoft Word to nedarīs, jums būs nepieciešams vienkāršs teksta redaktors: notepad, notepad ++. Ir tā sauktie IDE (Integrētā attīstības vide), kas palīdzēs jums rakstīt HTML ar tādām funkcijām kā sintakse izcelšana vai automātiska aizpildīšana.

Sveika pasaule!

Jūs varat satvert bezmaksas teksta redaktoru, piemēram, Notepad ++ vai Sublime Text Editor, un to sākt. Saglabājiet tukšo failu darbvirsmā kā “hello.html”. Tas mainīs redaktoru HTML režīmā, lai jūs varētu izbaudīt IDE priekšrocības. Tagad dodieties uz priekšu un ierakstiet tajā šādu tekstu:

Sveika pasaule!

Sveika pasaule!

Saglabājiet failu un pēc tam atveriet to, izmantojot savu tīmekļa pārlūku. Tas nemaz nebija tik grūti, vai ne? Varat turpināt failu modificēt, saglabāt to un atsvaidzināt lapu pārlūkprogrammā, un jūs redzēsit visas veiktās izmaiņas. Jums nav jābaidās, nekādā veidā nevar ietekmēt operētājsistēmu. Jūs nevarat izdzēst failus vai šāda veida lietas. Nebaidieties no neveiksmēm, jo ​​sakot: “Meistars ir izgāzies vairāk reizes, nekā iesācējs pat ir mēģinājis”.

HTML pamati un 101

html pamati 101

HTML sastāv no tagiem un teksta. HTML tagam ir īpaša nozīme pārlūkprogrammā, galvenokārt šī ir dokumenta marķēšanas metode. Dažos tagos tajā var būt citi tagi, piemēram, nesakārtots saraksta tags

    var saturēt saraksta vienumus
  • tajā. Rindkopas tags

    var saturēt jaunu rindas tagu
    , enkura birka , treknrakstā , slīpraksts , utt tagi.

    Mūsu piemērā galvenajā HTML tagā ir galvas tags un ķermeņa tags. Galvas tagā mēs varam norādīt dokumenta nosaukumu, kas tiks parādīts pārlūka cilnes virsrakstā. Ķermenī mums ir H1 tags vai 1. pozīcijas tags.

    HTML tagos var būt atribūti, kas var mainīt tagu uzvedību, piemēram, mēs savam H1 varam pievienot atribūtu “style”, lai norādītu tā stilu. Ja pievienojam style = ”color: red”, tā tas kļūst

    Sveika pasaule!

    mēs varam mainīt tā krāsu no noklusējuma melnā uz sarkanu. Protams, plašākā tīmekļa lappusē mūsu elementu veidošana pa vienam var kļūt problemātiska, un tā pārblīvēs mūsu HTML. Labāka metode būtu dot elementam klases atribūtu vai id un pēc tam norādīt tā stilu ar šo klasi vai id.

    Ir daudz HTML apmācība un resursus internetā, jūs varat skatīties apmācības vietnē YouTube vai The Great Curses Plus vai lasīt vienu no tūkstošiem rakstu internetā par HTML.

    Viena lieta, kas jāpatur prātā, ir tas, ka neatkarīgi no tā, cik daudz jūs lasāt vai skatāties, jums būs jātīra rokas un jāsāk rakstīt HTML. Tas ir vienīgais veids, kā jūs iemācīsities, jo pēc brīža, kad sākat rakstīt, jums būs vairāk jautājumu, un šie jautājumi radīs vēl vairāk jautājumu, līdz jūs kļūstat pārliecināts un brīvi pārvaldat HTML.

    Stils un skripti

    Tīri HTML tīmekļa lapa ir statiska. Tas nozīmē, ka tajā nevar būt dinamiski mainīgas daļas, piemēram, “Jaunākās ziņas”. Ja izveidojat vietni, kurā atrodas ziņu sadaļa, kura tiek pastāvīgi atjaunināta, tad vienkārši izveidot rakstus un pēc tam atjaunināt atsauces uz to var kļūt par diezgan lielu uzdevumu..

    No otras puses, ja jūs izveidojat vizītkarti vai par mani tāda tipa vietni HTML formātā, kas nemainās tik bieži, varbūt vienu vai divas reizes mēnesī, tad statiska HTML vietne ir perfekta. Tā kā tam nav “kustīgu” daļu, piemēram, datu bāze, servera puses apstrāde (PHP, Python, Ruby utt.), Ir mazāk lietu, kas noiet greizi, un tas ir arī satraucoši ātrs.

    Statisku lapu varat padarīt dinamisku, pievienojot JavaScript (ECMA skripts precīzāk sakot), kas ir skriptu programmēšanas valoda. Izmantojot JavaScript, jūs varat atbildēt uz lietotāja ievadīto informāciju, paslēpjot vai parādot dažas HTML daļas. Varat arī mainīt tīmekļa lapas izskatu un izskatu. Ar AJAX, no savas vietnes varat pieprasīt papildu resursus, piemēram, apakšlapas, saziņas veidlapu vai jaunākos Tweets, un jūs varat tos iekļaut savā vietnē.

    Noklusējuma HTML stili ir diezgan garlaicīgi, tas ir melns teksts uz balta fona. Ar CSS (Cascading Style Sheets) var mainīt jebkura HTML elementa stilu. HTML formātā jums nav kontroles par to, kā jūsu dokuments tiks atveidots, tā ir HTML iezīme, nevis tā nepilnība. Izmantojot CSS, varat mēģināt būt nedaudz precīzāks, taču jums joprojām nebūs 100% kontroles. Daži pārlūkprogrammas darīs lietas mazliet savādāk nekā citi. Pašreizējā CSS versija, kuru atbalsta visas galvenās pārlūkprogrammas, ir CSS3, un tai ir daudz noderīgu funkciju, kuras iepriekšējam standartam trūka..

    Lai saprastu CSS, jums jāsāk ar lodziņa modeli, tas sākumā ietaupīs daudz neskaidrību, un jums ir svarīgi saprast atšķirību starp apmali, polsterējumu, piemalēm utt. CSS ir diezgan viegli iemācīties un tāpat kā ar HTML, jūs uzreiz redzēsit veiktās izmaiņas. Kā jau minēts, jūs varat pievienot id vai klases elementu jebkuram HTML tagam, un jūs varat rakstīt CSS kārtulas šiem ID un klasēm. Lai atgrieztos pie mūsu piemēra, sadaļā galva, ja mēs uzrakstām šādu tekstu,

    ķermeņa {

    Fona krāsa: zila;

    }

    tā mainīs noklusējuma baltā dokumenta krāsu uz zilu.

    Viena lieta, kas jāpatur prātā, izmantojot CSS, ir tā, ka ir daudz pārlūkprogrammām specifisku tagu, tāpēc pārliecinieties, ka pārbaudāt savu vietni, izmantojot dažādus pārlūkus vai vismaz Google Chrome, Mozilla Firefox, Internet Explorer 11 un Edge. Nevajadzēs ātri apskatīt arī dažus mobilos pārlūkus, īpaši Safari IOS.

    Secinājums

    Mācīties HTML un CSS ir vieglāk nekā lielākajā daļā programmēšanas valodu, un tā var būt ļoti vērtīga pieredze. Izmantojot HTML, jūs varēsit izveidot tīmekļa lapas tieši tā, kā vēlaties, bez kompromisiem, piemēram, CMS gadījumos. HTML vietņu izveide ļaus jums tos mitināt jebkur, un tie būs ārkārtīgi ātri ielādējami un vienmērīgi.

    Pat parādoties visu veidu velciet un nometiet vietņu veidotāju tipiem, HTML nevar uzskatīt par novecojušu. Tas ir katras vietnes pamatā, un pat ar jaudīgiem CMS un vietņu veidotāju rīkiem, kas ļauj jums izveidot profesionāli izskatītu vietni bez kodēšanas zināšanām, jūs varētu vēlēties nedaudz pārveidot šeit un tur savā vietnē, lai iegūtu lietas tieši tā, kā jums gribu, lai viņi būtu. Apgūstot kādu HTML, jūs to varēsit izdarīt.

    Zināt HTML pamatus var būt noderīga prasme apgūt ikvienam, ne tikai tiem, kas plāno karjeru IT jomā. Tie, kas strādā ar tīmekļa saturu, tiešsaistes mārketingu, tulkošanu un visi, kam nepieciešama klātbūtne tiešsaistē, gūs labumu no HTML avārijas kursa.

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map