Biocomputing II Revision Lecture: HTML, CSS and XML Perl/CGI, Perl/DOM, Perl/DBI, Remote Procedure Calls
Dr. Andrew C.R. Martin martin@biochem.ucl.ac.uk http://www.bioinf.org.uk/
1
HTML, CSS and XML
2
The World Wide Web
Developed in early 1990s by Tim Berners-Lee
hyperlinks documents on same or different servers
http://www.biochem.ucl.ac.uk/bsm/index.html
Directory on server Domain name Specific filename Protocol: typically http or ftp
3
HTML
This text is in bold
tag closing-tag
4
HTML
M y bioinformatics page
attribute
5
HTML
Some tags do not require an end tag
the tag is started with < and should be ended with />
6
The most useful HTML tags
7
The most useful HTML tags
< head > < body > <h1> <h6> < p> <a href= url > <img src= url /> <br /> <hr /> <table>, <tr>, <th>, <td> < pr e> <b>, <i>, <tt>, <u> <ol>, <ul>, <li> <font> (Depracated)
8
Cascading style sheets (CSS)
Separation between content and presentation Easier to produce consistent documents Allows font, colour and other rendering styles for tags to be defined once
9
Cascading<br><br> <br> <br><b> Ebook Relate: </b><br><A style="TEXT-DECORATION: none" href="bioinf-ebook---.html" target="_blank" >bioinf ebook</A> <A style="TEXT-DECORATION: none" href="martin@biochem-ebook---.html" target="_blank" >martin@biochem ebook</A> <A style="TEXT-DECORATION: none" href="documents-ebook---.html" target="_blank" >documents ebook</A> <A style="TEXT-DECORATION: none" href="useful-ebook---.html" target="_blank" >useful ebook</A> <A style="TEXT-DECORATION: none" href="cascading-ebook---.html" target="_blank" >cascading ebook</A> <br><A style="TEXT-DECORATION: none" href="css-and-ebook---.html" target="_blank" >css and ebook</A> <A style="TEXT-DECORATION: none" href="html-css-ebook---.html" target="_blank" >html css ebook</A> <A style="TEXT-DECORATION: none" href="http-www-ebook---.html" target="_blank" >http www ebook</A> <A style="TEXT-DECORATION: none" href="cgi-perl-ebook---.html" target="_blank" >cgi perl ebook</A> <br><A style="TEXT-DECORATION: none" href="most-useful-html-ebook---.html" target="_blank" >most useful html ebook</A> <A style="TEXT-DECORATION: none" href="useful-html-tags-ebook---.html" target="_blank" >useful html tags ebook</A> <A style="TEXT-DECORATION: none" href="the-most-useful-ebook---.html" target="_blank" >the most useful ebook</A> <br> <br></td></tr></table><TABLE width=470px border=0 ><TR><TD align=left width=200> Server</TD><TD width=50 align=center>Status</TD></TR><TR><TD align=left width=200> <A href="perlcgi-perldom-perldbi-remote-procedure-calls-dr--1-download-12459.html" target="_top" style="color: #878C66; text-decoration: none;" >www.bioinf.org.uk</A></TD><TD width=50 align=center >Alive</TD></TR></TABLE><br> <br> <br> <br><center><!-- start of ad2 --><script type="text/javascript"><!--
amazon_ad_tag = "ebookcomputer02-20"; amazon_ad_width = "468"; amazon_ad_height = "60"; amazon_ad_logo = "hide"; amazon_ad_link_target = "new"; amazon_ad_border = "hide";//--></script>
<script type="text/javascript" src="http://www.assoc-amazon.com/s/ads.js"></script><!-- end of ad2 --></center>
<br> <br>
</div>
<div class="meta">
</div>
</div>
<!-- start of random2 --><div class="post">
<h2 class="title">EBOOK COMPUTER</h2>
<br>
<div class="story"><table border=0><TR ><TD rowspan=2 vAlign=top align=left width=90px ><A href="capa-ford-flash-data-logger-pdf_chm-290.html" target="_blank" ><IMG alt="capa-ford-flash-data-logger" width="80" height="100" border="0" src="./screen/coverpdf/290-15575.jpg" target="_blank" ></A></TD><TD vAlign=top align=left width=400px ><A title="CAPA Ford Flash Data Logger" style="TEXT-DECORATION: none" href="capa-ford-flash-data-logger-pdf_chm-290.html" target="_blank" ><B style="FONT-SIZE: 11px; COLOR: #825037 ">CAPA Ford Flash Data Logger</B></A></TD></TR><TR><TD vAlign=top align=left width=400px >CAPA Ford Flash Datalogger Retail Price is $995. All FPV Vehicles,including:. *BA-BF FPV 6cyl Turbo 4L,Automatic & Manual Transmission...</TD></TR><TR><TD> </TD></TR><TR ><TD rowspan=2 vAlign=top align=left width=90px ><A href="why-is-ford-driving-in-reverse-why-is-ford-driving-pdf_chm-291.html" target="_blank" ><IMG alt="why-is-ford-driving-in-reverse-why-is-ford-driving" width="80" height="100" border="0" src="./screen/coverpdf/291-15575.jpg" target="_blank" ></A></TD><TD vAlign=top align=left width=400px ><A title="Why Is Ford Driving In Reverse Why Is Ford Driving In Reverse" style="TEXT-DECORATION: none" href="why-is-ford-driving-in-reverse-why-is-ford-driving-pdf_chm-291.html" target="_blank" ><B style="FONT-SIZE: 11px; COLOR: #825037 ">Why Is Ford Driving In Reverse Why Is Ford Driving In Reverse</B></A></TD></TR><TR><TD vAlign=top align=left width=400px >Most cars, SUVs and light trucks can be. made more efficient, saving us our. breath, lives, money &. environment! Have your told the auto...</TD></TR><TR><TD> </TD></TR><TR ><TD rowspan=2 vAlign=top align=left width=90px ><A href="bx2105-installation-instructions-1987-95-ford-taur-pdf_chm-292.html" target="_blank" ><IMG alt="bx2105-installation-instructions-1987-95-ford-taur" width="80" height="100" border="0" src="./screen/coverpdf/292-15575.jpg" target="_blank" ></A></TD><TD vAlign=top align=left width=400px ><A title="BX2105 INSTALLATION INSTRUCTIONS 1987-95 FORD TAURUS 1987-95 ..." style="TEXT-DECORATION: none" href="bx2105-installation-instructions-1987-95-ford-taur-pdf_chm-292.html" target="_blank" ><B style="FONT-SIZE: 11px; COLOR: #825037 ">BX2105 INSTALLATION INSTRUCTIONS 1987-95 FORD TAURUS 1987-95 ...</B></A></TD></TR><TR><TD vAlign=top align=left width=400px >1987-95 FORD TAURUS. 1987-95 MERCURY SABLE. Installation of this baseplate requires removing the lower section of the front air dam and the plastic wheel...</TD></TR><TR><TD> </TD></TR><TR ><TD rowspan=2 vAlign=top align=left width=90px ><A href="99-04-ford-lightning-efi-single-point-nitrous-kit-pdf_chm-293.html" target="_blank" ><IMG alt="99-04-ford-lightning-efi-single-point-nitrous-kit" width="80" height="100" border="0" src="./screen/coverpdf/293-15575.jpg" target="_blank" ></A></TD><TD vAlign=top align=left width=400px ><A title="99-04 Ford Lightning EFI Single Point Nitrous Kit" style="TEXT-DECORATION: none" href="99-04-ford-lightning-efi-single-point-nitrous-kit-pdf_chm-293.html" target="_blank" ><B style="FONT-SIZE: 11px; COLOR: #825037 ">99-04 Ford Lightning EFI Single Point Nitrous Kit</B></A></TD></TR><TR><TD vAlign=top align=left width=400px >99-04 Ford Lightning EFI Single Point. Nitrous Kit. Owner's Manual. 847-924-6658 ? www.racetested.com. Page 2. Table of Contents. List of products....</TD></TR><TR><TD> </TD></TR><TR ><TD rowspan=2 vAlign=top align=left width=90px ><A href="ford-capri-pdf_chm-294.html" target="_blank" ><IMG alt="ford-capri" width="80" height="100" border="0" src="./screen/coverpdf/294-11110.jpg" target="_blank" ></A></TD><TD vAlign=top align=left width=400px ><A title="Ford Capri" style="TEXT-DECORATION: none" href="ford-capri-pdf_chm-294.html" target="_blank" ><B style="FONT-SIZE: 11px; COLOR: #825037 ">Ford Capri</B></A></TD></TR><TR><TD vAlign=top align=left width=400px >reits aus dem Focus ST 170. An. den unvergessenen Capri 2600. RS erinnert das Turbo-Topmo-. dell, das derzeit in drei Leis-. tungsstufen mit 200, 225 und...</TD></TR><TR><TD> </TD></TR></table></div>
<div class="meta">
</div>
</div><!-- end of random2 -->
</div>
<div style="clear: both;"> </div>
</div>
<div id="footer">
<!-- start of serverstatus --><!-- start dynamic content -->-loadtime : 0.05281 sec mem : 33.13 KB <br><!-- end dynamic content --><!-- end of serverstatus --><!-- Start of StatCounter Code -->
<script type="text/javascript">
var sc_project=4921811;
var sc_invisible=1;
var sc_partition=57;
var sc_click_stat=1;
var sc_security="562dfcb9";
</script>
<script type="text/javascript"
src="http://www.statcounter.com/counter/counter.js"></script><noscript><div
class="statcounter"></div></noscript>
<!-- End of StatCounter Code --> <p>Copyright © 2009 Ebook Computer <a href="http://www.ebookcomputer.com/"><strong>www.ebookcomputer.com</strong></a></p>
</div>
</body>
</html>
|
