Sfat 1: Cum să desenați subliniere
Sfat 1: Cum să desenați subliniere
În limbajul de marcare hipertext (HTML - HyperText Markup Language), care este folosit pentru a crea pagini web, există mijloace de evidențiere sublinia parte a textului. Adesea, aceeași limbă este utilizată pentru descrierea stilurilor de cascadă (CSS - Sheets of Cascading Style Sheets).
instrucție
1
În HTML există o etichetă specială,destinat să sublinieze textul plasat între jumătățile sale de deschidere (<u>) și închidere (</ u>). În forma cea mai simplă, partea din codul de pagină care utilizează această metodă de subliniere ar putea arăta astfel: <u> acest text subliniat </ u>
2
În plus, în orice linie de tag sau blocelement de element, puteți specifica un atribut numit stil și puteți pune o descriere a stilului de conținut în el. Printre alte descrieri de stil există o selecție de text sublinia. În limba css, descrierea textului subliniatarata astfel: text-decoration: underline; De exemplu, un tag al paragrafului de text cu aceasta indicatie ar putea arata astfel: <p style = "text-decoration: underline"> Un intreg text de text subliniat </ p>
3
Cu toate acestea, descrierea stilurilor este rar pusă în interiorEtichete HTML, acestea sunt de obicei redate în blocuri separate de descrieri. Astfel de blocuri sunt plasate în partea antet a documentelor web (între tag-uri <head> și </ head>) sau stocate în fișiere de stiluri externe cu extensia css. Pentru a accentua tot textul din pagină, această descriere ar trebui plasată în interiorul selectorului HTML: <html {text-decoration: underline;} </ style> Dar acest lucru este rareori necesar, deci mai des ca un selector indicați numele unei clase. De exemplu: <style type = "text / css"> și {text-decoration: underline; culoare: Roșu} </ style> Aici se declară că textul din interiorul fiecărei etichete căruia îi este atribuită clasa und und trebuie să fie colorat roșu și subliniat. Cel mai adesea, clasele pentru diferite manipulări cu text sunt utilizate împreună cu eticheta Span. De exemplu, codul HTML pentru un paragraf de text, o parte din care este evidențiat subliniaS-ar putea arata astfel: <p> paragraf text cu o bucată de <span class = "und"> marcate în roșu </ span> </ p>
Sfat 2: Cum să subliniem în text
Sublinierea servește pentru a evidenția oricescrisoare, cuvânt sau fragment de text și se referă la elementele de formatare. Unii editori de text și formate de fișiere nu pot funcționa cu formatarea - de exemplu, Windows Notepad standard și format txt. În alte cazuri, evidențierea unui fragment de text utilizând sublinierea este una dintre cele mai simple operații.
instrucție
1
Porniți editorul de text care arefuncțiile de formatare a textului - de exemplu, Microsoft Office Word. Încărcați un document în acesta, în care doriți să evidențiați litera, cuvântul sau orice parte a textului - puteți utiliza combinația de taste ctrl + o pentru a apela dialogul corespunzător. Găsiți fragmentul dorit în text și selectați-l. Apoi, în fila "Basic", faceți clic pe pictograma de subliniere - arată litera subliniată "Ç". Dacă aveți nevoie de o opțiune subliniere non-standard, faceți clic dreapta pe selecție și alegeți "Font" din meniul contextual. În fereastra care se deschide, există o listă derulantă "Underline" - selectați oricare din cele 17 opțiuni din ea, apoi faceți clic pe "OK".
2
Dacă doriți să subliniați textul înHTML-document, apoi în codul său este necesar să adăugați etichetele corespunzătoare. Înainte de primul caracter al fragmentului, pe care doriți să îl subliniați, ar trebui să existe o etichetă de deschidere , iar după ultimul caracter subliniat trebuie să introduceți eticheta de închidere . De exemplu:
Acesta este un paragraf cu textul subliniat . Dacă utilizați modul WYSIWYG pentru a edita paginile sistemului de gestionare a site-ului, etichetele necesare sunt inserate automat. În acest caz, selectați doar fragmentul dorit și faceți clic pe butonul de subliniere din panoul editorului.
3
Dacă puneți accent pe cuvinte sau scrisori, trebuie să faceți astamesaj trimis la un forum sau chat, apoi găsiți butonul corespunzător din panoul de editare a mesajelor. Uneori este prezent doar într-o formă extinsă de editare. În mod obișnuit, pictograma afișează litera engleza U cu o subliniere - faceți clic pe ea, subliniind fragmentul de text dorit.
Sfat 3: Cum se fac blocuri în CSS
CSS este o foaie de stil în cascadă, care este o limbă pentru descrierea aspectului paginilor web. Unul dintre principalele avantaje ale CSS este capacitatea de a înlocui planurile tabelului cu layout-uri bloc.
Veți avea nevoie
- Editor de cod HTML
instrucție
1
Creați primul bloc.Ca HTML, va arăta ca o etichetă div cu id 'block01'. Aici, blocul de identificare01 indică faptul că în descrierea CSS toate proprietățile acestui bloc sunt specificate pentru selectorul # block01.
2
Descrieți blocul din CSS.In stilurile CSS, specificați identificatorul nume (# block01) și acolade descriu parametrii - lățime, de poziționare, de deplasare, de culoare de fundal, etc. De exemplu, s-ar putea arata astfel: # block01 {width: 150px; înălțime: 150px; poziția: absolută; top: 0px; stânga: 0px; fundal-culoare: roz}. Această descriere presupune că blocul va avea o lungime și o lățime de 150 de pixeli, acesta va fi amplasat în mod fix colțul din stânga sus al documentului, iar fundalul trebuie să fie colorat în roz.
3
Setați poziția relative a blocului.În cazul în care caietul de sarcini CSS nu folosește de poziționare absolută și relativă, puteți plasa blocuri nu sunt coordonate rigide Grid, și în raport cu alte unități, deja existente. Pentru a face acest lucru, schimbați poziția: absolută; top: 0px; stânga: 0px la poziție: relativă; top: 200px; stânga: 100px.
4
Dați blocul o rundă.În CSS, instrucțiunea pentru raza de frontieră este responsabilă pentru aceasta. Adăugați următorul cod în foaia de stil: raza de graniță: 8 pixeli. Acum blocul va avea rotunjite colțuri. Dacă doriți să rotunjiți numai unghiuri, descrieți raza separat pentru fiecare dintre ele: raza de graniță: 8px 8px 0px 0px.
5
Setați cursa în bloc.Pentru a selecta contururile blocului cu o linie subțire, adăugați următorul cod în descrierea sa CSS: border-top: 1px negru întrerupt. Această instrucțiune înseamnă că limita blocului va fi negru și va avea un pixel în grosime. În acest caz, linia de contur în sine va fi afișată ca o linie punctată (punctată - punctată, punctată - puncte, linie solid - solidă).
6
Setați proprietățile blocului rămas.Specificați în descrierea CSS ce tip de căști ar trebui să fie utilizat pentru textul din interiorul blocului, care ar trebui să fie mărimea fontului, alinierea acestuia și indentarea de la marginile blocului. Aceste proprietăți sunt descrise în definițiile font-family, font-size, text-align și padding.
7
Pentru a configura fluxul unui bloc de către alții,puteți utiliza proprietatea float. Dacă l-ați setat la "stânga", celelalte elemente vor curge în jurul blocului din stânga și "dreapta" în dreapta. Dacă setați valoarea floatului ca "none" - alinierea blocului nu va fi setată. Proprietatea clară din CSS împiedică blocul să curgă din dreapta, din stânga sau din ambele părți și anulează instrucțiunea float.
Sfat 4: Cum să eliminați sublinierea legăturilor
Modificați modul în care sunt afișate link-urile pe siteEi doresc mai multe webmasteri, dar nu este singur cu cunoștințele de tag-uri HTML posibile. Dacă doriți să aveți link-uri au dispărut subliniere, HTML nu ajută - necesitatea de a utiliza coduri CSS pentru mulți care reprezintă semnificative trudnost.Ischeznovenie sau manifestarea caracteristicilor atunci când treceți peste un link către site-ul dvs. adaugă un neobișnuit și atrage utilizatori, așa că, dacă - proprietarul site-ul și webmaster, ar putea fi util pentru a învăța un simplu proces de eliminare a subliniere în referințe.
instrucție
1
Luați ca exemplu orice linie de text,pe care doriți să faceți o legătură. Pentru lucrare aveți nevoie de parametrul text-decoration: none. Dacă îl adăugați la codul paginii într-un anumit loc, linia de subliniere a link-ului va dispărea. Găsiți următorul cod și după litera "A" introduceți parametrul stil text de mai sus al textului.
2
Schimbând codul în acest fel, ați eliminatsubliniați legătura. Acum, dacă doriți să faceți acest lucru pentru a sublinia din nou, apare numai atunci când treceți peste link-ul, iar culoarea atunci când treci schimbat, să zicem, roșu, adăugați codul pentru următorii parametri: a: hover {text-decoration: subliniază; culoare: roșu} aici, după cum puteți vedea, nu a fost încă o dată subliniere setarea parametrilor și culoare.
3
Aici, după cum puteți vedea, parametrul a apărut din nousubliniaza si optiunea de culoare adauga ultima treime a codului la piesele descrise mai sus, va fi partea finala si veti introduce direct textul link-ului propriu-zis, unde puteti verifica efectul rezultat.
Text de verificare a linkului
