HTML and CSS: Difference between revisions

Latest revision as of 16:27, 25 May 2015

How to make a link open up in a new browser window/tab:

<a href="www.google.com" target="_blank">Click here!</a>

<!DOCTYPE html>
<html lang="en">
    <head>
    	<meta charset="utf-8">
    	<title>My Page</title>
    </head>
    <body>Hello World!</body>
</html>

For organizing: main, header, section, footer, many more
Navigation: nav
Input types: color, date, datetime, email, month, range, search, time, week

May need Modernizr (http://modernizr.com) to make some of these work.

Old style:

<input type="option" checked="checked"/>

new style:

<input type="option" checked />  <!-- presence indicates true -->

required, maxlength, min/max, placeholder, autocomplete, autofocus, form

How to include an external CSS stylesheet:

<link href="site.css" rel="stylesheet" type="text/css" />

How to build a menu from css:

CSS reference

Apply style to every other row of a table:

tr:nth-child(even){
    background-color: #f8f8f8;
}

Fit text into one line of a row:

td { max-width: 150px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

@@ Line 49: / Line 49: @@
 http://www.w3schools.com/css/css_reference.asp
+== CSS3 ==
+Apply style to every other row of a table:
+<source lang="html4strict">
+tr:nth-child(even){
+    background-color: #f8f8f8;
+}
+</source>
+Fit text into one line of a row:
+<source lang="html4strict">
+td { max-width: 150px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
+</source>