Create the image ad

Inside the <body> of your AMPHTML ad document, you can include HTML and AMP tags; however, not all tags are allowed. Refer to the AMPHTML ad spec for a list of allowed tags.

Our ad is a simple image with a hyperlink to the advertised site. We'll display the image using the amp-img tag. Here's the code:

<body>
  <a target="_blank" href="https://www.amp.dev">
    <amp-img width="300" height="250"
        alt="Learn amp"
        src="/static/img/docs/ads/amp-300x250.png"></amp-img>
  </a>
</body>

If you open your html file in your browser, you should see the following image:

If you click the image ad, it takes you to the advertised site (i.e., the AMP Project site).

Previous chapter Next chapter

{{#initial}}Important Components{{/initial}}{{^initial}}コンポーネント{{/initial}}

{{#initial}}<{{title}}>{{/initial}}{{^initial}}{{title}}{{/initial}}

{{#initial}}Popular Articles{{/initial}}{{^initial}}Results{{/initial}}

{{title}}

;(

Something went wrong…

¯\_(ツ)_/¯

No results found.

Create the image ad