メインカテゴリーを選択しなおす
🔽マップの埋め込み 新宿御苑を例にしてやってみます。 まずグーグルマップを開いて新宿御苑を検索。 共有をクリック。 地図を埋め込むをクリックして、 HTMLをコピー。これを楽天ブログの文
`target="_blank"` を使うときの脆弱性と `rel="noopener"` や `rel="noreferrer"` を使うメリットについて✏️ 🟦🔒 `target="_blank"` の脆弱性とは？ このように書くと、リンク先が新しいタブや
PHPとHTMLは、ウェブ開発において密接に関連しています。以下にその関係性を説明します： 1. **PHPとHTMLの統合**: - PHPは、HTML内に埋め込んで使用されることが一般的です。PHPコードは、HTMLファイルの中に直接挿入され、サーバーで処理された後にHTMLとしてクライアントに送信されます。 - 例えば、PHPを使用して動的なコンテンツを生成する場合、HTML内にPHPコードを埋め込んでそのコンテンツを表示します。 …
コーディングができなくても、WEBデザイナーになれる？コーディングができないデメリットは？
コーディングできなくても、Webデザイナーは可能？コーディングができないと、どんなデメリットがある？。ノーコードでWEBデザインの仕事をする方法、最低限のコーディング知識について解説。
【超重要】<head>〜</head>の中にコードを書く(コピペ)する理由！
こんにちは、HTML初心者すぐこです。HTMLノータッチのブロガーさんやHTML初学者さん、&lt;head&gt;タグになぜ色々な情報を入れるのか、疑問に思いませんか？ ブログの効率化や改造をしたくてネットをさまよっていたら、「このコードを&lt;head...
こんにちは、すぐこです。HTMLなどのWeb制作について学習していると、「セマンティックなんちゃら〜」「セマンティックWebがどうのこうの〜」という言葉を聞いたことがあるかと思います。なんだか難しそうな単語ですっ飛ばしたくなっちゃいませんか...
【初心者向け】CSSのブロックレベル要素とインラインレベル要素の違いは？
こんにちは、ただいまHTML＆CSSを学習中のすぐこです。HTML＆CSSのCSSを学習していると出てくる、ブロックレベル要素とインラインレベル要素。何が違うの？むしろ何か違うの？って思いませんか？私も最初は全然見分けがつきませんでした。で...
これ1冊でOK！HTML＆CSS学習ガチ初心者さんへおすすめの教材【書籍編】
こんにちは、プログラミングガチ初心者のすぐこです。ガチめの初心者だと、プログラミング学習ってどこから始めればいいのか不安ですよね。とりあえず、初心者におすすめ！と名高いProgateのHTML＆CSSレッスンから始めてみた人も多いのではない...
ほゆむんこんにちは「ほゆむん」です😊いつもいいね、フォロー、リブログ、コメントありがとうございます励みになります🥰今回は番外編のひとりごとです詳しい自己…
ほゆむんこんにちは「ほゆむん」です😊いつもいいね、フォロー、リブログ、コメントありがとうございます励みになります🥰今回は番外編のひとりごとです詳しい自己…
ほゆむんこんにちは「ほゆむん」です😊いつもいいね、フォロー、リブログ、コメントありがとうございます励みになります🥰今回は番外編のひとりごとです詳しい自己紹…
ほゆむんこんにちは「ほゆむん」です😊いつもいいね、フォロー、リブログ、コメントありがとうございます励みになります🥰今回は番外編のひとりごとです詳しい自己紹…
ほゆむんこんにちは「ほゆむん」です😊いつもいいね、フォロー、リブログ、コメントありがとうございます励みになります🥰今回は番外編のひとりごとです詳しい自己紹…
ほゆむんこんにちは「ほゆむん」です😊いつもいいね、フォロー、リブログ、コメントありがとうございます励みになります🥰今回は番外編のひとりごとです詳しい自己紹…
初心者のためのHTML入門ガイド：HTMLの基礎をホームページを作成しながら勉強しよう
初心者向けHTMLガイドで自作ホームページの作成やホームページのカスタマイズに挑戦しませんか？HTMLの基本的な作法やタグの説明から公開方法まで、手順を追ってご紹介します。一緒にデジタルスキルアップを目指しましょう。
Webデザイン初心者がprogateのHTML＆CCS初級編をやってみた感想【Webデザイナー入門日記#1】
こんにちは、星ノ宮です！ 皆さんはprogateというサイトをご存じですか？ 私はつい最近まで知らなかったのですが、どうやら無料でWebデザインのコーティングについて学べるなんとも素晴らしい代物らしく、 「こりゃあやるっきゃねえ！」 と意気
【初心者向け】CSSのbackgroundプロパティの基本backgroundは、CSSのプロパティであり、要素の背景に関連する設定を行います。Webデザインにおいて、背景の設定は非常に重要な役割を担っています。その中でもCSSプロパティの
display:flex; フレックスボックスを使ったWebデザインの基本
フレックスボックス(display: flex;)は、Webデザインにおいて広く用いられているレイアウト方式です。極めて自由度が高く、様々なレイアウトを実現できるため、多くのデザイナーにとってなくてはならない技術の一つと言えます。しかし、初
「DOM」という言葉を聞いたことのあるWEBエンジニアの方も多いはずです。それは、DOMがウェブの動的なコンテンツを生成する上で非常に重要な役割を担っているからです。しかし、初心者の方にとっては、「DOM」という言葉だけでも、かなり意味不明
【HTML】「mailto:」とは？起動しない時の対処法や注意点も解説！
WEBサイト上に、クリックするだけでメールを送信する機能をつけたい場合「mailto:」を使う方法があります。
HTMLの始め方と書き方について説明します。 HTMLはテキストエディタがあれば誰でもすぐに書き始めることができます。 書き方を覚えて自分だけのWebページを作成してみましょう！
【HTML】段落を表すpタグの使い方のご紹介！改行を作るbrタグとの違いも解説!
HTMLで、段落を表すには、pタグを使います。 pタグは、文章に段落を作成する事が出来るので文章を読みやすくし
【HTML】全てのタグの意味、使い方を覚える必要はあるのか？現役WEBコーダーが考えてみた。
HTMLを勉強し始めの頃は、謎の文字列が沢山並んでいる画面を見る事になるので、目がチカチカする方もいらっしゃる
【HTML】言語指定に使うlang属性とは？必要性や各国の一覧もご紹介！
サイトの主要の言語を指定する際に使う、lang属性。 今回は、どうやって指定するのか、そもそも指定する必要性が
【HTML】ページのタイトルを設定する時に！titleタグの使い方のご紹介！SEOの視点から解説も！
WEBサイトで、ページのタイトルを指定するには、HTMLタグのtitleタグを使用します。 こちらで指定した文
【HTML・CSS】ツールチップを表示したい時の指定方法のご紹介！改行を無くしたい場合の対処法も！
対象にカーソルやマウスポインターを合わせると表示される事がある「ツールチップ（ツールヒント）」。 リンク等に補
【HTML】略語を表す時に使用！abbrタグの使い方のご紹介！サンプル付き！
会話や、WEBサイト上で、たまに使う機会がある「略語」。 例えば、「RT」と言われて何を連想しますか？一般的に
【HTML】ふりがな（ルビ）を振りたい時に！rubyタグの使い方のご紹介！サンプル付き！
普段、WEBサイトや本を読んでいるとたまに遭遇する、読み方がよくわからない文字列。 そんな時に役に立つのが「ふ
【HTML】上付き、下付き文字を付ける時に！supタグ、subタグの使い方のご紹介！サンプル付き！
「上付き文字」「下付き文字」と聞いただけでは、何の文字のことを指しているのかピンと来ない方もいらっしゃるかもし
【サンプルあり】強調したい時に！HTMLのemタグ、strongタグの使い方のご紹介！
文中の特定の箇所を強調したいというシーンありますよね？ そんな時、HTMLでは、emタグやstrongタグを使
【HTML・CSS】おすすめ参考書のご紹介（初心者〜上級者向けまで）！本の選び方、正しい使い方も解説！
コロナウイルスの流行がきっかけで、家で過ごす時間が増えて、一層注目されるようになったWEB制作。 WEB制作の
CSSで画像を重ねて表示,【position:relative】と【position:absolute】を使うと可能です。文字の重ねも出来ました。
「position:relative」と「position:absolute」を使うとCSSで画像と画像を重ねたり、画像と文字を重ねたりするのが、簡単に出来きます。この方法を覚えると、いちいち画像加工して重ねた画像を作って反映させる必要がな
【サンプルコードあり】HTML・CSS ボタン作成1サイトに数種類のbuttonをコーディングする時の簡単なやり方。
HTML・CSSコーディングの時。いろんなボタンがあるが多くのサイトは、1サイトで数パターンのボタンが必要になる場合が多い。そんな場合は、まず基本のボタンを1つ作成して、そのボタンを基本にして作っていくようにしてます。例えば、下記のボタン。
主な言語コードの一覧表 lang属性（グローバル属性）、hreflang属性、srclang属性で使用する言語コード（言語タグ）の一覧です。 言語名 言語コード 日本語 ja 英語 en アメリカ英語 en-US イギリス英語 en-GB 中国語 zh 韓国語 ko ドイツ語 de フランス語 fr ...
<html></html> html要素は、HTML文書の最上位に 位置する要素（ルート要素）です。この要素は、DOCTYPE宣言のすぐ後に配置します。 <!DOCTYPE html> <html> <head>文書情報</head> <body>文書のコンテンツ</body> </html> html要素にlang属性やdir属性を追加することで、 文書全体の言語や書字方向を指定することもできます。html要...
WEBフォントについてCSSを使用してfont-familyプロパティで指定するフォントは、デバイスにインストールされていなければ表示されない。複数指定することで問題は解決できますが、WEBフォントを使用することでも解決できる。WEBフォン
CSSとは、Webページの見た目を指定するための言語のこと。HTML要素の色や大きさ、背景色、位置などを、整えたり装飾したりします。
パスには、絶対パスと相対パスの2種類があります。どのファイルがどこのフォルダに保存されているか、という道筋を記述したもののことです。
HTMLを勉強してホームページを作ってみよう(3) 勉強記録 HTML画面入力編
参考書を使用してHTMLの勉強を始めた主の勉強記録でございます。今からHTMLが 全く 解らない方が、勉強をされようとお考えの方々の参考になればと執筆を開始しました。 第3章に入っています。この本の紹介を続けていますが、事細かにまでは、紹介が出来ないのでザックリとHTML初心者目...
HTMLを勉強してホームページを作ってみよう(2) 勉強記録 ホームページを作る準備編
この記事は、とある参考書を使用してHTMLの勉強を始めた主の勉強記録でございます。今からHTMLの勉強をされようとお考えの方々の参考になればと執筆を開始しました。 HTMLを習得してブログに活かせるようになりたいこの頃です。 こちらの本を使って勉強をしています。 できるホーム...
HTMLの勉強を始めたいと思います。 また、私の甘い考え方からの発想ですが少しでもいいから副業なんて出来ないかな？と思っての事です。 全くの無知からのスタートです。何から始めたらよいかも解らず… 取り合えず、本を読む事から始めたいと思います。で、買ったのがこちらの本です。 中...
