ink ablaze
|
homepage content beauty & style profile about the site archives poetry & fiction inspiring words tagboard affiliates |
here is a glossary to reference for many html codes that are used frequently, all categorized neatly in one easy to find place! <a href="url">Link text</a> link opens in pop-up window: <a href="http://www.yoursite.com/"target="_blank">link text</a> text link to jump further down the page: <a href="#label">click title to jump</a> <a name="label">see this further down the page!</a> <img src="your image url here"> image link full size: <a href="url you want the image to link"><img src="your image url"></a> image link thumbnail: <a href="url you want the image to link"> < img height=100 width=100 src="your image url "></a> image link detail thumbnail: <a href="detail image url"><img src="full image url"></a> *note: this required two images to work correctly. a seperate, smaller "detail" image, which links to the full size image. no blue border around image: <img src="your image url here" border="0"></a> image link as pop-up window: <a href="url you want the image to link" target="_blank"><img src="your image url"></a> <i> Italic </i> <u> Underline </u> <s> Left: <div align="left"> align text/image left </div> Right: <div align="right"> align text/image right </div> Center: <div align="center"> align text/image center </div> Justified: <div align="justify"> align text/image justified </div> Blockquote: <blockquote> use this to align a segment of text into a blockquote </blockquote> Position: Absolute (will put the text/image anywhere on the page, placement defined by pixels) css is a better option for "background images" repeated on every page, but for special images not repeated on every page, here is some useful codes: <div style="background-image:url('yourimageurlhere')"></div> Image background, repeated vertically: <div style="background-image:url('yourimageurlhere'); background-repeat:repeat-y;"></div> Image background repeated horizontally: <div style="background-image:url('yourimageurlhere'); background-repeat:repeat-x;"></div> Image background repeated vertically and horizontally: <div style="background-image:url('yourimageurlhere'); background-repeat:repeat;"></div> Image background not repeated, fixed: <div style="background-image:url('yourimageurlhere');background-attachment:fixed;"></div> Image background repeated, fixed: <div style="background-image:url('yourimageurlhere');background-attachment:fixed;"></div> Image background for an entire page: <body style="background-image:url('yourimageurlhere');">...content goes here...</body> <img src="image url" alt="align box" align=texttop> Aligns The text to the middle of the image: <img src="image url" alt="align box" align=absmiddle> Aligns the text to the bottom of the image: <img src="image url" alt="align box" align=absbottom> image floats to the left of the text: <img src="image url" alt="align box" align=left> image floats to the right of the text: <img src="image url" alt="align box" align=right> <div style="font: 8px/8px Georgia, Garamond, Serif; overflow: scroll; width: 200px; height: 40px; text-align: left;"> scrolly text goes here!</div> scrolling text marquee box!: <div align="center"><style= border: 2px dotted #e8e8e8;> <marquee scrollamount="2" direction="up" loop="true" width="200px"> <center> <font color="#bdbdbd" size="2px">you can use this to make scrolling text! If you want your text lines to be broken up and not glommed together, just put <br> between any line! </font> </center> </marquee></div> just input your html code here and it will automatically change the code for you to show as text. Genius. want to see some text? here is the html code for it: <script type="text/javascript"><!-- function showStuff(id) {document.getElementById(id).style.display = 'block';} function hideStuff(id) {document.getElementById(id).style.display = 'none';} // --></script> <a onclick="showStuff('answer1'); return false;" href="#">want to see some text?</a><br /><span id="answer1" style="display: none;">hidden text hidden text hidden text <br />(!--optional--!>)<a onclick="hideStuff('answer1'); return false;" href="#">hide text again</a>(!<---!)</span></p> |