行番号あり:prettyprint lang-html linenums

<html lang="jp">
<head>
<link href="prettify.css" rel="stylesheet">
<script src="prettify.js"></script>
<style type="text/css" media="all">
pre.prettyprint {
  width: 95%;
  margin: 1em auto;
  padding: 1em;
  white-space: pre-wrap;
}
</style>
<script type="text/javascript">
function langHandlerForExtension(extension, source) {if (!(extension && langHandlerRegistry.hasOwnProperty(extension))) {extension = /^\s*</.test(source)? 'default-markup': 'default-code';}return langHandlerRegistry[extension];}registerLangHandler(decorateSource, ['default-code']);registerLangHandler(createSimpleLexer([],[[PR_PLAIN,       /^[^<?]+/],[PR_DECLARATION, /^<!\w[^>]*(?:>|$)/],[PR_COMMENT,     /^<\!--[\s\S]*?(?:-\->|$)/],['lang-',        /^<\?([\s\S]+?)(?:\?>|$)/],['lang-',        /^<%([\s\S]+?)(?:%>|$)/],[PR_PUNCTUATION, /^(?:<[%?]|[%?]>)/],['lang-',        /^<xmp\b[^>]*>([\s\S]+?)<\/xmp\b[^>]*>/i],['lang-js',      /^<script\b[^>]*>([\s\S]*?)(<\/script\b[^>]*>)/i],['lang-css',     /^<style\b[^>]*>([\s\S]*?)(<\/style\b[^>]*>)/i],['lang-in.tag',  /^(<\/?[a-z][^<>]*>)/i]]),['default-markup', 'htm', 'html', 'mxml', 'xhtml', 'xml', 'xsl']);registerLangHandler(createSimpleLexer([[PR_PLAIN,        /^[\s]+/,…
</script>
</head>
<body>
<pre  class="prettyprint lang-html linenums" onmouseover="prettyPrint();adjustHeightInParent()">
<a  href="http://jquery.com">jquery.com<a>
</pre>
</body>
<html lang="jp">
<head>
<link href="prettify.css" rel="stylesheet">
<script src="prettify.js"></script>
<style type="text/css" media="all">
pre.prettyprint {
  width: 95%;
  margin: 1em auto;
  padding: 1em;
  white-space: pre-wrap;
}
</style>
<script type="text/javascript">
function langHandlerForExtension(extension, source) {if (!(extension && langHandlerRegistry.hasOwnProperty(extension))) {extension = /^\s*</.test(source)? 'default-markup': 'default-code';}return langHandlerRegistry[extension];}registerLangHandler(decorateSource, ['default-code']);registerLangHandler(createSimpleLexer([],[[PR_PLAIN,       /^[^<?]+/],[PR_DECLARATION, /^<!\w[^>]*(?:>|$)/],[PR_COMMENT,     /^<\!--[\s\S]*?(?:-\->|$)/],['lang-',        /^<\?([\s\S]+?)(?:\?>|$)/],['lang-',        /^<%([\s\S]+?)(?:%>|$)/],[PR_PUNCTUATION, /^(?:<[%?]|[%?]>)/],['lang-',        /^<xmp\b[^>]*>([\s\S]+?)<\/xmp\b[^>]*>/i],['lang-js',      /^<script\b[^>]*>([\s\S]*?)(<\/script\b[^>]*>)/i],['lang-css',     /^<style\b[^>]*>([\s\S]*?)(<\/style\b[^>]*>)/i],['lang-in.tag',  /^(<\/?[a-z][^<>]*>)/i]]),['default-markup', 'htm', 'html', 'mxml', 'xhtml', 'xml', 'xsl']);registerLangHandler(createSimpleLexer([[PR_PLAIN,        /^[\s]+/,…
</script>
</head>
<body>
<pre  class="prettyprint lang-html linenums" onmouseover="prettyPrint();adjustHeightInParent()">
<a  href="http://jquery.com">jquery.com<a>
</pre>
</body>

行番号なし:prettyprint lang-css

/* Doxy pretty-printing styles. Used with prettify.js.  */
pre .str, code .str { color: #fec243; } /* string  - eggyolk gold */
pre .kwd, code .kwd { color: #8470FF; } /* keyword - light slate blue */
pre .com, code .com { color: #32cd32; font-style: italic; } /* comment - green */
pre .typ, code .typ { color: #6ecbcc; } /* type - turq green */
pre .lit, code .lit { color: #d06; } /* literal - cherry red */
pre .pun, code .pun { color: #8B8970;  } /* punctuation - lemon chiffon4  */
pre .pln, code .pln { color: #f0f0f0; } /* plaintext - white */
pre .tag, code .tag { color: #9c9cff; } /* html/xml tag  (bluey)  */
pre .htm, code .htm { color: #dda0dd; } /* html tag  light purply*/
pre .xsl, code .xsl { color: #d0a0d0; } /* xslt tag  light purply*/
pre .atn, code .atn { color: #46eeee; font-weight: normal;} /* html/xml attribute name  - lt turquoise */
pre .atv, code .atv { color: #EEB4B4; } /* html/xml attribute value - rosy brown2 */
pre .dec, code .dec { color: #3387CC; } /* decimal - blue */
a { text-decoration: none; }
pre.prettyprint, code.prettyprint {
font-family:'Droid Sans Mono','CPMono_v07 Bold','Droid Sans';
font-weight: bold;
font-size: 9pt;
background-color: #0f0f0f;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
}
/*  background is black (well, just a tad less dark )  */
pre.prettyprint {
width: 95%;
margin: 1em auto;
padding: 1em;
white-space: pre-wrap;
}
pre.prettyprint a, code.prettyprint a {
text-decoration:none;
}
/* Specify class=linenums on a pre to get line numbering; line numbers themselves are the same color as punctuation */
ol.linenums { margin-top: 0; margin-bottom: 0; color: #8B8970; } /* IE indents via margin-left */
/* list-style-type: none */
li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 {  }
/* Alternate shading for lines */
li.L1,li.L3,li.L5,li.L7,li.L9 {  }
/* Alternate shading for lines */
li.L0,li.L2,li.L4,li.L6,li.L8 { background-color:#333; }

/* print is mostly unchanged from default at present  */
@media print {
pre.prettyprint, code.prettyprint { background-color: #fff;  }
pre .str, code .str { color: #088; }
pre .kwd, code .kwd { color: #006; font-weight: bold; }
pre .com, code .com { color: #3c3; font-style: italic; }
pre .typ, code .typ { color: #404; font-weight: bold; }
pre .lit, code .lit { color: #044; }
pre .pun, code .pun { color: #440; }
pre .pln, code .pln { color: #000; }
pre .tag, code .tag { color: #b66ff7; font-weight: bold; }
pre .htm, code .htm { color: #606; font-weight: bold; }
pre .xsl, code .xsl { color: #606; font-weight: bold; }
pre .atn, code .atn { color: #c71585;  font-weight: normal; }
pre .atv, code .atv { color: #088;  font-weight: normal; }
}
/* Doxy pretty-printing styles. Used with prettify.js.  */
pre .str, code .str { color: #fec243; } /* string  - eggyolk gold */
pre .kwd, code .kwd { color: #8470FF; } /* keyword - light slate blue */
pre .com, code .com { color: #32cd32; font-style: italic; } /* comment - green */
pre .typ, code .typ { color: #6ecbcc; } /* type - turq green */
pre .lit, code .lit { color: #d06; } /* literal - cherry red */
pre .pun, code .pun { color: #8B8970;  } /* punctuation - lemon chiffon4  */
pre .pln, code .pln { color: #f0f0f0; } /* plaintext - white */
pre .tag, code .tag { color: #9c9cff; } /* html/xml tag  (bluey)  */
pre .htm, code .htm { color: #dda0dd; } /* html tag  light purply*/
pre .xsl, code .xsl { color: #d0a0d0; } /* xslt tag  light purply*/
pre .atn, code .atn { color: #46eeee; font-weight: normal;} /* html/xml attribute name  - lt turquoise */
pre .atv, code .atv { color: #EEB4B4; } /* html/xml attribute value - rosy brown2 */
pre .dec, code .dec { color: #3387CC; } /* decimal - blue */
a { text-decoration: none; }
pre.prettyprint, code.prettyprint {
font-family:'Droid Sans Mono','CPMono_v07 Bold','Droid Sans';
font-weight: bold;
font-size: 9pt;
background-color: #0f0f0f;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;
}
/*  background is black (well, just a tad less dark )  */
pre.prettyprint {
width: 95%;
margin: 1em auto;
padding: 1em;
white-space: pre-wrap;
}
pre.prettyprint a, code.prettyprint a {
text-decoration:none;
}
/* Specify class=linenums on a pre to get line numbering; line numbers themselves are the same color as punctuation */
ol.linenums { margin-top: 0; margin-bottom: 0; color: #8B8970; } /* IE indents via margin-left */
/* list-style-type: none */
li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 {  }
/* Alternate shading for lines */
li.L1,li.L3,li.L5,li.L7,li.L9 {  }
/* Alternate shading for lines */
li.L0,li.L2,li.L4,li.L6,li.L8 { background-color:#333; }

/* print is mostly unchanged from default at present  */
@media print {
pre.prettyprint, code.prettyprint { background-color: #fff;  }
pre .str, code .str { color: #088; }
pre .kwd, code .kwd { color: #006; font-weight: bold; }
pre .com, code .com { color: #3c3; font-style: italic; }
pre .typ, code .typ { color: #404; font-weight: bold; }
pre .lit, code .lit { color: #044; }
pre .pun, code .pun { color: #440; }
pre .pln, code .pln { color: #000; }
pre .tag, code .tag { color: #b66ff7; font-weight: bold; }
pre .htm, code .htm { color: #606; font-weight: bold; }
pre .xsl, code .xsl { color: #606; font-weight: bold; }
pre .atn, code .atn { color: #c71585;  font-weight: normal; }
pre .atv, code .atv { color: #088;  font-weight: normal; }
}

Html Checker

Δ
TOP