<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>チュートリアル記事 | 新しいタブ</title><link>https://html-page.localinfo.jp/posts/categories/12874805</link><description>チュートリアル記事の一覧</description><atom:link href="https://html-page.localinfo.jp/rss.xml?categoryId=12874805" rel="self" type="application/rss+xml"></atom:link><atom:link href="http://pubsubhubbub.appspot.com/" rel="hub"></atom:link><item><title>HTML学習:Chapter3</title><link>https://html-page.localinfo.jp/posts/58586320</link><description>&#xA;&#x9;&#x9;&lt;div&gt;&#xA;&#x9;&#x9;&#x9;&lt;img src=&#34;https://static.amebaowndme.com/madrid-static/gallery/052.jpg?width=960&#34; width=&#34;100%&#34;&gt;&#xA;&#x9;&#x9;&lt;/div&gt;&#xA;&#x9;&#x9;&#xA;&#xA;&#x9;&#x9;&lt;div&gt;&#xA;&#x9;&#x9;&#x9;&lt;p&gt;&lt;strike&gt;Hola!&lt;/strike&gt;こんにちは!今日は&amp;lt;h1&amp;gt;タグと&amp;lt;p&amp;gt;タグについて説明します!&lt;/p&gt;&lt;p&gt;では、早速ですが、&amp;lt;h1&amp;gt;タグについて説明しましょう。&amp;lt;h1&amp;gt;タグは、見出しを作成するタグです。&amp;lt;h1&amp;gt;が最も大きい見出しで、&amp;lt;h6&amp;gt;が最も小さい見出しになります。&lt;/p&gt;&#xA;&#x9;&#x9;&lt;/div&gt;&#xA;&#x9;&lt;html&gt;&lt;body&gt;&lt;h1&gt;h1タグです&lt;/h1&gt;&lt;h2&gt;h2タグです&lt;/h2&gt;&lt;h3&gt;h3タグです&lt;/h3&gt;&lt;h4&gt;h4タグです&lt;/h4&gt;&lt;h5&gt;h5タグです&lt;/h5&gt;&lt;h6&gt;h6タグです&lt;/h6&gt;&lt;/body&gt;&lt;/html&gt;&#xA;&#x9;&#x9;&lt;div&gt;&#xA;&#x9;&#x9;&#x9;&lt;p&gt;&amp;lt;h1&amp;gt;タグから&amp;lt;h6&amp;gt;タグまで使ってみました。&amp;lt;h6&amp;gt;タグは見づらいのであまり使うのはやめましょう。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;次は&amp;lt;p&amp;gt;タグについて説明しましょうか。&lt;/p&gt;&lt;p&gt;&amp;lt;p&amp;gt;タグは、テキストの段落を作成するためのタグで、&amp;lt;p&amp;gt;タグで囲ったテキストの前後に一行の改行が生まれますが、改行の目的で使用することはないです。&lt;/p&gt;&#xA;&#x9;&#x9;&lt;/div&gt;&#xA;&#x9;&lt;html&gt;&lt;body&gt;&lt;h1&gt;こんな感じで組み合わせて使います&lt;/h1&gt;&lt;p&gt;改行生まれてるとは私思いません☆彡&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;&#xA;&#x9;&#x9;&lt;div&gt;&#xA;&#x9;&#x9;&#x9;&lt;p data-placeholder=&#34;&#34;&gt;&lt;span style=&#34;font-size: 16px; letter-spacing: 0.2px;&#34;&gt;ではここで今回の記事を終わりにします。次は&amp;lt;h2&amp;gt;~&amp;lt;h6&amp;gt;タグと&amp;lt;br&amp;gt;タグについて説明します!&lt;/span&gt;&lt;/p&gt;&#xA;&#x9;&#x9;&lt;/div&gt;&#xA;&#x9;</description><pubDate>Fri, 27 Feb 2026 01:33:32 +0000</pubDate><guid>https://html-page.localinfo.jp/posts/58586320</guid><dc:creator>beta筆者(編集長?)</dc:creator><category>プログラミング解説:HTML</category><category>チュートリアル記事</category><enclosure length="0" type="image/jpeg" url="https://static.amebaowndme.com/madrid-static/gallery/052.jpg"></enclosure></item><item><title>HTML学習:Chapter2</title><link>https://html-page.localinfo.jp/posts/58332191</link><description>&#xA;&#x9;&#x9;&lt;div&gt;&#xA;&#x9;&#x9;&#x9;&lt;img src=&#34;https://static.amebaowndme.com/madrid-static/gallery/052.jpg?width=960&#34; width=&#34;100%&#34;&gt;&#xA;&#x9;&#x9;&lt;/div&gt;&#xA;&#x9;&#x9;&#xA;&#xA;&#x9;&#x9;&lt;div&gt;&#xA;&#x9;&#x9;&#x9;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;こんにちは!今日は、&amp;lt;html&amp;gt;タグと、&amp;lt;body&amp;gt;タグについて説明しましょうか。&lt;/p&gt;&lt;p&gt;では、&amp;lt;html&amp;gt;タグはどう使うのでしょうか...よくわからないという人も居ますよね。&lt;/p&gt;&lt;p&gt;では、下のようなかんたんなHTMLを書いてみましょうか。&lt;/p&gt;&#xA;&#x9;&#x9;&lt;/div&gt;&#xA;&#x9;&lt;html&gt;あいうえお&lt;/html&gt;&#xA;&#x9;&#x9;&lt;div&gt;&#xA;&#x9;&#x9;&#x9;&lt;p&gt;これはどうやるのでしょうか...私にはできないでしょ...と思う人もいるかも知れません。でも、かんたんなんですよ。このタグを覚えれば、一発でできます。｢&amp;lt;html&amp;gt;｣と、｢&amp;lt;/html&amp;gt;｣です。&amp;lt;html&amp;gt;は、htmlはここからだよーという意味で、&amp;lt;/html&amp;gt;は、htmlこれで終わりだよ―という意味です。この2つのタグの間に、あいうえおと打てば、上のHTMLは打てます。ほら、できたでしょ?(どっかで打ってね)ちなみに、&amp;lt;/html&amp;gt;の、/はなんでついているのかというと、大体のタグでは、/がつくと終わりだよ。という意味なのです。でも、終了タグがないタグがあったりしますけど、そこにはまだ触れないでおきましょう。私もよくわからないので。では、今回の講座？は終わりです。次の記事では&amp;lt;h1&amp;gt;タグと&amp;lt;p&amp;gt;タグについて覚えていきましょう。ではさようなら。&lt;/p&gt;&#xA;&#x9;&#x9;&lt;/div&gt;&#xA;&#x9;</description><pubDate>Thu, 25 Dec 2025 05:24:49 +0000</pubDate><guid>https://html-page.localinfo.jp/posts/58332191</guid><dc:creator>beta筆者(編集長?)</dc:creator><category>プログラミング解説:HTML</category><category>チュートリアル記事</category><enclosure length="0" type="image/jpeg" url="https://static.amebaowndme.com/madrid-static/gallery/052.jpg"></enclosure></item><item><title>HTML学習:Chapter1  そもそもHTMLとは?</title><link>https://html-page.localinfo.jp/posts/58332067</link><description>&#xA;&#x9;&#x9;&lt;div&gt;&#xA;&#x9;&#x9;&#x9;&lt;img src=&#34;https://static.amebaowndme.com/madrid-static/gallery/052.jpg?width=960&#34; width=&#34;100%&#34;&gt;&#xA;&#x9;&#x9;&lt;/div&gt;&#xA;&#x9;&#x9;&#xA;&#xA;&#x9;&#x9;&lt;div&gt;&#xA;&#x9;&#x9;&#x9;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;こんにちは。HTMLがものすごく少しだけ書ける、べーた筆者です。今日はHTMLに付いて説明していこうかな〜と思っています。皆さんはこのページを見ているということは、日々いろいろなWebページを見ていることでしょう。そうですよね(⌒∪⌒)(圧)ということは、そのページにも、HTMLが使われているってことなんですよね。わかりますよね?(わからない人に失礼ですが)ちなみにこれはHTMLの基本のことですよ。&lt;/p&gt;&lt;p&gt;まず、こんなページを見たことはありませんか?下を見てください。&lt;/p&gt;&#xA;&#x9;&#x9;&lt;/div&gt;&#xA;&#x9;&lt;html&gt;&lt;body&gt;&lt;style&gt;body&#xA;{&#xA;    background-color: white;&#xA;  color: black;&#xA;    }&#xA;&lt;/style&gt;&lt;h1&gt;こんなようなページです。&lt;/h1&gt;&lt;p&gt;こんな文章がかかれていたりするよね。ちなみにWEBページのCSSの読み込みやHTMLの読み込みが失敗しても&#xA; こうなったりします。大抵のサイトではstyleタグの中のコードを全部消したりするとなる場合が多いよ。&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;&#xA;&#x9;&#x9;&lt;div&gt;&#xA;&#x9;&#x9;&#x9;&lt;p&gt;こんなページは、だいたいHTMLでコードをかいているのです。&lt;/p&gt;&lt;p&gt;また、JavaScriptという言葉も聞きますが、それは、ホームページの構築とぜんぜん違う、｢プログラミング｣のたぐいなので、全然違います。&lt;/p&gt;&lt;p&gt;HTMLで、大きい文字でHelloとかくには、&amp;lt;html&amp;gt;&amp;lt;body&amp;gt;&amp;lt;h1&amp;gt;Hello&amp;lt;/h1&amp;gt;&amp;lt;/body&amp;gt;&amp;lt;/html&amp;gt;とかくだけでできますが、JavaScriptでは、console.log(&#34;Hello&#34;);というコードをかかないといけないのです。いちいちconsole.logとか打ってたらきりがありません。(　･ิω･ิ)&lt;/p&gt;&lt;p&gt;なので、私は&lt;strike&gt;JavaScriptを&lt;/strike&gt;HTMLとCSSを学習しているのです。&lt;/p&gt;&lt;p&gt;あ、ちなみに今回は、HTMLに付いて説明するだけです。本講座はChapter2から始めます。ではさようなら。&lt;/p&gt;&#xA;&#x9;&#x9;&lt;/div&gt;&#xA;&#x9;</description><pubDate>Thu, 25 Dec 2025 04:58:11 +0000</pubDate><guid>https://html-page.localinfo.jp/posts/58332067</guid><dc:creator>beta筆者(編集長?)</dc:creator><category>プログラミング解説:HTML</category><category>チュートリアル記事</category><enclosure length="0" type="image/jpeg" url="https://static.amebaowndme.com/madrid-static/gallery/052.jpg"></enclosure></item><item><title>算数解説:鶴亀算について</title><link>https://html-page.localinfo.jp/posts/58326347</link><description>&#xA;&#x9;&#x9;&lt;div&gt;&#xA;&#x9;&#x9;&#x9;&lt;img src=&#34;https://static.amebaowndme.com/madrid-static/gallery/114.jpg?width=960&#34; width=&#34;100%&#34;&gt;&#xA;&#x9;&#x9;&lt;/div&gt;&#xA;&#x9;&#x9;&#xA;&#xA;&#x9;&#x9;&lt;div&gt;&#xA;&#x9;&#x9;&#x9;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;この世には不思議なことに鶴亀算という変な計算があります。実はZ会?とか言う塾?がそれのプリントとそれの解説のページを作っているのです。頭が良いですね。ということで、今回はそれについて説明していこうかな〜と思っています。&lt;/p&gt;&#xA;&#x9;&#x9;&lt;/div&gt;&#xA;&#x9;&lt;html&gt;&lt;body&gt;&lt;button onclick=&#34;window.open(&#39;https://print-mori.com/tyuzyu-sansu-turukamekiso1/&#39;)&#34;&gt;&#xA;    Z会?のプリントを新しいタブで開く&#xA;  &lt;/button&gt;&lt;/body&gt;&lt;/html&gt;&#xA;&#x9;&#x9;&lt;div&gt;&#xA;&#x9;&#x9;&#x9;&lt;p&gt;このページの最初にある、｢▼ダウンロードはこちらから｣と書いてある下の上が緑の画像があるのでそれタップして、それの(1)の解き方、そして鶴亀算の重要ポイント?をまとめていきます。&lt;/p&gt;&lt;p&gt;問題文:(1)鶴と亀が合わせて20匹いて、足は56本あります。この時、ツルは何匹居ますか?&lt;/p&gt;&lt;p&gt;ですね。では、まず、足の本数から整理していきましょう。&lt;/p&gt;&lt;p&gt;ツルは、見た通り2本、亀は引っ込ませることありますが4本ですね。そこで、全部の足の本数をツル、もしくは亀の足の本数でわろうとしてはいけません。それで割ったって、変な答えしか出ません。なので、めんどくさくても、せめてこの図は書きましょう。これは他の問題でも役立ちます。&lt;/p&gt;&lt;p&gt;では、図を書いていきます。(ノートに書いた図は別、リンク一覧で。)&lt;/p&gt;&lt;p&gt;ﾂﾙ 　　　　20 19 18 17 16 15 14 13 12 11 10&amp;nbsp; 9&amp;nbsp; &amp;nbsp;8&amp;nbsp; &amp;nbsp;7&amp;nbsp; &amp;nbsp;6&amp;nbsp; &amp;nbsp;5&amp;nbsp; &amp;nbsp;4&amp;nbsp; &amp;nbsp;3&amp;nbsp; &amp;nbsp;2&amp;nbsp; &amp;nbsp;1&amp;nbsp; &amp;nbsp;0&lt;/p&gt;&lt;p&gt;ｶﾒ 　　　　0&amp;nbsp; &amp;nbsp; 1&amp;nbsp; &amp;nbsp;2&amp;nbsp; 3&amp;nbsp; &amp;nbsp; 4&amp;nbsp; &amp;nbsp;5&amp;nbsp; &amp;nbsp;6&amp;nbsp; &amp;nbsp;7&amp;nbsp; &amp;nbsp;8&amp;nbsp; 9&amp;nbsp; &amp;nbsp;10 11 12 13 14 15 16 17 18 19 20&lt;/p&gt;&lt;p&gt;全部の本数 40 42 44 46 48 50 52 54 56 58 60 62 64 66 68 70 72 74 76 78 80&lt;/p&gt;&lt;p&gt;↑(上)の図を書くことで、　　　　　　 ↑が鶴と亀の数ということがわかりますね。&lt;/p&gt;&lt;p&gt;この図を書くと、どの問題でも大体はわかります。なので、今やった鶴亀算のような問題(書式はちがくても)は、この図を書いてやりましょう!&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;今回の学習のまとめ..&lt;/p&gt;&lt;p&gt;(1)の問題で説明すると、ツルが1匹減って亀が1匹増えると、足がツルの分2本減り、亀の分4本増えるから、結果2本ずつ増えるという規則性がある。つまり、鶴亀算には、&lt;b&gt;大体の問題では&lt;/b&gt;規則性がある。&lt;/p&gt;&lt;p&gt;練習問題を作りました。ぜひやってみましょう。&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;~リンク集~&lt;/p&gt;&#xA;&#x9;&#x9;&lt;/div&gt;&#xA;&#x9;&#x9;&lt;html&gt;&lt;body&gt;&lt;button onclick=&#34;window.open(&#39;https://print-mori.com/tyuzyu-sansu-turukamekiso1/&#39;)&#34;&gt;&#xA;    使った問題のページを新しいタブで開く&#xA;  &lt;/button&gt;&lt;button onclick=&#34;window.open(&#39;https://d.kuku.lu/ay3uhdgj7&#39;)&#34;&gt;&#xA;    詳しい解き方((1)のノート)を新しいタブで開く&#xA;  &lt;/button&gt;&lt;button onclick=&#34;window.open(&#39;https://d.kuku.lu/bxjvzy87w&#39;)&#34;&gt;&#xA;    練習問題を新しいタブで開く&#xA;  &lt;/button&gt;&lt;/body&gt;&lt;/html&gt;&#xA;&#x9;&#x9;&lt;div&gt;&#xA;&#x9;&#x9;&#x9;&lt;p&gt;&amp;nbsp; &amp;nbsp;&lt;/p&gt;&lt;p&gt;&lt;br&gt;&lt;/p&gt;&#xA;&#x9;&#x9;&lt;/div&gt;&#xA;&#x9;</description><pubDate>Wed, 24 Dec 2025 06:45:19 +0000</pubDate><guid>https://html-page.localinfo.jp/posts/58326347</guid><dc:creator>beta筆者(編集長?)</dc:creator><category>勉強解説:算数</category><category>チュートリアル記事</category><enclosure length="0" type="image/jpeg" url="https://static.amebaowndme.com/madrid-static/gallery/114.jpg"></enclosure></item><item><title>Hello!/こんにちは</title><link>https://html-page.localinfo.jp/posts/58290486</link><description>&#xA;&#x9;&#x9;&lt;div&gt;&#xA;&#x9;&#x9;&#x9;&lt;img src=&#34;https://static.amebaowndme.com/madrid-static/gallery/137.jpg?width=960&#34; width=&#34;100%&#34;&gt;&#xA;&#x9;&#x9;&lt;/div&gt;&#xA;&#x9;&#x9;&#xA;&#xA;&#x9;&#x9;&lt;div&gt;&#xA;&#x9;&#x9;&#x9;&lt;p class=&#34;&#34;&gt;この記事は、音声ガイドがあります。下のリンクからアクセスできます。↓&lt;/p&gt;&#xA;&#x9;&#x9;&lt;/div&gt;&#xA;&#x9;&#xA;&#x9;&lt;div&gt;&#xA;&#x9;&#x9;&lt;figure&gt;&#xA;&#x9;&#x9;&#x9;&#xA;&#x9;&#x9;&lt;a href=&#34;https://ondoku3.com/ja/share/120324214/&#34;&gt;&#xA;&#x9;&#x9;&#x9;&lt;img src=&#34;https://storage.googleapis.com/ondoku3/img/logo/ondoku-san_200.webp&#34; width=&#34;100%&#34;&gt;&#xA;&#x9;&#x9;&#x9;&lt;small&gt;&lt;b&gt;Hello!/こんにちは&#xA;こんにちは!&#xA;&#xA;HTML&amp;CSS学習者、be…|音読さん&lt;/b&gt;&lt;/small&gt;&#xA;&#x9;&#x9;&#x9;&lt;br&gt;&#xA;&#x9;&#x9;&#x9;&lt;small&gt;Hello!/こんにちは&lt;/small&gt;&#xA;&#x9;&#x9;&lt;/a&gt;&#xA;&#x9;&#x9;&lt;/figure&gt;&#xA;&#x9;&lt;/div&gt;&#xA;&#x9;&#x9;&lt;div&gt;&#xA;&#x9;&#x9;&#x9;&lt;p class=&#34;&#34;&gt;こんにちは!&lt;/p&gt;&lt;p class=&#34;&#34;&gt;HTML&amp;amp;CSS学習者、beta_empireです。&lt;/p&gt;&lt;p class=&#34;&#34;&gt;今回はチュートリアル記事を書いてみました。&lt;/p&gt;&lt;p class=&#34;&#34;&gt;この記事が書いてあるサイトは、私の新しいタブでもあり、記事を載せるサイトでもあり、メモサイトでもあり、ゲームのサイトのまとめのページでもあり、かんたーんメアド(Scratchでのサービス)でのクーポン情報も取得できる、とにかくすごいサイトです。ちなみに、最初のページでHelllo!となっていますけど、あれわざとですｗ。まぁ、見ていってください。&lt;/p&gt;&#xA;&#x9;&#x9;&lt;/div&gt;&#xA;&#x9;</description><pubDate>Wed, 17 Dec 2025 07:54:24 +0000</pubDate><guid>https://html-page.localinfo.jp/posts/58290486</guid><dc:creator>beta筆者(編集長?)</dc:creator><category>チュートリアル記事</category><category>音声ガイドあり</category><enclosure length="0" type="image/jpeg" url="https://static.amebaowndme.com/madrid-static/gallery/137.jpg"></enclosure></item></channel></rss>