<?xml version="1.0" encoding="UTF-8"?>

<rdf:RDF
  xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  xmlns:dc="http://purl.org/dc/elements/1.1/"
  xmlns:admin="http://webns.net/mvcb/"
  xmlns:content="http://purl.org/rss/1.0/modules/content/"
  xmlns="http://purl.org/rss/1.0/"
>

<channel rdf:about="http://yuuu69.seesaa.net/">
<title>haku1569 ブログで使えるHTLM</title>
<link>http://yuuu69.seesaa.net/</link>
<description></description>
<dc:language>ja</dc:language>
<admin:generatorAgent rdf:resource="https://blog.seesaa.jp/" />
<items>
<rdf:Seq>
<rdf:li rdf:resource="http://yuuu69.seesaa.net/article/511392229.html" />
<rdf:li rdf:resource="http://yuuu69.seesaa.net/article/505086231.html" />
<rdf:li rdf:resource="http://yuuu69.seesaa.net/article/456027531.html" />
<rdf:li rdf:resource="http://yuuu69.seesaa.net/article/455984254.html" />
<rdf:li rdf:resource="http://yuuu69.seesaa.net/article/449670236.html" />
<rdf:li rdf:resource="http://yuuu69.seesaa.net/article/437519704.html" />
<rdf:li rdf:resource="http://yuuu69.seesaa.net/article/437554515.html" />
</rdf:Seq>
</items>
</channel>

<item rdf:about="http://yuuu69.seesaa.net/article/511392229.html">
<link>http://yuuu69.seesaa.net/article/511392229.html</link>
<title>メールサーバー　管理画面（コントロールパネル）で出来ること</title>
<description>メールアカウントの管理（アドレスの追加・削除）や、メーリングリストの各種設定メールの転送設定転送先のアドレスを入力する転送後にメールを削除する設定が出来るものと出来ないものがある。</description>
<dc:subject>HTML</dc:subject>
<dc:creator>Yuuu69</dc:creator>
<dc:date>2025-03-09T14:04:54+09:00</dc:date>
<content:encoded><![CDATA[
<div><span>メールアカウントの管理（アドレスの追加・削除）や、メーリングリストの各種設定</span></div><div><span>メールの転送設定</span></div><div><span>転送先のアドレスを入力する</span></div><div><span>転送後にメールを削除する設定が出来るものと出来ないものがある。</span></div><a name="more"></a>

]]><![CDATA[
]]></content:encoded>
</item>
<item rdf:about="http://yuuu69.seesaa.net/article/505086231.html">
<link>http://yuuu69.seesaa.net/article/505086231.html</link>
<title>スタイルシートにコメントを入れる / スタイルシート　CSS</title>
<description>みなさん、こんにちわー！今日は、スタイルシートに入れるコメントの書き方を紹介します。ＨＴＭＬ では&amp;lt;!-- と --&amp;gt;囲まれた部分がコメントになって書いてしまいましたが、スタイルシートでのコメントとはどう記述すればいいのでしょうか。/* と */囲まれた部分がコメントとみなされてプログラムから外されます。ソース例BODY {background : #0781da ;color:#ffe771;LINE-HEIGHT: 1.5em;}/* リンク文字のスタイルの設..</description>
<dc:subject>CSS</dc:subject>
<dc:creator>Yuuu69</dc:creator>
<dc:date>2024-10-06T13:14:03+09:00</dc:date>
<content:encoded><![CDATA[
<div><p><span>みなさん、こんにちわー！</span></p><p><span>今日は、スタイルシートに入れるコメントの書き方を紹介します。</span></p><br /><p><span>ＨＴＭＬ では&lt;!-- と --&gt;囲まれた部分がコメントになって書いてしまいましたが、スタイルシートでのコメントとはどう記述すればいいのでしょうか。</span></p><p><span style="font-size: 18pt;"><strong><span class="style4" style="color: #0000ff;">/* と */</span></strong></span></p><p><span>囲まれた部分がコメントとみなされてプログラムから外されます。</span></p><h2><span>ソース例</span></h2><p><span>BODY {background : #0781da ;color:#ffe771;LINE-HEIGHT: 1.5em;}</span><br /><span style="color: #0000ff;"><strong><span class="style5">/* リンク文字のスタイルの設定 */</span></strong></span><br /><span>a:link{color:#9efec5;}</span><br /><span>a:visited{color:#000040;}</span><br /><span>a:active{color:#ffffff;}</span><br /><span>a:hover{color:#cc0000;}</span><br /><span>時間{color:#cc0000;高さ:1px;幅:95%;}</span></p><p><span>と言う風な使い方です。</span></p><p><span>自分一人でコーディングしていると、コメントいちいち入れるの面倒だし、必要ないと思ってるかもしれませんが、</span></p><p><strong><span style="font-size: 14pt; color: #ff6600;">5年経ったら必要性に気付きます。</span></strong></p><br /><p><span>なんで、コメントは入れときましょう！</span></p><br /><p><span>では、また次回をお楽しみに。</span></p><p><span>ご閲覧ありがとうございました。</span></p><br /></div><a name="more"></a>

]]><![CDATA[
]]></content:encoded>
</item>
<item rdf:about="http://yuuu69.seesaa.net/article/456027531.html">
<link>http://yuuu69.seesaa.net/article/456027531.html</link>
<title>目次</title>
<description>ブログで使うHTMLそもそもブログ（blog）って何ってところからまず始めに、スタイルシート（CSS）の編集についてページ内にリンクを貼ってみた蛍光ペンで書いたように文字の背景に色を付けてみた動画編集AKASOのアクションカム V50Xの音声がDaVinci Resolveで認識されない時はどうする！？</description>
<dc:subject>HTML</dc:subject>
<dc:creator>Yuuu69</dc:creator>
<dc:date>2020-01-06T00:00:00+09:00</dc:date>
<content:encoded><![CDATA[
<div><strong><span style="color: #cb0000;">ブログで使うHTML</span></strong></div><div><a href="http://yuuu69.seesaa.net/article/437554515.html" target="_blank" rel="noopener">そもそもブログ（blog）って何ってところから</a></div><div><a href="http://yuuu69.seesaa.net/article/455984254.html" target="_blank" rel="noopener">まず始めに、スタイルシート（CSS）の編集について</a></div><div><a href="http://yuuu69.seesaa.net/article/437519704.html" target="_blank" rel="noopener">ページ内にリンクを貼ってみた</a></div><div><a href="http://yuuu69.seesaa.net/article/449670236.html" target="_blank" rel="noopener">蛍光ペンで書いたように文字の背景に色を付けてみた</a></div><br /><br /><div><strong><span style="color: #cb0000;">動画編集</span></strong></div><div><a href="http://yuuu69.seesaa.net/article/481432843.html" target="_blank" rel="noopener">AKASOのアクションカム V50Xの音声がDaVinci Resolveで認識されない時はどうする！？</a></div><a name="more"></a>

]]><![CDATA[
]]></content:encoded>
</item>
<item rdf:about="http://yuuu69.seesaa.net/article/455984254.html">
<link>http://yuuu69.seesaa.net/article/455984254.html</link>
<title>まず始めに、スタイルシート（CSS）の編集について</title>
<description>　現在、ホームページやブログに使用されているプログラム（HTML）には、例えば文字の色を赤にするとかの表示方法を指定する為にスタイルシート（CSS）というのが使用され、HTMLの中で表示方法を指定することは行われなくなっています。　これは、アクセサビリティを向上させるため、つまり色々な人（障害を持っている人とか）が、色々な機器、色々なブラウザからでもホームページやブログにアクセス出来て閲覧出来るようにするために、内容の構成（構造）を指定するのはHTMLにして、その表示方法を指..</description>
<dc:subject>基本的なこと</dc:subject>
<dc:creator>Yuuu69</dc:creator>
<dc:date>2018-01-04T18:44:43+09:00</dc:date>
<content:encoded><![CDATA[
<div>　現在、ホームページやブログに使用されているプログラム（HTML）には、例えば文字の色を赤にするとかの表示方法を指定する為にスタイルシート（CSS）というのが使用され、HTMLの中で表示方法を指定することは行われなくなっています。</div><br /><div>　これは、アクセサビリティを向上させるため、つまり色々な人（障害を持っている人とか）が、色々な機器、色々なブラウザからでもホームページやブログにアクセス出来て閲覧出来るようにするために、内容の構成（構造）を指定するのはHTMLにして、その表示方法を指定するのはHTMLから分離させたスタイルシート（CSS）にするようにWEB技術の標準化を進める“W3C”（World Wide Web Consortium）と言う組織が推奨しているためです。</div><br /><div>　なので、皆さんが使っているブログも殆どがスタイルシートが外部ファイルとして別に存在して、それも編集可能になっているのもあると思います。</div><br /><div>この、seesaaもそうなっています。</div><br /><div>ですが、seesaaでは以下のような但し書きが書いてありました。</div><br /><div>「弊社ではCSSに関する技術的サポートは一切行っておりませんので、知識のある方のみ編集等を行なっていただきますよう、お願いいたします。」まぁっ、自己責任でいいですよ～。。。</div><br /><br /><div>　スタイルシートはHTML本文の中でも直接記述することも出来るので、スタイルシートのファイルを直接編集できないブログでも、使用することは可能です。</div><br /><div>ただ、その方法もW3Cによって非推奨になってはいますが、ブログで予めメニュー等で設定されているフォントの色を変える等の機能は、この直接記述のスタイルシートが使用されているようです。</div><br /><div>（数年後にはどうなっているか分かりませんが。。。）</div><br /><br /><div>と言う状況なので、ここでは、</div><br /><div>①スタイルシートを編集する方法</div><br /><div>②HTMLにスタイルシートを記述する方法</div><br /><div>で、説明していきたいと思います。</div><br /><br /><div>試しにやってみます。</div><br /><div>文字を赤にしてみます。</div><br /><br /><div>①スタイルシートの編集</div><br /><div>クラスを使って適用させます。</div><br /><div>スタイルシートに次の様に記述します。</div><br /><br /><div>「.font1 {color:#ff0000;}」</div><br /><div>ここで、「.font1」がクラス名で自由に名前を付けれます。</div><br /><div>このブログで実際に編集した様子です。</div><br /><div><a href="http://yuuu69.up.seesaa.net/image/20180106-02.JPG" target="_blank" rel="noopener"><img src="http://yuuu69.up.seesaa.net/image/20180106-02-thumbnail2.JPG" alt="20180106-02.JPG" width="640" height="550" border="0" onclick="location.href = 'http://yuuu69.seesaa.net/upload/detail/image/20180106-02-thumbnail2.JPG.html'; return false;" style="cursor:pointer;" /></a></div><br /><br /><div>で、次にブログの本文（HTML）に次の様な記述をします。</div><br /><div>「&amp;ltp class="font1"&amp;gt文字色に赤を指定&amp;lt/p&amp;gt」</div><br /><br /><div>実際のサンプルです</div><br /><p class="font1">文字色に赤を指定</p><br /><br /><div>次は</div><br /><div>②ブログ本文（HTML）にスタイルシートを記述する方法です。</div><br /><div>「&amp;ltp style="color:#ff0000;"&amp;gt文字色に赤を指定&amp;lt/p&amp;gt」</div><br /><br /><div>実際のサンプルです</div><br /><p style="color: #ff0000;">文字色に赤を指定</p><br /><br /><div>どうでしょう、今見ているブラウザで右クリしてプロパティか何か、ページのソースコードを表示して実際の記述を確認してみてください。</div><br /><div>ちなみに、実際のこのブログのHTMLの内容です。</div><br /><div><a href="http://yuuu69.up.seesaa.net/image/20180106-03.JPG" target="_blank" rel="noopener"><img src="http://yuuu69.up.seesaa.net/image/20180106-03-thumbnail2.JPG" alt="20180106-03.JPG" width="640" height="535" border="0" onclick="location.href = 'http://yuuu69.seesaa.net/upload/detail/image/20180106-03-thumbnail2.JPG.html'; return false;" style="cursor:pointer;" /></a></div><br /><br /><div>とりあえず現状をふまえて考えると、ブログ全体のページに共通する内容、今後作るページも含めて指定をしたい時はスタイルシートファイルを編集するのが簡単ですが、一時的に設定をするだけなら、本文に直接書き込んだ方が簡単ですね。</div><br /><br /><div>それから、スタイルシートを編集して保存しても、ブラウザ上で変更が反映されない場合があります。</div><br /><div>それは、ブラウザがスタイルシートの前のファイルを保存してしまっているためなので、強制的に再読み込みを実施する必要があります。それを“スーパーリロード”と言います。</div><br /><div>やり方は、「ctrl」＋「F5」です。</div><br /><br /><div><span style="color: #cb0000;"><strong>次ページ：</strong></span></div><br /><div><span style="color: #cb0000;"><strong>前ページ：</strong></span><a href="http://yuuu69.seesaa.net/article/437554515.html" target="_blank" rel="noopener">・そもそもブログ（blog）って何ってところから</a></div><br /><br /><br /><div><span style="color: #cb0000;"><strong>関連ページ</strong></span></div><br /><div><a href="http://yuuu69.seesaa.net/article/456027531.html" target="_blank" rel="noopener">目次</a></div><br /><a name="more"></a>

]]><![CDATA[
]]></content:encoded>
</item>
<item rdf:about="http://yuuu69.seesaa.net/article/449670236.html">
<link>http://yuuu69.seesaa.net/article/449670236.html</link>
<title>蛍光ペンで書いたように文字の背景に色を付けてみた&amp;ltbackground-color&amp;gt</title>
<description>蛍光ペンでなぞった様に文字の背景に色を付けてみます。こんな様なソースを記入します。&amp;ltspan style=&quot;background-color:#ffff00;&quot;&amp;gtこの背景が黄色になります&amp;lt/span&amp;gtで、実際にやってみるとこうなります。この背景が黄色になります#ffff00は黄色の色番号（16進数）です。代表的な色番号（カラー名 / 色番号）black / #000000gray / #808080silver / #C0C0C0white / #FFFFFF..</description>
<dc:subject>HTML</dc:subject>
<dc:creator>Yuuu69</dc:creator>
<dc:date>2017-05-07T17:41:27+09:00</dc:date>
<content:encoded><![CDATA[
蛍光ペンでなぞった様に文字の背景に色を付けてみます。<br /><br />こんな様なソースを記入します。<br /><span style="color:#CB0000;">&ltspan style="background-color:<span style="color:#0000FF;">#ffff00</span>;"&gt</span>この背景が黄色になります<span style="color:#CB0000;">&lt/span&gt</span><br /><br />で、実際にやってみるとこうなります。<br /><br /><span style="background-color:#ffff00;">この背景が黄色になります</span><br /><br /><span style="color:#0000FF;">#ffff00</span>は黄色の色番号（16進数）です。<br /><br />代表的な色番号（カラー名 / 色番号）<br /><span style="background-color:#000000;"><span style="color:#FFFFFF;">black / #000000</span></span><br /><br /><span style="background-color:#808080;"><span style="color:#FFFFFF;">gray / #808080</span></span><br /><br /><span style="color:#000000;"><span style="background-color:#C0C0C0;">silver / #C0C0C0</span><br /><br /><span style="background-color:#ffffff;">white / #FFFFFF</span><br /><br /><span style="background-color:#0000FF;">blue / #0000FF</span><br /><br /><span style="background-color:#000080;">navy / #000080</span><br /><br /><span style="background-color:#008080;">teal / #008080</span><br /><br /><span style="background-color:#008000;">green / #008000</span><br /><br /><span style="background-color:#00FF00;">lime / #00FF00</span><br /><br /><span style="background-color:#00FFFF;">aqua / #00FFFF</span><br /><br /><span style="background-color:#FFFF00;">yellow / #FFFF00</span><br /><br /><span style="background-color:#FF0000;">red / #FF0000</span><br /><br /><span style="background-color:#FF00FF;">fuchsia / #FF00FF</span><br /><br /><span style="background-color:#808000;">olive / #808000</span><br /><br /><span style="background-color:#800080;">purple / #800080</span><br /><br /><span style="background-color:#800000;">maroon / #800000</span></span><br /><br /><br /><span style="color:#CB0000;"><strong>関連ページ</strong></span><br /><a href="http://yuuu69.seesaa.net/article/456027531.html" target="_blank">目次</a><a name="more"></a>

]]><![CDATA[
]]></content:encoded>
</item>
<item rdf:about="http://yuuu69.seesaa.net/article/437519704.html">
<link>http://yuuu69.seesaa.net/article/437519704.html</link>
<title>ページ内にリンクを貼ってみた　&amp;lt;a&amp;gt;</title>
<description>同じページ内で指定した場所へジャンプさせる方法です。よく、ページの最初にメニューがあって、そこから同じページの所定の場所にジャンプしたり、ページの下の方からページの先頭にジャンプしたりする時に使います。実際の例として&quot;1へジャンプ&quot;をクリックして、下の方の&quot;1&quot;にジャンプ（リンク）させてみます。まず、ジャンプ先の&quot;1&quot;に名前を付けます。名前は何でも構いません。ここでは&quot;1&quot;とします。では、HTMLのソースコードの編集です。&quot;1&quot;の前後に次のように追記します。&amp;lt;a nam..</description>
<dc:subject>HTML</dc:subject>
<dc:creator>Yuuu69</dc:creator>
<dc:date>2016-05-04T18:25:54+09:00</dc:date>
<content:encoded><![CDATA[
同じページ内で指定した場所へジャンプさせる方法です。<br />よく、ページの最初にメニューがあって、そこから同じページの所定の場所にジャンプしたり、ページの下の方からページの先頭にジャンプしたりする時に使います。<br /><br />実際の例として<br />"1へジャンプ"をクリックして、下の方の"1"にジャンプ（リンク）させてみます。<br /><br />まず、ジャンプ先の"1"に名前を付けます。<br />名前は何でも構いません。ここでは"1"とします。<br />では、HTMLのソースコードの編集です。<br />"1"の前後に次のように追記します。<br /><br /><span style="color:#CB0000;">&lt;a name="1"&gt;</span>1<span style="color:#CB0000;">&lt;/a&gt;</span><br /><br />次はジャンプ元（リンク元）の"1へジャンプ"への編集です。<br />"1"へリンクを張ります。<br />"1へジャンプ"の前後に次のように追記します。<br /><br /><span style="color:#CB0000;">&lt;a href="#1"&gt;</span>1へジャンプ<span style="color:#CB0000;">&lt;/a&gt;</span><br /><br />以上で完了です。<br />では早速クリックしてみてください。<br /><br /><a href="#1">1へジャンプ</a><br />↓<br /><br />↓<br /><br />　↓<br /><br />　　↓<br /><br />　↓<br /><br />　　↓<br /><br />　↓<br /><br />↓<br /><br />↓<br /><br />↓<br /><a name="1" >1</a><br />っと、<br />飛んできましたね！<br /><br /><br /><span style="color:#CB0000;"><strong>関連ページ</strong></span><br /><a href="http://yuuu69.seesaa.net/article/456027531.html" target="_blank">目次</a><a name="more"></a>

]]><![CDATA[
]]></content:encoded>
</item>
<item rdf:about="http://yuuu69.seesaa.net/article/437554515.html">
<link>http://yuuu69.seesaa.net/article/437554515.html</link>
<title>そもそもブログ（blog）って何ってところから</title>
<description>今や誰でも出来る手軽な情報発信としてSNSが大活躍な時代だけど、いわゆるWebサイトと言われているのはホームページ（HP）であり、個人レベルでは日記の様な時系列の情報の発信ツールとしてブログ（Blog）が用いられています。んで、ブログって何？って言うと、日記の様な時系列の記事を簡単にインターネット（WEB）上に公開するWEBサイトのことで、基本的にはホームページと同じです。日記の様な時系列の記録（ログ/Log）の公開目的にしていて&quot;Web Log&quot;(ウェブログ)が省略されてB..</description>
<dc:subject>基本的なこと</dc:subject>
<dc:creator>Yuuu69</dc:creator>
<dc:date>2016-05-01T00:00:00+09:00</dc:date>
<content:encoded><![CDATA[
今や誰でも出来る手軽な情報発信としてSNSが大活躍な時代だけど、いわゆるWebサイトと言われているのはホームページ（HP）であり、個人レベルでは日記の様な時系列の情報の発信ツールとしてブログ（Blog）が用いられています。<br /><br />んで、ブログって何？って言うと、<br />日記の様な時系列の記事を簡単にインターネット（WEB）上に公開するWEBサイトのことで、基本的にはホームページと同じです。<br />日記の様な時系列の記録（ログ/Log）の公開目的にしていて"Web Log"(ウェブログ)が省略されてBlog（ブログ）と言われるようになりました。<br /><br />では、Blogの特徴はと言うと、<br /><blockquote>1．BlogのWEBサイトを無料で使用できるサービスサイトが多数あって、予め用意されたテンプレートを使用できます。<br />2．なので、ホームページを作る技術がなくても記事をアップすることができます。<br />3．なので、ホームページ作成ソフト（"ホームページビルダー"や"Dreamweaver"等）を必要としません。<br />4．全ての記事（ページ）が時系列で表示されます。<br />5．ので記事のタイトルより上に日付もタイトルになります。<br />6．したがって、ページ構成を自由にすることはできません。</blockquote><br /><br />つまり、簡単な代わりに制約もあるということですね。。。<br /><br />スマホ等のモバイル端末での使用がメインのSNSに対してパソコンベースのWEBサイトは情報をアップするのにそれなりに手間はかなりかかりますが、Blogはホームページを作るよりはるかに簡単（リーズナブル）です。<br />手間がかかる、手間をかけられるということは、それなりに質の良い記事をアップできるということ。<br />良いblger（ブロガー）を目指しましょう！<br /><br /><span style="color:#CB0000;"><strong>次ページ：</strong></span><a href="http://yuuu69.seesaa.net/article/455984254.html" target="_blank">まず始めに、スタイルシート（CSS）の編集について</a><br /><span style="color:#CB0000;"><strong>前ページ：</strong></span><br /><br /><span style="color:#CB0000;"><strong>関連ページ</strong></span><br /><a href="http://yuuu69.seesaa.net/article/456027531.html" target="_blank">目次</a><br /><br /><a name="more"></a>

]]><![CDATA[
]]></content:encoded>
</item>
</rdf:RDF>

