EN
FR ES HI PT

Format HTML

Code using back-tick

HTML line numbers

<amp-ad type="a9"
    width="300" height="250"
    data-aax_size="300x250"
    data-aax_pubname="test123"
    data-aax_src="302">
</amp-ad>

<amp-ad type="a9"
    width="300" height="250"
    data-aax_size="300x250"
    data-aax_pubname="test123"
    data-aax_src="302">
   <amp-img placeholder src="placeholder-image.jpg"></amp-img>
</amp-ad>

g.doc

g.doc /shared/data/hello-world.html

<!DOCTYPE HTML>
<html ⚡>
<head>
  <meta charset="utf-8">
  <link rel="canonical" href="hello-world.html">
  <meta name="viewport" content="width=device-width">
  <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
  <script async src="https://cdn.ampproject.org/v0.js"></script>
  <script async custom-element="amp-geo" src="https://cdn.ampproject.org/v0/amp-geo-0.1.js"></script>
  <script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js"></script>
</head>
<body>
  <amp-geo layout="nodisplay">
    <script type="application/json">
      {
        "AmpBind": true
      }
    </script>
  </amp-geo>
  <h1>Hello in <span [text]="country">...</span>!</h1>
  <button on="tap:AMP.setState({'country': ampGeo.ISOCountry.toUpperCase()})">Where am I?</button>
</body>
</html>

g.doc /shared/data/json-ld.html

<script type="application/ld+json">
{
  "@graph": [{
    "@id": "http://www.openlinksw.com/dataspace/person/kidehen@openlinksw.com#this",
    "http://vocab.org/bio/0.1/keywords": [{
      "@value": "semanticweb, sparql, hyperlink, rdf, semantic_web, semweb, odbc, jdbc, sql, sioc, foaf, webdav, rdfs, skos, owl, ordbms, linq, php, perl, python, ruby, programming, eii, esb, soa, xbrl, xml, xslt, xml_schema"
    }],
    "http://xmlns.com/foaf/0.1/made": [{
      "@id": "http://www.openlinksw.com/dataspace/kidehen@openlinksw.com/weblog/kidehen@openlinksw.com%27s%20BLOG%20%5B127%5D/1662"
    },
    {
      "@id": "http://www.openlinksw.com/ods/describe?uri=mailto%3Akidehen@openlinksw.com"
    }],
    "http://www.w3.org/2007/05/powder-s#describedby": [{
      "@id": "http://virtuoso.openlinksw.com/about/id/entity/http/virtuoso.openlinksw.com:8889/about/id/entity/http/virtuoso.openlinksw.com/blog/index.vspx?tag=database"
    },
    {
      "@id": "http://virtuoso.openlinksw.com:8889/about/id/entity/http/virtuoso.openlinksw.com/blog/index.vspx?tag=virtuoso&type=signup"
    },
    {
      "@id": "http://virtuoso.openlinksw.com:8889/about/id/entity/http/ods.openlinksw.com:8889/"
    }],
    "http://www.w3.org/2000/01/rdf-schema#seeAlso": [{
      "@id": "http://www.openlinksw.com/dataspace/kidehen@openlinksw.com/about.rdf"
    }],
    "@type": ["http://xmlns.com/foaf/0.1/Person"],
    "http://www.openlinksw.com/virt_curi#has_curi": [1],
    "http://www.openlinksw.com/virt_curi#has_code": [{
      "@value": "9C5K2GYX"
    }]
  }]
}
</script>