新小岩 さん プロフィール

  •  
新小岩さん: かんたんHTMLタグでHP/ブログ作成[超初心者]
ハンドル名新小岩 さん
ブログタイトルかんたんHTMLタグでHP/ブログ作成[超初心者]
ブログURLhttp://kantanhtml.blogspot.jp/
サイト紹介文簡単なHTMLタグを使って初心者でも格好良いHP&ブログを作成!当ブログのタグはコピペOK!
自由文初心者でもコピペでかんたんにHP、ブログを格好良くできるHTMLタグを紹介します。
難しいところは排除して、本当にかんたんで、よく使うタグを厳選して紹介します。
当ブログのタグは全てコピペOK.じゃんじゃん使ってください。
参加カテゴリー
更新頻度(1年)情報提供22回 / 24日(平均6.4回/週) - 参加 2017/03/07 22:37

新小岩 さんのブログ記事

  • 過去の記事 …
  • 【見出しを彩る】見出し用テーブルタグ
  • シンプルライン&グレー背景見出し・サンプルソース見出し・サンプル見出し・サンプルソース見出し・サンプル見出し・サンプルソース見出し・サンプル見出し・サンプルソース見出し・サンプル見出し・サンプルソース見出し・サンプル見出し・サンプルソース見出し・サンプル見出し・サンプルソース見出し・サンプル見出し・サンプルソース見出し・サンプル見出し・サンプルソース見出し・サンプル見出し・サンプルソース見出し・サ [続きを読む]
  • 【border-styleについて】
  • [HTMLタグ]線のスタイル(点線、破線などの指定、線の色の指定)border-styleについてテーブルや水平線、テキストエリアの枠線など、さまざまな線のスタイルを指定することが出来るborderStyle属性。使いやすいものをいくつかまとめました。・solid シンプルな実線。・double 二重線になります。・groove ぺこっと凹んだような立体的な線。・ridge ぷくっとした立体的な線。・ [続きを読む]
  • アフィリエイトブログ初心者のHTML基礎知識
  • アフィリエイトブログ初心者のHTML基礎知識ブログを使ったアフィリエイトは、簡単な副収入を手に入れる手段として、とても人気があります。人気の理由は、パソコンやスマホの簡単な知識があればすぐにはじめられて、初期投資などのリスクが少ないこと、インターネットを利用できる環境があればどこでも出来る、趣味を生かせるなど、たくさんの取っつきやすいポイントがあるからだと考えられます。実際に、一般の主婦の方がブログで [続きを読む]
  • 初心者でもやるべき最低限のSEO対策3つ
  • 初心者でもやるべき最低限のSEO対策3つアフィリエイトを始めようと、ブログを作成したは良いが誰も見に来てくれない…。なんてことは、非常によくあることです。落ち込まないでくださいね。作ったばかりのサイトで急に爆発的なアクセス数が得られるなんてことは、ほとんど無いと考えて良いと思います。ましてや、ただの日記の様なブログの場合、あなたが有名人でないなら、まず、世界中の人はあなたがブログを始めたことにすら気が [続きを読む]
  • ブログやHPで使えるHTMLタグ【小技集】
  • ブログやHPで使えるHTMLタグ【小技集】何かと使える便利な小技を集めました。文字や画像などの位置を指定する通常、位置の指定をせずにページに配置した文字や画像などは、勝手に左寄せに表示されると思います。ページのレイアウトによっては左寄せでは困ることもありますよね。これを、中央、右寄せ、に指定する方法です。もちろん、左寄せに指定することも可能です。align属性を使用します。align="位置" 位置は、 ・ [続きを読む]
  • ライン(水平線)[サンプル]
  • ライン(水平線)タグ [サンプル] コピペ用ラインタグのサンプルを置いておきます。ページの仕切りや、画像の上下に配置したり等、HP、ブログ記事作りに、ご活用くださいませ。見本のテーブルと、その下のテキストエリアにHTMLソースがあるので、コピペして使用してください。コピペ後のデザインのカスタマイズは自由です。お好みでアレンジして使用してください。【しましま】ブルーソースブルーグリーンソース黄緑系ソースレッ [続きを読む]
  • テーブルタグ[サンプル]
  • テーブルタグ [サンプル] コピペ用テーブルタグのサンプルを置いておきます。見本のテーブルと、その下のテキストエリアにHTMLソースがあるので、コピペして使用してください。コピペ後のデザインのカスタマイズは自由です。お好みでアレンジして使用してください。【影付き枠・細線】カラフルここに文字ソースここに文字ここに文字ソースここに文字青ここに文字ソースここに文字緑ここに文字ソースここに文字黄色 ここに文字ソー [続きを読む]
  • 【テキストエリア】
  • テキストエリアよくタグのコピー用にテキストエリアが使われているのを見ると思います。このブログでも、コピペ用タグ素材のページでたくさん使っています。テキストエリアに書いた文字は、HTMLソースであっても、書いたそのままの文字で表示されます。例)普通に書くと あかさたなはまやらわ は、 あかさたな はまやらわ と、表示されますが、テキストエリアに書くと、 [続きを読む]
  • 【カラーコード】
  • カラーコード表【基本の16色】  #000000 Black #FFFFFF white #800000 maroon #00FFFF aqua #800080 purple #FFFF00 yellow #808000 olive #FF00FF fuchsia #008000 green #FF0000 red #008080 teal #00FF00 lime #000080 navy #0000FF blue #808080 gray #C0C0C0 silver【セーフカラー216色】 この216色は、環境が違うブラウザで閲覧した時も同じ色に [続きを読む]
  • 【画像を表示】サイズ・位置・リンクの設定
  • 画像を表示させる画像はホームページ作成でも、ブログの記事でも出番がとても多いですよね。ブログに関しては、ほとんどのブログ作成サイトのツールに、画像を貼り付ける機能が備わっているかもしれませんが、HTMLタグを使った画像の貼り方の基本を知っておくと、後々便利だと思います。ただ貼り付けるだけではなく、いろいろアレンジや小細工が可能になるからです!ホームページやブログ内に画像を表示させるには以下のタグを使用 [続きを読む]
  • 【動く文字】
  • 動く文字タグを使ってこーんな小細工も出来ちゃいます。ようこそ!当ブログではHTMLタグの簡単な使い方やタグ素材を紹介をしています。 なんだかニュースのテロップみたいですよね。こんな流れる文字を使って、サイトに目立つアクセントをつけてみませんか?注目してもらいたいところなどに、効果的に用いてみましょう。この流れる文字をつくるのがというタグです。効果を付けたい文字を〜で囲んで使用します。ようこそ〜  ↓  [続きを読む]
  • 【style属性でデザインの指定】
  • style属性でデザインの指定style属性を使おうブログやホームページを作成していると、よくスタイルシートという言葉を耳にします。これは、一般的にはHTMLファイルとは別に「.cssファイル」を作成して使うもので、サイトの詳細なデザインを指定するのに役立つものです。しかし、HTMLファイルを作るだけでも大変なのにスタイルシートまで作るなんて面倒!なので、HTMLタグの中に、Style属性として、詳細なデザインの指定を行う方法 [続きを読む]
  • 【ボタンを設置】
  • ボタンをつくる でメッセージが表示されるボタンをつくりましょう。基本はこの形です。 ↓ OK・キャンセルで答えるボタンボタンを するとメッセージが現れ、そのメッセージに「キャンセル」または「OK」で回答し、それぞれの回答に対してメッセージが現れるタイプのボタンです。if(confirm('   ')) {alert('    ')} else {alert('    ')}}で指定します。 表示 [続きを読む]
  • 【表を作る】
  • テーブルで表を作成HTMLで表を作るには、というタグを使用します。〜の間に、、というタグを入れて表のセルを作ります。・ : これで挟まれた部分がテーブル(表)である。・ : 間に書く。表の横の列を表す。・ :間に書く。一つのセルを表す。組み合わせて書いてみると、こんな形になります。 1つ目のセル これで、縦横に1マス [続きを読む]
  • 【リンク】リンクを貼る
  • リンクの色の変更サンプルリンクを貼ろうブログやホームページを作成していると、必ずと言っていいほど、リンクを貼る機会があると思います。ブログの記事の中で、引用したページへのリンクを貼ったり、紹介したサイトへのリンクを貼ったり。ホームページ作成においては、サイト内のページからページへ移動させるにもリンクを使用しますね。このように、例えをあげたらキリが無いほど、リンクと言うものは多様されています。リンク [続きを読む]
  • 【リンク】リンクを貼る
  • リンクの色の変更サンプルリンクを貼ろうブログやホームページを作成していると、必ずと言っていいほど、リンクを貼る機会があると思います。ブログの記事の中で、引用したページへのリンクを貼ったり、紹介したサイトへのリンクを貼ったり。ホームページ作成においては、サイト内のページからページへ移動させるにもリンクを使用しますね。このように、例えをあげたらキリが無いほど、リンクと言うものは多様されています。リンク [続きを読む]
  • 【水平線・ライン】
  • 線を引く記事を書いていて、内容と内容の区切りなどに線を用いてみましょう。ページに線を引くときはというタグを使います。改行させるときに使うと同じで、終了タグはありません。HTMLソースの内で線を表示させたいところにと書くだけです。すると、こんな線が引けます↓これはとっても簡単ですよね。線の長さを変えるでは、さらにパワーアップして線の長さを変えてみましょう。何も指定していないと、横幅いっぱいの線になるので [続きを読む]
  • 【背景の色・画像】
  • 背景を変える文字の色を変えられるようになったら、ページ背景の色も変えてみましょう。背景の色を変えることで、文字の見えやすさなども変わります。文字色に合わせて、見やすいページ作りを心掛けましょう。背景の色を変える背景の色を指定するには、以下の属性を使います。・背景色を指定する属性 bgcolor="カラーコード"これを、文字の色を変えたときと同様に、タイトルbgcolor="#カラーコード" >ページの内容こ [続きを読む]
  • 【文字の色・サイズ変更】
  • 色を変えてみよう簡単な基本のタグだけでもページは作ることが出来ましたね。しかし、白い背景に黒い文字。と、これだけではさみしいので、今度は文字の色を変えてみましょう。ここで登場するのが色を指定するためのタグと、カラーコードです。色を指定するタグは、以下のようになります。・文字色を指定するタグ text="カラーコードカラーコードとは「カラーコード」と書いてある部分にカラーコードというものを書き [続きを読む]
  • 【見出し・段落を付ける】
  • 文章を書こうHTMLを使って基本的なwebページを作ることが出来たら、今度は文章を書いてみましょう。文章には、「見出し」「段落」をつけて書きます。使用するタグはこちらの2つです。・〜 見出しを付けるタグ・ 段落を示すタグまずは、この2つを覚えましょう。見出しを付けるタグは1〜6まであり、1つめの見出し(一番大きい見出し)に、2つめの見出しに…というように付けていきます。<h6>が一番小さい見出しとな [続きを読む]
  • 【基本】HTMLとは【サクッと理解】
  • みなさん既に何となく分かっていると思うのですが、最初なので、一応。HTMLとは一体何者なのか、簡単に説明します。分かっている人も、そうでない人も、ここはさらっと読み流していただいて結構でございます。HTMLとはHTMLとは、Hyper Text Markup Language(ハイパーテキスト マークアップ ランゲージ)の略で、私たちが、普段見ているようなWebページを構成している言語のことです。タグとはHTMLを書く上でで欠かせないのがタグ [続きを読む]
  • はじめに
  • こんにちは!はじめまして、新小岩と申します。このブログでは、ブログ作成で使えるような、簡単なHTMLの紹介をしたいと思います。もちろん、HTMLはホームページ作成にも使えますので、ホームページ作成の参考にも是非どうぞ。ブログ作りにもHTMLが便利!最近のブログはテンプレートなどを使って簡単に豪華なデザインにすることができますよね。でも、それだけではみんな同じデザインになってしまいます。内容が違えど、パッと見の [続きを読む]
  • 過去の記事 …