{"id":1767,"date":"2011-09-18T22:46:00","date_gmt":"2011-09-19T05:46:00","guid":{"rendered":"https:\/\/bryanhadaway.com\/?p=1767"},"modified":"2025-05-22T15:23:13","modified_gmt":"2025-05-22T22:23:13","slug":"code","status":"publish","type":"post","link":"https:\/\/webguy.io\/blog\/code\/","title":{"rendered":"Quick Code Snippets"},"content":{"rendered":"

I’m really putting the feelers out there on this cheat sheet, so I definitely need some feedback, if I’m to keep adding code snippets. Request a snippet:<\/p>\n

Request a Code Snippet<\/a><\/p>\n

If you really want to dive headfirst into web designing, blogging, writing, etc., I recommend trying out WordPress.com<\/a> (completely free).<\/p>\n

If you’d rather have more control and do your own thing, you’ll first need to get hosting<\/a>, and then the self-hosted WordPress software<\/a>.<\/p>\n

Whether you want to build a static site, or a site on top of WordPress, you can pick up the starter website template and WordPress theme that I’ve created here<\/a>.<\/p>\n

If you’re looking for a really basic HTML beginner’s guide, start here<\/a>.<\/p>\n

HTML5 Doctype<\/h2>\n
<!DOCTYPE html><\/code><\/pre>\n
HTML5 Page Template<\/h2>\n
<!DOCTYPE html>\r\n\r\n<html lang="en">\r\n\r\n<head>\r\n\r\n<meta charset="utf-8" \/>\r\n\r\n<title>Page Title | Company Name<\/title>\r\n\r\n<link type="text\/css" rel="stylesheet" href="style.css" \/>\r\n\r\n<\/head>\r\n\r\n<body>\r\n\r\n<header>\r\n\r\n<nav>\r\n\r\n... ADD NAVIGATION HERE ...\r\n\r\n<\/nav>\r\n\r\n<\/header>\r\n\r\n<article>\r\n\r\n<p>... ADD CONTENT HERE ...<\/p>\r\n\r\n<\/article>\r\n\r\n<footer>\r\n\r\n... ADD COPYRIGHT HERE ...\r\n\r\n<\/footer>\r\n\r\n<\/body>\r\n\r\n<\/html><\/code><\/pre>\n
CSS Stylesheet Template<\/h2>\n
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}\r\narticle,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}\r\nbody{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}\r\n\r\nbody{margin:40px 0;background:#eee}\r\nbody, input, textarea{font-family:arial,sans-serif;font-size:14px;color:#666;line-height:20px}\r\n\r\np{margin:10px 0}\r\nstrong{font-weight:bold}\r\nem{font-style:italic}\r\n\r\na{font-family:georgia,'times new roman',serif;color:#09f;text-decoration:none}\r\na:hover{text-decoration:underline}\r\n\r\nh1, h2, h3, h4, h5, h6{font-weight:normal}\r\n\r\ninput, textarea{padding:3px 5px 3px 5px;border:1px #999 solid;background:#f6f6f6}\r\ninput[type=submit]{cursor:pointer}\r\ntextarea{padding:6px 8px 6px 8px;overflow:auto}\r\n\r\nheader, article, footer{max-width:920px;padding:20px;margin:0 auto}\r\narticle{min-height:395px;height:100%;text-align:justify;border:4px double #ccc;box-shadow:0 5px 15px #aaa;background:#fff}\r\n\r\na img, input[type=image]{border:0 none}<\/code><\/pre>\n
jQuery<\/h2>\n
Add the following between your <head><\/head><\/em> tags:<\/p>\n
<script type="text\/javascript" src="\/\/code.jquery.com\/jquery-latest.min.js"><\/script><\/code><\/pre>\n
Learn more about jQuery<\/a>.<\/em><\/p>\n
Canonical Link<\/h2>\n
Add the following between your <head><\/head><\/em> tags:<\/p>\n
<link rel="canonical" href="http:\/\/website.com\/" \/><\/code><\/pre>\n
Learn more about the canonical link element<\/a>.<\/em><\/p>\n
HTML Entity Symbols<\/h2>\n
Copyright: ©<\/p>\n
&copy;<\/code><\/pre>\n
Heart: ♥<\/p>\n
&hearts;<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
I’m really putting the feelers out there on this cheat sheet, so I definitely need some feedback, if I’m to keep adding code snippets. Request a snippet: Request a Code Snippet If you really want to dive headfirst into web designing, blogging, writing, etc., I recommend trying out WordPress.com (completely free). If you’d rather have …  Quick Code Snippets<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[39],"tags":[239,254,278,281,277],"class_list":["post-1767","post","type-post","status-publish","format-standard","hentry","category-code","tag-code","tag-css","tag-css3","tag-html","tag-html5"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/posts\/1767","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/comments?post=1767"}],"version-history":[{"count":0,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/posts\/1767\/revisions"}],"wp:attachment":[{"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/media?parent=1767"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/categories?post=1767"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/tags?post=1767"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}