DOCSLIB.ORG

Uvod U (X)Html I Css

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
Uvod U (X)Html I Css PRIRUČNICI TEHNIČKOG VELEUČILIŠTA U ZAGREBU MANUALIA POLYTECHNICI STUDIORUM ZAGRABIENSIS TOMISLAV STOJANOV UVOD U (X)HTML I CSS Nakladnik Tehničko veleučilište u Zagrebu Informatičko-računarski odjel Autor Tomislav Stojanov, predavač Recenzenti prof. dr. sc. Zdravko Dovedan Han prof. dr. sc. Hrvoje Stančić Objavljivanje je odobrilo Stručno vijeće Tehničkog veleučilišta u Zagrebu, odlukom broj: 1407-6/13 od 26. ožujka 2013. godine. Skripta CIP zapis dostupan u računalnom katalogu Nacionalne i sveučilišne knjižnice u Zagrebu pod brojem 839764 ISBN 978-953-7048-27-3 2013 © T. Stojanov: Skripta – UHC stranica 2 Uvod u (X)HTML i CSS skripta Tomislav Stojanov 16. 12. 2012. Cilj kolegija: „Upoznati studente s teoretskim i praktičnim radom u HTML-u, XHTML-u i CSS-u, osnovnim jezicima za obilježavanje (markup jezicima) sadržaja i izgleda na webu. Za uspješno praćenje kolegija nije potrebno prethodno znanje o webu kao ni poznavanje rada u suvremenim programima za grafičku izradbu internetskih stranica.” (Iz sinopsisa kolegija) 2013 © T. Stojanov: Skripta – UHC stranica 3 Sadržaj HTML 4 i XHTML ...................................................................................................................................... 7 Jezici za obilježavanje .......................................................................................................................... 8 Kodiranje, skriptiranje i programiranje ............................................................................................... 9 Razlika sadržaja i prikaza ..................................................................................................................... 9 Nastavak ............................................................................................................................................ 11 O HTML-u........................................................................................................................................... 11 Struktura HTML-a .............................................................................................................................. 12 Doctype ............................................................................................................................................. 12 HTML i XHTML ................................................................................................................................... 14 Minimalna stranica ............................................................................................................................ 14 Zaglavlje ............................................................................................................................................. 15 Blokni i redčani elementi ................................................................................................................... 15 Okviri (frameovi) ................................................................................................................................ 15 Komentari .......................................................................................................................................... 17 Poveznice ........................................................................................................................................... 17 Ikona u adresnoj traci (favicon) ......................................................................................................... 19 Rad sa slikama ................................................................................................................................... 19 Atributi alt i title ........................................................................................................................ 20 Liste ................................................................................................................................................... 21 Odlomci ............................................................................................................................................. 22 Prikaz hrvatskih grafema ................................................................................................................... 24 Tablice ............................................................................................................................................... 26 Obrasci (forme) u HTML-u ................................................................................................................. 29 CSS 2.1 ................................................................................................................................................... 32 O CSS-u .............................................................................................................................................. 33 CSS i (X)HTML .................................................................................................................................... 34 CSS prioriteti ...................................................................................................................................... 35 CSS media types ................................................................................................................................ 36 Sintaksa.............................................................................................................................................. 37 Klase i identifikatori ........................................................................................................................... 38 Elementi div i span ........................................................................................................................ 39 Poveznice u CSS-u .............................................................................................................................. 40 2013 © T. Stojanov: Skripta – UHC stranica 4 Dizajniran HTML obrazac u CSS-u ...................................................................................................... 40 Pokazivači .......................................................................................................................................... 42 Jedinice .............................................................................................................................................. 42 Model kutije ...................................................................................................................................... 43 Obrubi (borders) ................................................................................................................................ 44 Model sata ......................................................................................................................................... 45 Rubovi (margins) ............................................................................................................................... 47 Popuna (paddings) ............................................................................................................................ 48 Model kutije Internet Explorera ........................................................................................................ 48 Uređivanje lista .................................................................................................................................. 49 Skraćivanje zapisa sintakse fonta ...................................................................................................... 50 Uređivanje tablica ............................................................................................................................. 51 Dimenzioniranje ................................................................................................................................ 52 Klasificiranje ...................................................................................................................................... 52 Plutanje.............................................................................................................................................. 54 Pozicioniranje .................................................................................................................................... 65 Kombiniranje obilježivača.................................................................................................................. 71 Sveopći obilježivač ............................................................................................................................. 73 Pseudoklase i pseudoelementi .......................................................................................................... 74 Uvjetovani komentari za IE ................................................................................................................ 75 Naglašavanje autorstva u CSS-u ........................................................................................................ 76 HTML5 ................................................................................................................................................... 77 O HTML5 ............................................................................................................................................ 78 HTML5 video ...................................................................................................................................... 79 HTML5 audio ....................................................................................................................................
Load more

Recommended publications
  • RTML 101: the Unofficial Guide to Yahoo! Store® Templates
    RTML 101: The Unofficial Guide ® to Yahoo! Store Templates 2nd Edition – Updated for the New Editor By István Siposs Copyright and Important Legal Information Your use of this book means that you have read, understand, and agree to the following terms. The terms are legally binding upon you. Every reasonable effort has been made to ensure the accuracy of the information pre- sented in this book at the time of its publication. Note, however, that neither the author nor publisher is in charge of your web services provider, nor are they in charge of Yahoo!® stores generally, nor can they control your Yahoo!® store in particular. Consequently, this book may contain passages that are, or that later become, inaccurate. The book probably contains some passages that are not the best solution for your particular needs, too. Therefore, all information presented in this book is provided on an “as is” basis. Neither the publisher nor the author of this book makes any representations or warranties with respect to the accuracy or completeness of the contents of this book. On the contrary, the author and publisher specifically disclaim any implied warranties of merchantability or fitness for a particular purpose. No warranty may be created or extended by sales representatives or written sales materials. The accuracy and completeness of the information provided in this book is not guaranteed or warranted to produce any particular result. Neither the author nor the publisher shall be liable for any loss of profit, money damages, or any other form of relief for problems arising from your use of this book.
    [Show full text]
  • W W Orking with XHTML
    Tutorial 9 1 E-- ww orking with XHTML Creating a Well-Formed, Valid Document I Case I Wizard Works Fireworks I Wizard Works is one of the largest sellers of brand-name and customized fire- works in the central states. Its Web site produces the bulk of the company's sales. Tom Blaska, the head of advertising for Wizard Works, helps develop the content and design of the company's Web site. Because the Web site has been around for many years, some of the code dates back to the earliest versions of HTML. Tom would like the Web site code to be updated to reflect current stan- dards and practices. Specifically, he wants you to look into rewriting the Web site code in XHTML rather than HTML. He also would like you to find ways ta verify that the code used by Wizard Works meets XHTML standards. rlReview dtd-list.txt dtd-list.txt breaktxt.htm dtd-list.txt casttxt.htm address.txt workstxt.htm founttxt.htm dinnrtxt.htm gargtxt.htm dtd-list.txt astro.txt wwtxt.css + 2 graphic dtd-list.txt + 5 graphic + 6 graphic chem.txt + 4 graphic files lunchtxt.htm files files dtd-list.txt files + 4 graphic hebdtxt.htm + 1 graphic files hightxt-htm file laketxt.htm elect.txt scottxt. htm eng.txt + 4 HTML physics.txt files HTML 51 HTML and XHTML I Tutorial 9 Working with XHTA I Introducing XHTML he suggests that puupgrade the hame page file Icr XHTML standards MreCD ta the rest the Web site, ww.css, respectively, in the same folder.
    [Show full text]
  • Copyrighted Material
    36_588737 bindex.qxp 2/27/06 11:31 PM Page 389 Index tips, 283 • Numerics • viral marketing, 348 21 Pay-Per-Click Campaign Secrets Your affiliate programs, 280–281 Competition Doesn’t Know, 2004 Edition Alertbox column (Nielsen), 346 (Goodman), 270 algorithms (for search results order), 302 80/20 rule, 31, 284 alphanumeric ID (of pages), 133, 178–179 404 Error Pages/Page Not Found alternate product shots, 116 Handling, 246 analytics software, 383–384 800 number, 334 anchor text, 103–104, 311 800 x 600 screen resolution, 91 anti-aliasing text, 120 1,040 x 768 screen resolution, 91 asterisk (red asterisk), 72, 234 auctions, 281–282 authors (as online merchants), 13 • A • author’s contact information, 6 Auto–Order Notification e-mail, 59–60 About.com directory, 277 autoresponders, 352 above the fold, 65, 67 Availability variable, 141 abstract, 64 Abstract field, 185 access speed, 343 • B • activating the Checkout Manager, 218 Add button, 366 background colors, 137 Add To Cart button, 65–67 background images, 137 Address-phone variable, 140 Background-color variable, 137 adjusting brightness, contract, color Background-image variable, 137 balance in images, 119 bad design (defined), 91 Adobe Photoshop, 118–119 Banner-font-size variable, 137 Advanced mode (Store Editor), 127–128 Bar-Delimited files (database uploads), 362 Advanced Settings module (Checkout bestselling products, 197–198 Manager), 217, 224–226 Beta test for Checkout Manager, 216 advertising bid amounts, 292–295 affiliate programs, 280–281 Billing Info Checkout page, 339 auctions,
    [Show full text]
  • Proceedings of the 58Th Annual Meeting of the Association for Computational Linguistics, Pages Zhiqiang Toh and Jian Su
    NAACL-HLT 2021 The 2021 Conference of the North American Chapter of the Association for Computational Linguistics: Human Language Technologies Demonstrations June 6 - 11, 2021 ©2021 The Association for Computational Linguistics Order copies of this and other ACL proceedings from: Association for Computational Linguistics (ACL) 209 N. Eighth Street Stroudsburg, PA 18360 USA Tel: +1-570-476-8006 Fax: +1-570-476-0860 [email protected] ISBN 978-1-954085-48-0 ii Introduction Welcome to the proceedings of the system demonstration track of NAACL-HLT 2021 on Jun 6th - Jun 11th, 2021. NAACL-HLT 2021 will be a virtual conference. The system demonstration track invites submissions ranging from early prototypes to mature production- ready systems. This year we received 42 submissions, of which 17 were selected for inclusion in the program (acceptance rate 40.5%) after reviewed by three members of the program committee. This is the first year NAACL-HLT incorporates ethical considerations in the review process. In the standard review stage, members of the program committee are given the option to flag a paper as needing separate ethics reviews. Papers flagged as needing separate ethics reviews by at least one members from the program committee are subsequently reviewed by two members from the NAACL-HLT 2021 ethics committee. In total, 4 papers went through the subsequent ethics review stage, of which 1 was offered conditional acceptance, 2 were accepted as it is and 1 was deemed as a false positive flag. The conditionally accepted paper was re-reviewed by the ethics committee post camera-ready submission and accepted to the program based on addressed ethical concerns.
    [Show full text]
  • Auditory Interfaces and Compares These with Webtree
    An Alternative Audio Web Browsing Solution: Viewing Web Documents Through a Tree Stjnlct,ura1Approach Esrnoncl Walshe B .Sc. School of EIcct,ronic Engineering Dublin City University A t,hwis submittec! for t,he clcgree of Ph.D. Scptcnrher 2006 S~rpelvisor:Dr. Barry RlcMiillin Declaration I hercby certify that this ma2,crial, which I now suhmit for hsscssmcnt on Lhc propammc of st~~rlylcacling to thc a~varclor PB.D. is mltirely my own wark and has not bccn talccn from thc: work of othcrs savc and to thc cxtcnt that such work has hecn citcd and acl~nnwlcdgcclwithin the tcxl of my work. c- >v@L-, Lh.J qL ', s-X_ Signed: (Esmoiicl TValdrc) ID Number: 50162071 Date: 21 Scptcmbcr 2006 Abstract This thesis examines methods to aid in the non-visual browsing of web based documcnts, primarily using synthetic speech output. The serial nature of speech ensures that it is a difficult medium in which to browse documents. Much of the structure implied in the visual appearance of the content is not available through specch. Only a narrow region in the content is perceiv- able at any given time, and it can bc difficult to navigate to the important segments of the document. This is in contrast to visual interaction, where cues such as changcs in font or colour establish contextual changes in the content and guide the user accordingly. A number of browsing/navigation strategies are presented to offset these problems. These are implemented through WebTree. This is a highly cus- tomisable web browser which rcnders documents through a dynamically ex- pandable tree structural view.
    [Show full text]
  • Proposal for a Telescope Commanding and Scheduling Data Standard
    ESA UNCLASSIFIED – For Official Use estec European Space Research - and Technology Centre - Keplerlaan 1 - 2201 AZ Noordwijk - The Netherlands T +31 (0)71 565 6565 - F +31 (0)71 565 6040 - www.esa.int Proposal for a Telescope Commanding and Scheduling Data Standard Prepared by [email protected] Reference ESA-SSA-NEO-TN-0012 Issue 1 Revision 1 Date of Issue 22 Dec 2015 Status Released Document Type TN Distribution ESA UNCLASSIFIED – For Official Use Title Issue 1 Revision 1 Author Date 22 Dec 2015 Approved by Date Reason for change Issue Revision Date Issue 1 1 0 2015-12-10 Changed name of “metadata” elements 1 1 2015-12-22 within “command”& “scheduleRequest” elements to “blockMetadata”, since they don’t contain the same content as the first level “metadata” element. Changed “exposure” segment in “scheduleRequest” to “not mandatory” (as in “command”). Added comments to use of multiple “dateTimeConstraint” or “nightConstraint” elements. Issue 1 Revision 1 Reason for change Date Pages Paragraph(s) Page 2/75 Proposal for a Telescope Commanding and Scheduling Data Standard Date 22 Dec 2015 Issue 1 Rev 1 ESA UNCLASSIFIED – For Official Use Table of contents: 1 TERMS, DEFINITIONS AND ABBREVIATED TERMS ..................................................... 4 1.1 Symbols and Abbreviations .......................................................................................................... 4 1.2 Terms and Definitions .................................................................................................................. 4 1.3 Terms
    [Show full text]
  • Xpath Query Satisfiability and Containment Under DTD Constraints
    XPath Query Satisfiability and Containment under DTD Constraints A Dissertation Submitted to Birkbeck, University of London in Partial Fulfillment of the Requirements for the Degree of Doctor of Philosophy by Manizheh Montazerian Department of Computer Science Birkbeck College Malet Street, Bloomsbury, London WC1E 7HX JANUARY 16, 2014 2 I certify that this thesis, and the research to which it refers, are the product of my own work, and that any ideas or quotations from the work of other people, published or otherwise, are fully acknowledged in accordance with the standard referencing practices of the discipline. Signed: 3 To my loving sons Sepehr, Sina and Parsa and my dear husband Rasoul 4 Abstract In this thesis, we consider the XML query language XPath, along with XML documents whose integrity constraints are presented in the form of document type definitions (DTDs). In particular, we study the problems of XPath satisfiability and XPath containment in the presence of DTDs. The motivation for studying XPath is that it is the main language for navigating in and extracting information from XML documents. The motivation for studying DTDs, as opposed to some other newer XML schema formalism, is that DTDs are well-known, stable, and well-tested. Furthermore, they are still widely-used in various domains. The major contributions of the thesis can be classified into those on satisfiability and those on containment of XPath queries under DTDs. With respect to the satisfiability problem, we show that the XPath satisfiability problem for the fragment XP{/,[]} is NP- hard in general. In order to study whether this worst-case behaviour arises often in practice, we investigate real-world DTDs and discover that the majority of them satisfy a property we called the covering property.
    [Show full text]
  • A Debugging Stundard Janls Livingston, Mofondq Inc
    LA4JR -92-562 LA-UR--92-562 DE92 008476 TITLE SIIPERC(I!IPL!T1;RII1:I!LT(;I::Gk!ORKSHO1’’91 PRocm-JIN(:s AUTHOR(S) .J. Brown SIJBMlrTEDT(I Sllllc’r(:(lml)iltclr ‘9 ,\ll)wluc’rqll~’. Y:’ :hvtlml)t~r 14-lti. DWCLAIMER llrnrewrlwm~dwan~ntd worhapmodbym~dlkUnti Smtm ,,, , :, .,,, .,,.,..., , ,,, ,,, .,. ,.. * .,!, ,,. .,, ,,, . ,,, I!.r II ., ,I!l, m,..r.!,.m,,, ,!,,,,!,,,.. ,,, ,., ,: . ,, ,, .,, ; ,,,.,,. ● .,, . r. ,., ,, .V ,, t, I ,1. %,,.. 0!,!., 1, ,1 . .. .,,, ,. ,,.. ..., ,.,,,l ..,.. ,,, ! ,. ,1,..11,,, .,,,.,,., “.. ..t 11.,, s,,, Ilm,, #.t...l..l ,,1I ,s”8,,, —.. — . .....-. — . -. ----- ----- . ...... .. .. .. .. .,- . .- _______ .— MASTER Lus Alamos National Laboratory 1!m IannosLos Alamos,Ncw Mexico 87545 OL,l.l.,,,,,., ml’’” , ‘ ‘ “ . ., .,,, ,i.,i,’~ ,,1 . s b D 1 o. NM ~ Supercomputer Debugging Workshop ’91 Proceedings Albuquerque, New Mexico November M-16, 1991 FOREWORD The Supercomputer Debugging Workshop ’91 (SD ’91) was held the week prior to Supercmnp~ltlng ’91, and focused upon topics relat[ng to debugger construction and usage In the Supercomputer programming environment. The workshop brought together debugger developers and users to discuss topics and experiences of mutuai interest, andestablisheda basisfor fhturecollaborations. The objective of the woricahopwas to promote a free and open exchange of information between an interdisciplinary group of debugger developers and users from the commercial and aeademie communities, thereby advancing the statc-of- the-art of debugger technology. Program Chair: Jeff BrowL
    [Show full text]
  • Extensions to Metadata Languages for Environmental Primary Data: the Forest Cloud
    Extensions to Metadata Languages for Environmental Primary Data: the Forest Cloud By Luis Maria Ibanez de Garayo Adissertationsubmittedinpartialsatisfactionofthe requirements for the degree of Doctor of Philosophy in Environmental Science , Policy, and Management in the Graduate Division of the University of California, Berkeley Committee in Charge: Professor Greg Biging, Chair Professor Ray Larson Professor Dennis Baldocchi Fall 2011 para mis grandes amores for their support and comprehension Barbara ,Maite, eta Robertorentzat, nere ondoan egoteagatik eta emandako indar eta maitasun guztiagatik. Maite zaituztet Abstract During the last decade environmental scientists and managers have found in the Internet a new communication venue that has improved their productivity by allowing them to share data and knowledge more fluently. Since the invention of the eXtensible Markup Lan- guage (XML), XML has brought the attention of many researchers to improve the communications among people working with data-centric documents since XML was supposed to be the correct approach to standardize data. During this decade, many papers have been pub- lished under the pretenses of XML being the new and paradigmatic standard to share data even though no study has proved that the XML languages have been used by researchers or managers working with data-centric documents during this period of time. This thesis by researching all possible spaces proves that, on the contrary, that after more than a decade from its invention, XML is still not used by the vast scientific community that works with data-centric documents who are still using data archives with legacy formats. Therefore, if data stan- dardization is difficult to attain, and facilitating sharing data a goal to reach, the other clear venue to follow to achieve the goal is to use metadata information.
    [Show full text]