Team:Aachen/HTMLprimer
From 2014.igem.org
Line 44: | Line 44: | ||
<p> | <p> | ||
- | As a general side note. In HTML you <b>must</b> have (requirement!) a closing tag (</<i>something</i>>) for each opened tag (<<i>something</i>>)! | + | As a general side note. In HTML you <b>must</b> have (requirement!) a closing tag (</<i>something</i>>) for each opened tag (<<i>something</i>>)! I highly recommend to write the closing tag directly when you open a tag. That way you don't forget to add the closing tag ;). Also write the closing tags in the reverse order of the opening tags (just like the order of DNA): <a> <b> </b> </a> |
</p> | </p> | ||
Line 89: | Line 89: | ||
Therefore a section in HTML could look like: | Therefore a section in HTML could look like: | ||
- | <textarea rows=" | + | <textarea rows="13" cols="20" disabled> |
<h1>Big Header</h1> | <h1>Big Header</h1> | ||
<h4>Small header (subcaption)</h4> | <h4>Small header (subcaption)</h4> | ||
Line 135: | Line 135: | ||
<!-- TEXT STARTS HERE --> | <!-- TEXT STARTS HERE --> | ||
+ | <h4>Including Floats into your text</h4> | ||
+ | |||
+ | <p> | ||
+ | Including floats (figures, tables, etc.) into HTML unfortunately is not as straight forward as, for instance, in $\LaTeX$. | ||
+ | Let's start with the least complicated stuff, and then get more involved. | ||
+ | Therefore first we're linking websites, then including images, then tables and figures. | ||
+ | </p> | ||
+ | |||
+ | <h5>Linking (other) websites</h5> | ||
+ | <p> | ||
+ | In HTML there's no distinction between linking to some place on your own website, or to a foreign website. Everything uses the same construct (thank god!) which starts with <a ...></a>. | ||
+ | <textarea rows="5" cols="20" disabled> | ||
+ | <a href="address">text</a> | ||
+ | </textarea> | ||
+ | |||
+ | The address is either the <i>name</i> of an object (header, paragraph, block, ...) or the <i>URL</i> of a website, for instance <i>https://2014.igem.org/Team:Aachen/</i>. | ||
+ | If you link to any of our sub-pages, please use the full URL. | ||
+ | The text within the tag is the clickable link. You should keep that as short as possible, but as long as necessary!</br> | ||
+ | Therefore a link to our start page would look like: | ||
+ | <textarea rows="2" cols="20" disabled> | ||
+ | <a href="https://2014.igem.org/Team:Aachen/">link</a> | ||
+ | </textarea> | ||
+ | |||
+ | If you would like to specify the destination of the link, eg. loading in the same frame/windows/tab or in a new tab/window, you can choose between <i>_blank</i> for a new tab/window or <i>_self</i> for the current frame/window/tab. | ||
+ | |||
+ | <textarea rows="2" cols="20" disabled> | ||
+ | <a href="https://2014.igem.org/Team:Aachen/" target="[_self|_target]">link</a> | ||
+ | </textarea> | ||
+ | |||
+ | </p> | ||
+ | <h5>Tables</h5> | ||
+ | <a href="http://truben.no/latex/table/">truben</a> | ||
<!-- TEXT ENDS HERE --> | <!-- TEXT ENDS HERE --> |
Revision as of 23:03, 3 May 2014
|