Cum să creați diferite variante ale unei linii orizontale în HTML. Cum să faci o linie folosind HTML și CSS

19.08.2019 Toate întrebările
Sarcină

Faceți o linie orizontală pe pagină.

Soluţie

Liniile orizontale sunt bune pentru a separa un bloc de text de altul. Textul mic cu linii orizontale în partea de sus și de jos atrage mai multă atenția cititorului decât textul obișnuit.

Folosind eticheta, puteți desena o linie orizontală, al cărei aspect depinde de atributele utilizate, precum și de browser. Eticheta se referă la elemente de bloc, deci linia începe întotdeauna cu linie nouă, iar după aceasta toate elementele sunt afișate pe rândul următor. Datorită numeroaselor atribute de etichetă, linia creată prin această etichetă este ușor de gestionat. Dacă conectați și puterea stilurilor, atunci adăugarea unei linii la un document devine o sarcină simplă.

În mod implicit, linia este afișată gri si cu efect de volum. Acest tip de linie nu se potrivește întotdeauna designului site-ului, așa că dorința dezvoltatorilor de a schimba culoarea și alți parametri ai liniei prin stiluri este de înțeles. Cu toate acestea, browserele au abordări mixte ale acestei probleme, ceea ce înseamnă că va trebui să utilizați mai multe proprietăți de stil simultan. În special, versiunile mai vechi ale browserului Internet Explorer Pentru culoarea liniei, utilizați proprietatea color, iar alte browsere folosesc background-color . Dar asta nu este tot, ar trebui să specificați și o grosime a liniei (proprietatea înălțimii) alta decât zero și să eliminați cadrul din jurul liniei setând proprietatea de chenar la niciunul. Punând împreună toate proprietățile pentru selectorul de ore, obținem solutie universala Pentru

browsere populare

(exemplul 1).

Exemplul 1: Linie orizontală HTML5 CSS 2.1 IE Cr Op Sa Fx Culoare

linie orizontală

hr ( chenar: niciunul; /* Eliminați chenarul */ culoare de fundal: roșu; /* Culoare linie */ culoare: roșu; /* Culoare linie pentru IE6-7 */ înălțime: 2px; /* Grosimea liniei */ ) Șir de text Rezultat

acest exemplu

prezentat în Fig. 1.
Orez. 1. Linie orizontală colorată Cu siguranță ați văzut pe unele site-uri o interdicție de a folosi butonul drept al mouse-ului. Această funcție îi combate în primul rând pe cei care doresc să vă fure conținutul. Această măsură nu vă va proteja complet de furt, dar vă va proteja complet de copierea manuală. Alte opțiuni. mouse-ul dacă postezi materiale destinate copierii pe blogul tău. Acestea pot fi coduri, scripturi, retete culinare, materiale de referință si mai mult. Interzicerea copierii în acest caz, va îndepărta vizitatorii de la tine, iar blogul tău va deveni mai puțin util vizitatorilor. Dacă protecția împotriva plagiatului este importantă pentru dvs., atunci este mai bine să adăugați adresa URL la sfârșitul copiei. Atunci vei fi sigur că, dacă cineva dorește să publice ceva copiat de la tine în altă parte pe Internet, este mai probabil ca pastorul de copiere să partajeze un link către blogul tău.
Această rețetă este potrivită pentru orice site. Tot ce trebuie să faceți este să lipiți codul pe toate paginile blogului dvs.:



În Blogger, adăugați cod la gadgetul HTML/Javascript în fila Design. Dacă utilizați una dintre cele mai recente teme de pe blogul dvs. (Emporio, Contempo, Soho, Notable), atunci nu uitați să activați vizibilitatea widget-ului (bifați caseta de lângă „Vizibil pentru toată lumea”, „Afișați widgetul „ HTML /JavaScript „”).
Pe Wordpress, adăugați codul la widgetul „Text”.

Autor: Ivanova Natalya 2019-03-03

Sărbătoarea se apropie - Ziua Internațională a Femeii. Să ne pregătim din timp pentru asta. Poți felicita fetele și femeile într-un mod original folosind serviciile de cărți poștale, despre care vom vorbi de mai jos.

Puteți utiliza aceleași servicii pentru care am folosit. Servicii de cărți poștale gata făcute

Creați o carte poștală de 8 martie online

  • Utilizați următoarele servicii pentru a crea o carte poștală practic de la zero.
  • Canva este un editor foto funcțional bine-cunoscut. Aici veți găsi multe șabloane. Este necesară înregistrarea.
  • Printclick Dacă aveți propria afacere, atunci puteți comanda un lot de cărți poștale cu logo-ul companiei și contacte. Puteți utiliza generatorul de cărți poștale princlick. Promotie excelenta si ieftina. Crello este un editor care necesită înregistrare. Nu te speria Limba engleză
  • , în setări poți trece la rusă.
  • O carte poștală online este pentru cei care au o imaginație bine dezvoltată, deoarece va trebui să creați o carte poștală de la zero. Mumotiki - pregătiți frumoasa poza
  • , și puteți adăuga un text de felicitare aici. Apropo, dacă trebuie doar să adăugați text la o imagine, atunci puteți verifica.

    Sper că, folosind unul dintre aceste generatoare, veți putea să vă felicitați în mod adecvat doamnele pe 8 martie!

    Autor: Ivanova Natalya 2019-02-17

    Conținutul articolului: Platforma Google Plus nu s-a ridicat la nivelul sperantelor dezvoltatorilor si va fi eliminata complet pe 2 aprilie 2019. Albumele asociate cu acesta vor dispărea odată cu acesta. Google Foto, va deveni autorizații inaccesibile pe site-uri cu un cont Google Plus. Din 4 februarie, funcția de creare a profilurilor, canalelor și paginilor Google Plus a devenit indisponibilă. Dacă contul dvs. a stocat conținut valoros, atunci puteți descărca copie de rezervă.
    Modificările vor afecta cel mai mult bloggerii care își conduc blogurile pe Blogspot. Unele widget-uri G+, comentarii G+ și profil Google+. Acest lucru este menționat în notificarea din zona de administrare Blogger:
    După anunţarea rezilierii Funcționează API Google+, care este programat să fie lansat în martie 2019, va introduce o serie de modificări în integrarea Blogger cu Google+ pe 4 februarie.
    Widgeturi Google+. Design-urile blogurilor nu vor mai accepta widget-urile Butonul +1, Adepții Google+ și Insigna Google+. Toate aparițiile acestor widget-uri vor fi eliminate de pe blogul dvs.
    butoane +1. Butoanele +1 și G+ vor fi eliminate, la fel și linkurile „Publicați pe Google+” din postările de pe blog și din bara de navigare.
    Vă rugăm să rețineți că, dacă utilizați un șablon personalizat care are Caracteristici Google+, poate fi necesar să fie schimbat. Vă rugăm să contactați persoana care v-a furnizat acest șablon pentru recomandări.
    Comentarii Google+. Asistența pentru comentarii va fi întreruptă folosind Google+ și toate blogurile care folosesc această funcție vor avea comentariile standard Blogger restaurate. Din păcate, comentariile postate prin Google+ nu pot fi transferate pe Blogger, așa că nu vor mai apărea pe blogul tău. Ștergerea comentariilor Google Plus Din păcate, comentariile care au fost publicate în sistem vor fi șterse definitiv. Puteți folosi doar același instrument https://takeout.google.com pentru a spune comentarii de rezervă din Google+ pe computer. Numai că nu există încărcător de încărcare pentru el și puteți restabili comentariile doar manual într-un mod destul de strâmb. Este bine că am fost la timp la timp Cum să înlocuiesc profilul Google Plus cu un profil Blogger Dacă bloguri pe Blogspot, atunci este recomandabil să revii acum de la profilul Google Plus la profilul Blogger (pentru cei care au trecut la. Google Plus la un moment dat). Recomand să faceți acest lucru chiar acum pentru a evita situațiile neprevăzute care pot apărea în timpul ștergerii Plus. Cum să-ți recuperezi profilul Blogger Acest lucru este ușor de făcut în setările de administrator Blogger:
    Setări –> Setări utilizator –> Profil utilizator – aici selectați Blogger


    Salvați modificările.

    Confirmați trecerea la și introduceți numele sau porecla dvs.

    Nu uitați să încărcați un avatar în profilul dvs. Blogger.

    Cum să ștergeți un profil Google Plus Dacă decideți să scăpați de profilul dvs. G+ odată pentru totdeauna, atunci accesați pagina dvs. Google Plus -> Setări -> derulați în partea de jos a paginii -> ștergeți contul Google Plus:


    Autor: Ivanova Natalya

    Astăzi vă voi spune ce este CSS3, cu ce se folosește, unde să îl căutați și cum să îl scrieți corect. Vă avertizez, voi spune de la mine, simplificat pentru publicul larg, așa cum văd eu + exemple. Deci, să începem de departe.
    CSS sunt stiluri în care sunt scrise proprietățile unui obiect. Aceasta înseamnă că sunt în toate motoarele existente, dacă nu le puteți găsi, atunci fie că căutați în locul greșit, fie ele chiar nu există ( site strâmb). Unde se găsesc de obicei? De obicei aceasta este rădăcina site-ului, numele fișierului style.css, deși, în principiu, numele nu este la fel de important ca extensia .css dacă fișierul cu o astfel de extensie este un fișier de stil.
    Vezi si pe blogul meu.

    Unde să le cauți? Calea către fișier este atribuită în șablonul între