1 / 31

Teksto formatavimas

Šiaulių Profesinio rengimo centras Technologijų skyrius TK12-2 grupė HTML pradžiamokslis Monikos Vasiljevaitės darbas 2013-03-03. Teksto formatavimas.

Download Presentation

Teksto formatavimas

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Šiaulių Profesinio rengimo centrasTechnologijų skyriusTK12-2 grupėHTML pradžiamokslisMonikos Vasiljevaitės darbas2013-03-03

  2. Teksto formatavimas HTMLkalboje teksto formatavimasyra atliekamas naudojant tokias žymes kaip <i> ar <strong>, kurios tekstą padaro pasvirusiu, ar paryškintu. Tokios žymės yra vadinamos formatavimo žymėmis. • Formatavimo žymes galite išbandyti šiuose pavyzdžiuose: • pagrindinių teksto formatavimo žymių pavyzdys • kompiuterinio teksto formatavimo žymių pavyzdys • citavimo ir apibrėžimų teksto formatavimo žymių pavyzdys Iš pavyzdžių galite pamatyti, kad nemažai žymių duoda panašų, kartais tokį pat rezultatą, tačiau suCSSstiliais galime pakeisti kiekvieną iš jų atskirai.

  3. Pagrindiniai elementai HTMLšifruojasi taip: HyperTextMarkupLanguage. HTMLnėra programavimo kalba, tai yra žymėjimo kalba. • HTML antraštėsHTML paragrafaiHTML perėjimas į naują eilutęHTML komentaraiHTML tarpai

  4. HTML kalbos įvadas • HTMLyra kalba, kuri apibūdina puslapio struktūrą naršyklei. HTMLparodo, ką atvaizduoti puslapyje, bet neparodo kaip. Į klausimą kaip? atsako CSS kalbos taisyklės, kitaip dar vadinamieji - stiliai. Šiame straipsnyje rasite pradinę informaciją apie HTML.

  5. HTML kodai • <HTML> Nurodo, kad tai HTML dokumentas • <HEAD> • <TITLE> • </TITLE> • </HEAD> • <BODY> Nurodo dokumento ‘‘kūną‘‘ • </BODY> • </HTML> • <B> paryškinamasis • <I> pasvirimas

  6. <U>pabraukimas • <HB> • <BR> kelia į kt. eil. • <HR> linija • <H1> pav. dydis • </H1>Nurodo antraštes. • <H2> ir <H6>Galimi 6 skirtingi dydžiai. • <CENTER> padėti į centrą • <RIGHT>

  7. <P CENTER> • </CENTER> • </RIGHT> • <FONT SIZE>... tekstas • <FONT FACE>... stilius • <FONT COLOR> spalva • </FONT> • <P> h 1-6 Nurodo paragrafą • <HR WIDTH> Horizontali linija • <HR SIZE> linijos dydis • <a href = nuoroda į failą.

  8. Spalvų kodai

  9. MidnightBlue

  10. </a/ iterpianuorada • <imgsrc< “kelias .Iki. Paveikslėlio“ • Alt = ‘‘ alternatyvus, tekstas‘‘/> • <imgsrc =‘‘ • Target = ‘‘blank‘‘ • <table> • <tr> • Itraukimas<td>TD</td> • 2lana<td>TD</td>

  11. </tr> • <tr> • <td><abas</td><td>ATEL/td> • </tr> • <table> nurodo lentelę • <!-- -->Nurodo komentarus, jų nesimato naršyklėje, nebent pasižiūrėjus puslapio kodą (source)

  12. HTML teksto formatavimas - pagrindinės žymės • <strong> Nurodo paryškintą tekstą • <big> Nurodo padidintą tekstą • <em>Nurodo pabrėžtą tekstą • <i>Nurodo pasvirusį tekstą • <small>Nurodo pamažintą tekstą • <sub>Nurodo nuleistą tekstą • <sup>Nurodo pakeltą tekstą • <ins>Nurodo pabrauktą tekstą • <del>Nurodo ištrintą tekstą • <s>Nevartotinas, naudokite <del> • <strike>Nevartotinas, naudokite <del> • <u>Nevartotinas, naudokite stilius

  13. Kompiuterinio teksto formatavimas • <code>Nurodo kompiuterinį tekstą • <kbd>Nurodo klaviatūrinįtekstą • <samp>Nurodo pavyzdinį kompiuterinį kodą • <tt>Nurodo teletaipo tekstą • <var>Nurodo kintamajį • <listing>Nevartotinas, naudokite <pre> • <plaintext>Nevartotinas, naudokite <pre> • <xmp>Nevartotinas, naudokite <pre>

  14. Citatų ir apibrėžimų tekstų formatavimas • <abbr>Nurodo sutrumpinimą • <acronym>Nurodo akronimą • <address>Nurodo adresą • <bdo>Nurodo teksto kryptį • <blockquote>Nurodo didelę citatą • <q>Nurodo mažą citatą • <cite>Nurodo citatą • <dfn>Nurodo apibrėžimą

  15. HTMLpagrindai – antraštės ir paragrafaiAntraštės HTML kalboje yra apibrėžiamos žymėmis nuo <h1></h1> iki <h6></h6>. • <h1>antraštė 1</h1><h2>antraštė 2</h2><h3>antraštė 3</h3><h4>antraštė 4</h4><h5>antraštė 5</h5><h6>antraštė 6</h6> Paragrafai HTML kalboje, kaip ir antraštės apsibrėžia labai paprastai, tereikia naudoti <p></p> žymes. Paragrafo tekstas rašomas tarp jų. • <p>pirmas paragrafas</p><p>antras paragrafas</p><p>trečias paragrafas</p>

  16. HTMLpagrindai -perėjimas į naują eilutę ir savarankiškos, save uždarančios žymės • Šiai užduočiai atlikti naudojama <br /> žymė. HTML nors ir yra tekstinė kalba, naršyklė kompiliuodama HTML'ą nežiūri į tarpus ar perėjimus i naują eilutę, kurie būna rašant kodą, tam reikia naudoti HTML žymę <br/>. • Dauguma HTML žymių turi atidarymą ir uždarymą, kaip kad <html> ir </html>, <p></p> ir kt., tačiau tokie yra ne visi. Yra žymių, kurios yra savarankiškos ir jų uždarymui nereikia atskiros žymės pvz.: • <br /> • <meta /> • <img /> • Kaip pastebėjote, šios žymės pačios save uždaro, todėl baigiasi ne simboliu „ > “ bet ir brūkšneliu šalia „ /> “.

More Related