HTML and CSS - Revision history

Scott: /* CSS3 */

2015-05-25T16:27:00Z

CSS3

← Older revision		Revision as of 16:27, 25 May 2015
Line 56:		Line 56:
	background-color: #f8f8f8;		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>		</source>

2015-04-21T20:01:47Z

CSS

← Older revision		Revision as of 20:01, 21 April 2015
Line 49:		Line 49:

	http://www.w3schools.com/css/css_reference.asp		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>

2015-04-21T17:44:03Z

New tags

← Older revision		Revision as of 17:44, 21 April 2015
Line 19:		Line 19:
	* For organizing: <code>main</code>, <code>header</code>, <code>section</code>, <code>footer</code>, many more		* For organizing: <code>main</code>, <code>header</code>, <code>section</code>, <code>footer</code>, many more
	* Navigation: <code>nav</code>		* Navigation: <code>nav</code>
	* Input types: <code>color</code>, <code>date</code>, <code>datetime</code>, <code>~~datetime-local~~</code>, <code>month</code>, <code>range</code>, <code>search</code>, <code>time</code>, <code>week</code>		* Input types: <code>color</code>, <code>date</code>, <code>datetime</code>, <code>email</code>, <code>month</code>, <code>range</code>, <code>search</code>, <code>time</code>, <code>week</code>
	May need Modernizr ([http://modernizr.com http://modernizr.com]) to make some of these work.		May need Modernizr ([http://modernizr.com http://modernizr.com]) to make some of these work.

2015-04-21T17:42:12Z

Boolean attributes

← Older revision		Revision as of 17:42, 21 April 2015
Line 31:		Line 31:
	<input type="option" checked /> <!-- presence indicates true -->		<input type="option" checked /> <!-- presence indicates true -->
	</pre>		</pre>

			=== Attributes on input types ===
			<code>required</code>, <code>maxlength</code>, <code>min/max</code>, <code>placeholder</code>, <code>autocomplete</code>, <code>autofocus</code>, <code>form</code>

	== CSS ==		== CSS ==

2015-04-21T17:35:42Z

New tags

← Older revision		Revision as of 17:35, 21 April 2015
Line 20:		Line 20:
	* Navigation: <code>nav</code>		* Navigation: <code>nav</code>
	* Input types: <code>color</code>, <code>date</code>, <code>datetime</code>, <code>datetime-local</code>, <code>month</code>, <code>range</code>, <code>search</code>, <code>time</code>, <code>week</code>		* Input types: <code>color</code>, <code>date</code>, <code>datetime</code>, <code>datetime-local</code>, <code>month</code>, <code>range</code>, <code>search</code>, <code>time</code>, <code>week</code>
			May need Modernizr ([http://modernizr.com http://modernizr.com]) to make some of these work.

	=== Boolean attributes ===		=== Boolean attributes ===

2015-04-21T17:34:29Z

New tags

← Older revision		Revision as of 17:34, 21 April 2015
Line 19:		Line 19:
	* For organizing: <code>main</code>, <code>header</code>, <code>section</code>, <code>footer</code>, many more		* For organizing: <code>main</code>, <code>header</code>, <code>section</code>, <code>footer</code>, many more
	* Navigation: <code>nav</code>		* Navigation: <code>nav</code>
	* Input types: <code>date</code>, <code>time</code>		* Input types: <code>color</code>, <code>date</code>, <code>datetime</code>, <code>datetime-local</code>, <code>month</code>, <code>range</code>, <code>search</code>, <code>time</code>, <code>week</code>

	=== Boolean attributes ===		=== Boolean attributes ===

2015-04-21T17:32:51Z

New tags

← Older revision		Revision as of 17:32, 21 April 2015
Line 17:		Line 17:

	=== New tags ===		=== New tags ===
	* For organizing: <code>main</code>, <code>header</code>, <code>section</code>, <code>footer</code>		* For organizing: <code>main</code>, <code>header</code>, <code>section</code>, <code>footer</code>, many more
	* Navigation: <code>nav</code>		* Navigation: <code>nav</code>
	* Input types: <code>date</code>, <code>time</code>		* Input types: <code>date</code>, <code>time</code>

2015-04-21T17:32:37Z

HTML5

@@ Line 14: / Line 14: @@
      <body>Hello World!</body>
 </html>
 </pre>

2015-04-21T17:22:06Z

HTML5

2015-04-21T17:05:56Z

← Older revision		Revision as of 17:05, 21 April 2015
Line 1:		Line 1:
			How to make a link open up in a new browser window/tab:
			<source lang="html4strict">
			<a href="www.google.com" target="_blank">Click here!</a>
			</source>

	== HTML5 ==		== HTML5 ==
Line 8:		Line 12:
	</html>		</html>
	</pre>		</pre>

			== CSS ==

	How to include an external CSS stylesheet:		How to include an external CSS stylesheet:
	<source lang="html4strict">		<source lang="html4strict">
	<link href="site.css" rel="stylesheet" type="text/css" />		<link href="site.css" rel="stylesheet" type="text/css" />
	~~</source>~~

	~~How to make a link open up in a new browser window/tab:~~
	~~<source lang="html4strict">~~
	~~<a href="www.google.com" target="_blank">Click here!</a>~~
	</source>		</source>