<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>プログラミング解説:HTML | 新しいタブ</title><link>https://html-page.localinfo.jp/posts/categories/12916061</link><description>プログラミング解説:HTMLの一覧</description><atom:link href="https://html-page.localinfo.jp/rss.xml?categoryId=12916061" 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></channel></rss>