<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<oembed>
  <author_name>marimokomame</author_name>
  <author_url>https://blog.hatena.ne.jp/marimokomame/</author_url>
  <blog_title>marimokomame.aus</blog_title>
  <blog_url>https://marimokomame.com/</blog_url>
  <categories>
    <anon>ブログ運営</anon>
  </categories>
  <description>ブログのデザインをちょっとおしゃれにしようと思って、カスタムコードをコピペしたとき。 画面に現れる div とか margin とか href という謎の英語の羅列……。 「うっ、呪文が始まった……触らんとこ……」って拒絶反応が出たことありませんか？（私はめちゃくちゃありました） でも、安心してください。これ、一回意味が分かると「ただの片付け上手な箱と、サイズ指定の英語」でしかないんです。 今回は「HTMLって何？」という基本から、私が実際にブログで使っているバナーの裏側（コード）の解剖まで解説します。謎の呪文が「あ、ここで色を変えてるんだな」とパズルみたいに読めるようになりますよ。 SUMM…</description>
  <height>190</height>
  <html>&lt;iframe src=&quot;https://hatenablog-parts.com/embed?url=https%3A%2F%2Fmarimokomame.com%2Fentry%2FHOw-to-read-HTML&quot; title=&quot;【呪文じゃない】ブログのHTML/CSSを実際のバナーコードで読み解いてみた - marimokomame.aus&quot; class=&quot;embed-card embed-blogcard&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; style=&quot;display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;&quot;&gt;&lt;/iframe&gt;</html>
  <image_url>https://cdn-ak.f.st-hatena.com/images/fotolife/m/marimokomame/20260601/20260601114355.jpg</image_url>
  <provider_name>Hatena Blog</provider_name>
  <provider_url>https://hatena.blog</provider_url>
  <published>2026-07-05 10:00:00</published>
  <title>【呪文じゃない】ブログのHTML/CSSを実際のバナーコードで読み解いてみた</title>
  <type>rich</type>
  <url>https://marimokomame.com/entry/HOw-to-read-HTML</url>
  <version>1.0</version>
  <width>100%</width>
</oembed>
