Kako postaviti pametne telefone i računala. Informativni portal
  • Dom
  • TV (Smart TV)
  • Kako vidjeti izvorni kod stranice. Bit će zanimljivo za početnike

Kako vidjeti izvorni kod stranice. Bit će zanimljivo za početnike

25.04.2019 TV (Smart TV)

Naravno, vidjeli ste na nekim stranicama zabranu korištenja desne tipke miša. Ova se značajka prvenstveno bori protiv onih koji žele ukrasti vaš sadržaj. Ova mjera vas neće u potpunosti zaštititi od krađe, ali od ručna kopija dosta. Druge opcije .
Ne preporučujem gašenje. desni gumb klikova ako na svoj blog objavljujete materijale namijenjene kopiranju. To mogu biti kodovi, skripte, kuharski recepti, referentni materijali i druge. Zabrana kopiranja ovaj slučajće odbiti posjetitelje od vas, a vaš blog će postati manje koristan za posjetitelje. Ako vam je zaštita od plagijata važna, bolje je dodati svoj url na kraju kopije. Tada ćete biti sigurni da ako netko želi objaviti negdje drugdje na internetu, kopirano od vas, tada kopirajte-zalijepite vjerojatnije podijelite vezu na svoj blog.
Ovaj recept je prikladan za bilo koju web stranicu. Samo trebate zalijepiti kod na sve stranice svog bloga:

NA Bloger dodajte kôd u HTML/Javascript gadget na kartici Dizajn. Ako koristite jedan od nedavne teme na svom blogu (Emporio, Contempo, Soho, Notable), ne zaboravite aktivirati vidljivost widgeta (označite "Vidljivo svima", "Prikaži "HTML/JavaScript" widget").
Na Wordpress dodajte kod u widget Tekst.

Autor: Ivanova Natalija

2019-03-03

Bliži nam se praznik – Međunarodni dan žena. Pripremimo se za to. Djevojkama i ženama možete čestitati na originalan način koristeći usluge razglednica, o čemu raspravljat će se ispod.

Možete koristiti iste usluge za koje smo mi koristili.

Gotove usluge razglednica

Napravite razglednicu 8. ožujka online

Upotrijebite sljedeće usluge za izradu razglednice od nule.

  1. Canva je dobro poznati funkcionalni uređivač fotografija. Ovdje ćete pronaći mnoge predloške. Obavezna registracija.
  2. Printclick Ako imate vlastitu tvrtku, možete naručiti seriju razglednica s logom i kontaktima vaše tvrtke. Također možete koristiti princlick generator razglednica. Izvrsno reklamna kampanja i jeftino.
  3. Crello je uređivač koji zahtijeva registraciju. Nemojte se bojati engleskog jezika, u postavkama možete prebaciti na ruski.
  4. Internetska razglednica - za one koji imaju dobro razvijenu maštu, jer će morati izraditi razglednicu od nule.
  5. Mumotiki - pripremiti prekrasna slika, a ovdje možete dodati tekst čestitke. Usput, ako samo trebate dodati tekst na sliku, onda se možete odjaviti.

Nadam se da ćete koristeći jedan od ovih generatora moći adekvatno čestitati svojim damama 8. mart!

Autor: Ivanova Natalija

2019-02-17

Sadržaj članka:

Google Plus se gasi

Platforma Google Plus nije opravdao nade programera i bit će potpuno izbrisan 2. travnja 2019. Zajedno s njom nestat će i albumi povezani s njom Google fotografije, postati nedostupna autorizacija na stranicama s Google Plus računom. Od 4. veljače postao je nedostupna značajka stvaranje Google Plus profila, kanala i stranica. Ako je na vašem računu bio pohranjen vrijedan sadržaj, možete preuzeti sigurnosna kopija.
Većina promjena utjecat će na blogere koji vode svoje blogove na Blogspotu. Neki G+ widgeti, G+ komentari i google profil+. Ovo je navedeno u obavijesti u administratorskoj ploči Bloggera:
Nakon objave raskida API rad Google+, koji je zakazan za ožujak 2019., dogodit će se brojne promjene u integraciji Bloggera s Google+ 4. veljače.
Google+ Widgeti. Widgeti gumba +1, Google+ sljedbenika i Google+ značke više neće biti podržani u dizajnu blogova. Sve instance ovih widgeta bit će uklonjene s vašeg bloga.
Gumbi +1. Gumbi +1 i G+ bit će uklonjeni, kao i veze "Podijeli na Google+" ispod postova na blogu i na navigacijskoj traci.
Napominjemo da ako koristite prilagođeni predložak koji ima Google značajke+, možda ga treba promijeniti. Zatražite smjernice od osobe koja vam je dala ovaj predložak.
Google+ komentari. Komentari će biti obustavljeni koristeći Google+, a svi blogovi koji koriste ovu značajku vratit će zadane Blogger komentare. Nažalost, komentari objavljeni putem usluge Google+ ne mogu se prenijeti na Blogger, pa se više neće pojavljivati ​​na vašem blogu.

Brisanje Google Plus komentara

Nažalost, komentari koji su objavljeni u sustavu bit će zauvijek izbrisani. Možete koristiti samo isti alat https://takeout.google.com kako biste svom računalu rekli pričuvne komentare s Googlea+. Samo bootloader nije predviđen za to, a komentare možete vratiti samo ručno na prilično kriv način. Dobro je da sam u svoje vrijeme na vrijeme.

Kako zamijeniti google plus profil blogger profilom

Ako pišete blog na Blogspotu, dobra je ideja da se sada vratite sa svog Google Plus profila na Blogger profil (za one koji su se prije prebacili na Google Plus). Preporučujem da to učinite odmah kako biste izbjegli nepredviđene situacije koje se mogu dogoditi prilikom brisanja Google računi Plus.

Kako vratiti svoj Blogger profil

To je lako učiniti u administratorskim postavkama Bloggera:
Postavke –> Korisničke postavke–> Korisnički profil – ovdje odaberite Blogger


Spremite promjene.

Potvrdite prijelaz na i unesite svoje ime ili nadimak.

Ne zaboravite prenijeti avatar na svoj Blogger profil.

kako izbrisati google plus profil

Ako se odlučite riješiti svog G+ profila jednom zauvijek, idite na svoju Google Plus stranicu –> Postavke –> pomaknite se do dna stranice –> izbrišite svoj Google Plus račun:


Autor: Ivanova Natalija

Danas ću vam reći što je CSS3, s čime se jede, gdje ga potražiti, kako ga pravilno napisati. Upozoravam, reći ću od sebe, pojednostavljeno za širu javnost, kako ja to vidim + primjeri. Dakle, krenimo izdaleka.
CSS su stilovi koji opisuju svojstva objekta. To znači da se nalaze u svim postojećim motorima, ako ih ne možete pronaći, onda potražite na krivom mjestu ili stvarno ne postoje ( mjesto krivulje). Gdje se obično nalaze? Obično je to korijen stranice, naziv datoteke style.css, iako, u načelu, naziv nije toliko bitan koliko ekstenzija .css ako je datoteka s takvim ekstenzijom stilska datoteka.
Vidi i na mom blogu.

Gdje ih tražiti?

Put do datoteke pripisan je u predlošku između
" />
Blogspot je malo drugačiji, gdje se stilovi pišu točno u kodu, prije oznake između
ovdje stilovi

Kako izgledaju stilovi?

pogledajmo primjer:
#zaglavlje ( pozadina: #fff; veličina fonta: 13px; visina linije: 1,5; obitelj fonta: Georgia,"Times New Roman","Bitstream Charter",Times,serif; boja: #333; ) .kontakti ( pozicija: apsolutna; gore: 20px; desno: 10px; )
kontakti autora web stranice
Možete vidjeti stilove na bilo kojem mjestu, sve što trebate je preglednik. Sada ih možete lako prepoznati čitajući kako izgledaju u ovom članku.
Kao što vidite, stilovi su različito napisani. Stilovi koji počinju znakom funte imaju specifičan ID bloka u , stilovi s točkom imaju specifičnu klasu bloka. Inače, stilovi neće funkcionirati. Možete smisliti imena koja god želite, glavno je da odgovaraju napisanom ID-u i klasi u html-u. Svojstva stila moraju biti u zagradama i nakon njih dvotočka ( pogledajte gornji primjer), parametar se piše i zatvara točkom i zarezom. Dopušteno je da u posljednje svojstvo na kraju ne možete staviti točku i zarez, samo zagradu.
Dešava se da je CSS odmah napisan u bloku, bez izlaska u zasebnu datoteku:
zaglavlje stranice

CSS na Blogspotu

Stilovi se mogu pisati različito, kasnije ću objasniti zbog čega. Otvaranjem koda možemo vidjeti ovo (pažljivo pogledajte stilove i vidjet ćete poznate blogerske oznake koje postavljaju stilove):
Kao što vidite, svojstvo stila .Zaglavlje h1 navedeni zasebno gore. Kako razumjeti i pronaći nekretninu? jako jednostavno, font postoji parametar zaglavlje.font, to je ono što tražimo. Nalazimo ga u grupi svojstava "Naslov bloga" za stil ".header h1", unutar 2 svojstva "header.font" i "header.text.color". Ovdje ih mijenjamo. To je učinjeno kako bi se ubrzalo čitanje stilova od strane preglednika, tako da postavlja manje zahtjeva. Uostalom, vlasništvo zaglavlje.tekst.boja može se ponoviti na drugom mjestu. U nastavku je više zaglavlje.sjena.pomak.lijevo i drugi, značenje u njima je isto, neću ponavljati.
Kad kažu da tražimo u css-u (ili stilovima), to znači da tražimo blogspot između oznaka
i obično prije oznake
osim naravno ako nisu napisani izravno u html-u (primjer iznad, stilovi u blokovima). U ostalim cms-ovima sve se obično stavlja u zasebnu datoteku s nastavkom .css

Autor: Ivanova Natalija

2019-02-15

Ovaj najnoviji članak napisan je kako bi pružio ažurne informacije o uklanjanju suvišnih veza iz Blogspot predložaka, kao i novih tema za Blogger. Kao što znate, došlo je do promjena u kodovima Bloggera u 2018., tako da se mnoge radnje koda moraju izvršiti na nov način. Osim toga, postoje nove teme koje su drugačije oblikovane. U vezi s ovim promjenama analizirat ćemo temu brisanja poveznica.
Vanjske veze možete provjeriti na svom blogu na uslugama https://pr-cy.ru/link_extractor/ i https://seolik.ru/links. Ne zaboravite da morate provjeriti ne samo glavnu stranicu bloga, već i stranicu zapisa (posts) i stranice (Page). Velik broj vanjskih poveznica otvorenih za indeksiranje ometa.

Kako ukloniti veze iz starog standardnog Blogger predloška

Na primjeru predloška Simple.
Takvi predlošci daju najviše ulaznih poveznica. U mom testnom blogu, prilikom instaliranja jednostavne teme, prilikom provjere, na glavnoj stranici pronađeno je 25 vanjskih poveznica, od kojih je 14 indeksirano.
Podsjećam vas da prije izmjena koda predloška napravite sigurnosnu kopiju!
  1. Ukloni vezu za Blogger - https://www.blogger.com/. Ova je veza omotana u widget Attribution. Na kartici "Dizajn bloga" pojavljuje se kao gadget Attribution i . Da biste ga uklonili, idite na karticu "Tema"-> uredi HTML. Traženjem widgeta (popis widgeta) nalazimo Attribution1 i brišemo sav kod zajedno s odjeljkom podnožja u kojem je zatvoren. Ovako izgleda uklonjeni kod u sažetom obliku:


    I tako cijeli kod:














    Spremamo promjene i provjeravamo blog za atribuciju.
  2. Zasigurno ste na svom blogu vidjeli ikone "Ključ i odvijač" za brzo uređivanje widgeta. Svaka takva ikona sa sobom nosi vanjsku poveznicu na Blogger. Sada su zatvoreni oznakom nofollow, ali ih se ipak morate riješiti. Widgete ćete uređivati ​​na kartici Dizajn.
    Ovdje je nepotpun popis veza koje su šifrirane u ikonama francuskog ključa (ID bloga bit će vaš)
    - HTML1 Widget: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML1&action=editWidget§ionId=header
    - HTML2 widget http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=HTML&widgetId=HTML2&action=editWidget§ionId=header
    - Arhiva bloga: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=BlogArchive&widgetId=BlogArchive1&action=editWidget§ionId=main
    - Oznake bloga: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=Label&widgetId=Label1&action=editWidget§ionId=main
    - Popularne objave: http://www.blogger.com/rearrange?blogID=1490203873741752013&widgetType=PopularPosts&widgetId=PopularPosts2&action=editWidget§ionId=main
    Svih ovih poveznica lako se riješiti. Pronađite oznaku u predlošku svog bloga . Pojavljuje se onoliko puta koliko ima widgeta na vašem blogu. Uklonite sva pojavljivanja oznake .
  3. Uklanjamo poveznice za brzo uređivanje unosa na blogu (ikona "Olovka"). Olakšava uređivanje postova, ali nosi prijetnju kao vanjska poveznica obrasca: https://www.blogger.com/post-edit.g?blogID=1490203873741752013&postID=4979812525036427892&from=pencil
    Kako izbrisati:
    Metoda 1. Na kartici Dizajn uredite element "Postovi na blogu" i poništite potvrdni okvir "Prikaži "Brzo uređivanje"".
    Metoda 2. pronađite oznaku u predlošku bloga i izbrišite ga. Spremite promjene i potražite ikonu i vezu na blogu.
  4. Izbriši Navbar. Potražite widgete u html predlošku bloga Navbar1 i izbrišite sav kod zajedno s odjeljkom.

    Naime:









    Sada Navbar na blogu ne pruža indeksirane vanjske veze, ali vjerujem da je to dodatni element koji ne nosi funkcionalno opterećenje i bolje ga je ukloniti.
  5. Uklonite vanjske veze na slike. Kada se slike učitaju u post na blogu, poveznica se automatski ugrađuje u njih. Da biste uklonili takve veze, morate urediti sve postove na blogu. U načinu rada “View”, a zatim na ikonu “Link”. Ako slika ne sadrži vanjsku poveznicu, tada kada kliknete na fotografiju u uređivaču objava, ikona “Link” nije aktivna (ikona nije označena).

  6. Uklonite vezu na profil autora bloga. Izbrišite autora bloga ispod unosa. Da biste to učinili, pronađite kôd pravii napiši lažno umjesto istinito. Ispada lažno
  7. Zatvorite vezu iz widgeta “ ” od indeksiranja pomoću oznake nofollow. Ako u svom blogu koristite widget "profil", upotrijebite brzo pretraživanje widgeta u predlošku bloga kako biste pronašli kod gadgeta Profile1. Morate urediti kod widgeta, zamjenjujući rel='author' s na dva mjesta i dodajući na dvije veze. Trebali biste dobiti nešto poput slike zaslona:


    Izrađeno na primjeru uređivanja Google Plus profila. Podsjetimo, Google Plus se postupno ukida 2. travnja 2019. Sukladno tome, nakon ovog datuma bit će potrebno izvršiti druge promjene u kodu widgeta “O meni”.

  8. Provjerite vanjske poveznice na bilo kojoj stranici s objavama na Blogspotu koja ima komentare. Pronađite i izbrišite kod u predlošku bloga:

    U Postavkama bloga duž staze Postavke bloga -> Ostalo -> Feed stranice -> Dopusti Feed bloga, primijenite sljedeće postavke:

Uklonite vanjske veze iz novog zadanog Blogger predloška

Na primjeru teme Notable
  1. Uklanjanje atribucije (link ispod - Blogger Technologies)
    Pronalazimo Attribution1 u predlošku bloga za pretraživanje widgeta (popis widgeta) i brišemo kod zajedno s odjeljkom po analogiji sa starim predloškom Blogger (vidi gore 1).
  2. Uklonite vezu iz widgeta "Prijavi zlouporabu". Ovo je widget ReportAbuse1. U potrazi za widgetima nalazimo:
    Cijeli kod izgleda ovako:




  3. Provjeravamo stranicu objave bloga s komentarima i uklanjamo veze analogno starim predlošcima bloga (vidi gore - točka 8).
  4. Uklonite veze iz objava na blogu koje su ugrađene u slike posta (pogledajte točku 5).

Autor: Ivanova Natalija

Dugo mi je opcija “prikaži izvorni kod stranice” bila beskorisna i nezanimljiva. Do sada učenje HTML-a na Codecademyju i izrada vlastitih stranica nije preraslo u moj novi hobi. Ovdje se postavilo pitanje: gdje pronaći stvarne slučajeve i posuditi zanimljiva rješenja za svoju "kasicu prasicu"? Odgovor je bio iznenađujuće jednostavan, poput svih genija: pogledajte izvorni kod stranice u Google Chromeu! Dijelim s vama svoja skromna otkrića.

Što je izvorni kod stranice

Ako i vi, poput mene, tek radite prve korake u HTML programiranju, neće biti suvišno znati koji je izvorni kod stranice.

Izvorni kod, također poznat kao HTML kod stranice, je tekst u Hyper Text Markup Language (HTML). Uključuje stvarni sadržaj stranice (tekst, tablice) i oznake. Potonji igraju ulogu uputa za preglednik: kako prikazati sadržaj, kakvu vrstu oblikovanja koristiti, gdje umetnuti hipervezu ili medijsku datoteku. Pa, za nas, programere početnike, izvorni kod je najbolji teren za vježbanje: pronađemo zanimljivo mjesto i zavirimo, spremimo, koristimo uspješne fragmente. Kako?

Kako pogledati izvorni kod na stranici preglednika Google Chrome

Pronađite stranicu koja vam se sviđa. Na primjer, zanimao me dizajn jelovnika stranice. Postoje tri načina za otvaranje izvornog koda u pregledniku Google Chrome:

  1. Kliknite na ikonu izbornik u gornjem desnom kutu preglednika i odaberite "Više alata". Među ostalim, postoji opcija "View Source Code". Iskreno, rijetko koristim ovu metodu: puno nepotrebnih pokreta. Može se učiniti još lakšim.
  2. Pritisnite kombinaciju tipki Ctrl+U- otvara novi prozor s izvornim kodom;
  3. Za ljubitelje kontekstnog izbornika: desnom tipkom miša kliknite stranicu i odaberite opciju "Prikaži kod stranice".

Nosili smo se sa zadatkom pregleda HTML koda stranice u pregledniku. Prolazimo do najzanimljivije faze.

Kako urediti i spremiti izvorni kod

Da biste naučili kako izraditi web stranice, nije dovoljno pročitati tuđi HTML kod. S njim se treba igrati, eksperimentirati, mijenjati i provjeriti rezultat. Možete čak početi sastavljanjem nekoliko uspješnih uzoraka. Kako urediti i spremiti izvorni kod?

Opcija 1. "Ručno"

Nakon što smo otvorili izvorni kod stranice pozivamo kontekstni izbornik i odabiremo opciju "Spremi kao" te datoteku spremamo na tvrdi disk. Datoteku uređujemo u Notepadu ili Notepadu, spremamo promjene i otvaramo kroz preglednik. Rezultati naših promjena (uspješni i lošiji) odrazit će se u prozoru preglednika.

Opcija 2. Za profesionalce

Kada se svaki dan "igrate" s izvornim kodom, proces "spremi - otvori - promijeni - spremi - provjeri" je naporan. Za sebe sam pronašao rješenje u obliku instaliranja dodatka za Google Chrome - Firebug Lite. Omogućuje vam uređivanje i spremanje izvornog koda bez napuštanja prozora preglednika.

Vjerojatnost gledanja u početni kod mreža stranice, koju preglednik prima kao rezultat zahtjeva poslužitelju, nalazi se zapravo u svakom internetskom pregledniku. Pristup odgovarajućoj naredbi organiziran je približno identično, ali postoje značajne razlike u tome na koji način iu kojem obliku će vam se prikazati početni kod .

Uputa

1. U pregledniku Mozilla FireFox proširite odjeljak "View" iz izbornika i kliknite na "Initial" kod stranice". Ista stavka nalazi se i u kontekstnom izborniku koji se pojavljuje kada desnom tipkom miša kliknete tekst stranice. Dopuštena je i tipkovnička prečaca CTRL + U. Mozilla FireFox ne koristi vanjske programe – početni kod stranice s označavanjem sintakse otvorit će se u zasebnom prozoru preglednika.

2. U Internet Exploreru kliknite na izbornik Datoteka i odaberite Uredi u Notepadu. Umjesto naziva Notepad može se napisati neki drugi program kojem ste u postavkama preglednika dodijelili pregled početnih kod a. Na klik stranice desnom tipkom miša pojavljuje se kontekstni izbornik koji također ima stavku koja vam omogućuje otvaranje početnog kod stranice u vanjskom programu - "View HTML- kod a".

3. U pregledniku Opera otvorite izbornik, idite na odjeljak "Stranica" i vjerojatno ćete više voljeti stavku "Početno" u pododjeljku "Alati za razvoj". kod” ili stavka “Inicijal kod okvir". Ovom odabiru dodijeljene su tipke prečaca CTRL+U i CTRL+SHIFT+U. U kontekstnom izborniku priloženom kliknite stranice desnom tipkom miša, tu je i stavka "Inicijal kod". Opera otvorenog koda stranice u vanjskom programu koji je dodijeljen u OS-u ili u postavkama preglednika za uređivanje HTML datoteka.

4. Google Chrome preglednik, bez ikakve sumnje, ima najbolju organizaciju za pregledavanje inicijal kod a. Desnim klikom na stranicu možda ćete više voljeti Pogled kod a stranice”, a zatim će se izvorni kod s isticanjem sintakse otvoriti u posebnoj kartici. Ili možete preferirati u istom izborniku redak "View kod element" i preglednik će na istoj kartici otvoriti dva dodatna okvira u kojima možete pregledati HTML i CSS - kod bilo koji element stranice. Preglednik će reagirati na pomicanje kursora preko redaka kod i isticanje elemenata na stranici koji odgovaraju ovom odjeljku HTML-a kod a.

5. U pregledniku Apple Safari proširite odjeljak "View" i odaberite redak "View HTML kod a". U izborniku koji se pojavljuje kada desnom tipkom miša kliknete otvorite stranice, odgovarajuća stavka nosi naslov "Prikaži izvor". Ovoj radnji dodijeljene su tipke prečaca CTRL + ALT + U. kod otvara se u zasebnom prozoru preglednika.

Potrebno je brzo vidjeti sve promjene na samoj stranici, bez utjecaja na datoteke i kod stranice objavljene na Internetu. Na primjer, promijenite shemu boja bloka, premjestite pomaknuti element itd.

Da bi to učinili, mnogi webmasteri koriste lokalne poslužitelje Denwer ili OpenServer, pokrećući potpunu kopiju stranice na svom računalu. Ova je metoda univerzalna i prikladna za profesionalce, s njom možete provjeriti rad raznih skripti i dodataka, eksperimentirati s promjenom dizajna i urediti sve datoteke web-mjesta, a nakon testa prenijeti odgovarajuće promjene izravno na web-mjesto.

Za korisnike koji su daleko od umjetnosti webmastera, preporučujem korištenje preglednika za ove svrhe. Budući da koristim Chrome, dat ću upute sa snimkama zaslona za ovaj preglednik. Po analogiji, možete raditi s Opera, Yandex.Browser, Mozilla Firefox i drugim preglednicima, princip njihovih alata je sličan.

Uputa 1: kako pregledati cijeli HTML kod stranice u pregledniku

Otvorite traženu web stranicu svoje web stranice. Desnom tipkom miša kliknemo traženi element, pojavit će se kontekstni padajući izbornik preglednika s dostupnim naredbama:

Slika 1. Prikaz cijelog HTML koda web stranice u pregledniku Chrome

Važno: Naredbe u padajućem izborniku mogu se razlikovati, na primjer, za aktivne elemente (veze, slike, videozapisi) i neaktivne elemente (tekst, pozadina, divovi):

Slika 2. Padajući izbornik preglednika Chrome

Stoga, ako ne pronađete potrebnu naredbu, jednostavno kliknite desnom tipkom miša negdje drugdje ili upotrijebite prečace preglednika.

Vraćajući se na sliku 1, ona prikazuje potrebnu naredbu za prikaz cijelog HTML koda originalne web stranice, zove se " Pogledajte kod stranice". Kliknemo na naredbu, otvorit će se novi tab s punim kodom izvorne web stranice, veliki plus za sve - pogled je dostupan s označavanjem sintakse:

Slika 3. Isječak koda za ovu stranicu

Ovaj je alat vrlo koristan za pronalaženje i uređivanje elemenata koje tražite.

Alternativni načini za prikaz cijelog HTML-a web stranice

Za brži pristup možete koristiti druge načine za pozivanje ovog alata

  1. Na slici 1 također vidimo da je ova naredba dostupna preko tipkovničke prečice. + ;
  2. Zalijepite u adresnu traku preglednika view-source: mjesto umjesto moje domene, zalijepite svoju adresu;

Obje metode su univerzalne i trebale bi raditi u svim preglednicima.

Možda će se nekima na prvu učiniti da ovo uopće nije neophodan alat, ali pregled cijelog HTML koda stranice odličan je za pronalaženje potrebnih elemenata u kodu, to mogu biti poveznice, oznake, meta oznake, atributi i drugi elementi.

Kombinacija vrućih tipki +otvorite okvir za pretraživanje, u pregledniku Chrome pojavljuje se gore desno:

Slika 3. Pretraživanje po kodu stranice

Nakon što napravite zahtjev u obrascu za pretraživanje, ekran će se pomaknuti na prvi pronađeni element, pomoću strelica možete se kretati između njih i odabrati onaj koji vam je potreban:

Slika 4. Pretraživanje prema HTML kodu web stranice

Uputa 2: Kako pregledati i urediti HTML i CSS kod web stranice u pregledniku Google Chrome

Sada najvažniji dio, u kojem ću pokazati kako možete urediti HTML i CSS kod stranice u pregledniku. zatim prenesite promjene u preglednik.


Evo tako korisnog alata uvijek dostupnog u vašem pregledniku, eksperimentirajte s drugim naredbama koje će vam olakšati uređivanje stranice.

". Ista stavka nalazi se iu kontekstnom izborniku koji, ako desnom tipkom miša kliknete tekst stranice. Također možete koristiti tipkovni prečac CTRL + U. Mozilla FireFox ne koristi vanjske programe - original kod stranice s označavanjem sintakse otvorit će se u zasebnom prozoru preglednika.

U Internet Exploreru kliknite na izbornik Datoteka i odaberite Uredi u Notepadu. Umjesto naziva Notepad može se napisati neki drugi koji ste u postavkama preglednika dodijelili za pregled originala kod a. Na klik stranice Desnim klikom otvara se kontekstni izbornik koji također ima stavku koja vam omogućuje otvaranje izvora kod stranice u vanjskom programu - "View HTML- kod a".

U pregledniku Opera otvorite izbornik, idite na odjeljak "Stranica" i imat ćete priliku odabrati stavku "Izvor" u pododjeljku "Alati za razvoj". kod” ili stavka “Inicijal kod okvir". Ovom odabiru dodijeljene su tipke prečaca CTRL+U i CTRL+SHIFT+U. U kontekstnom izborniku priloženom kliknite stranice desnom tipkom miša, tu je i stavka "Izvor kod". Opera izvor stranice u vanjskom programu koji je dodijeljen u OS-u ili u postavkama preglednika za uređivanje HTML datoteka.

Preglednik Google Chrome bez sumnje ima najbolju organizaciju izvornog preglednika. kod a. Desnim klikom miša možete odabrati Pogled kod a stranice”, a zatim će se izvorni kod s isticanjem sintakse otvoriti u posebnoj kartici. Ili u istom izborniku možete odabrati redak "Prikaz kod element" i na istoj kartici će se otvoriti dva dodatna okvira u kojima možete pregledati HTML i CSS - kod element stranice. Preglednik će reagirati na pomicanje kursora preko redaka kod i isticanje elemenata na stranici koji odgovaraju ovom odjeljku HTML-a kod a.

Najpopularniji povezani članci

Preuzmite play market verziju android 4
Preuzmite play market verziju android 4
Tarifa Vodafone red s - za pozive unutar Ukrajine i u roamingu
Tarifa Vodafone red s - za pozive unutar Ukrajine i u roamingu
Kako postaviti kanale na TV-u Kanali se ne spremaju na stari shivaki TV
Kako postaviti kanale na TV-u Kanali se ne spremaju na stari shivaki TV
Kategorije:
© 2022 bumotors.ru. Kako postaviti pametne telefone i računala. Informativni portal.