310 likes | 605 Views
Šiaulių Profesinio rengimo centras Technologijų skyrius TK12-2 grupė HTML pradžiamokslis Monikos Vasiljevaitės darbas 2013-03-03. Teksto formatavimas.
E N D
Šiaulių Profesinio rengimo centrasTechnologijų skyriusTK12-2 grupėHTML pradžiamokslisMonikos Vasiljevaitės darbas2013-03-03
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.
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
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.
HTML kodai • <HTML> Nurodo, kad tai HTML dokumentas • <HEAD> • <TITLE> • </TITLE> • </HEAD> • <BODY> Nurodo dokumento ‘‘kūną‘‘ • </BODY> • </HTML> • <B> paryškinamasis • <I> pasvirimas
<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>
<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ą.
</a/ iterpianuorada • <imgsrc< “kelias .Iki. Paveikslėlio“ • Alt = ‘‘ alternatyvus, tekstas‘‘/> • <imgsrc =‘‘ • Target = ‘‘blank‘‘ • <table> • <tr> • Itraukimas<td>TD</td> • 2lana<td>TD</td>
</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)
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
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>
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ą
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>
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 „ /> “.