メインカテゴリーを選択しなおす
#HTML基本
INポイントが発生します。あなたのブログに「#HTML基本」ハッシュタグのバナーを掲載しませんか ハッシュタグのバナーやリンクをINポイントランキングの対象にしたいメンバーの方は、ログインしてからリンクタグを取得してください ・バナーを変更したい場合は、必ず画像に「ハッシュタグ」または「タグ」の文字かバナーロゴを重ねてください
タグをコピーしました
【初心者向け】HTMLのリンクが「a」な理由を解説!
こんにちは、HTML初心者すぐこです。初心者ねこ1HTMLの「リンク」を設定する時に登場する<a>タグって、どうして「a」なんだろう?初心者ねこ2「link」でもよさそうなのに、なんで「a」なの?と疑問に思ったことはありませんか?HTMLを...
2025/01/06 23:03
HTML基本
フォローできる上限に達しました。
新規登録/ログインすることでフォロー上限を増やすことができます。
フォローしました
リーダーで読む
【超重要】<head>〜</head>の中にコードを書く(コピペ)する理由!
こんにちは、HTML初心者すぐこです。HTMLノータッチのブロガーさんやHTML初学者さん、&lt;head&gt;タグになぜ色々な情報を入れるのか、疑問に思いませんか? ブログの効率化や改造をしたくてネットをさまよっていたら、「このコードを&lt;head...
2025/01/05 21:10
【5分で分かる】Web制作の「セマンティック」って何?
こんにちは、すぐこです。HTMLなどのWeb制作について学習していると、「セマンティックなんちゃら〜」「セマンティックWebがどうのこうの〜」という言葉を聞いたことがあるかと思います。なんだか難しそうな単語ですっ飛ばしたくなっちゃいませんか...
2025/01/02 22:26
【初心者向け】CSSのブロックレベル要素とインラインレベル要素の違いは?
こんにちは、ただいまHTML&CSSを学習中のすぐこです。HTML&CSSのCSSを学習していると出てくる、ブロックレベル要素とインラインレベル要素。何が違うの?むしろ何か違うの?って思いませんか?私も最初は全然見分けがつきませんでした。で...
2024/12/29 22:24
これ1冊でOK!HTML&CSS学習ガチ初心者さんへおすすめの教材【書籍編】
こんにちは、プログラミングガチ初心者のすぐこです。ガチめの初心者だと、プログラミング学習ってどこから始めればいいのか不安ですよね。とりあえず、初心者におすすめ!と名高いProgateのHTML&CSSレッスンから始めてみた人も多いのではない...
2024/12/29 22:23
HTMLについて
少しHTMLに触れる機会があったので覚書。 今までHTMLなどを触れる機会が全くないままSE生活を過ごしてきたため、今更になって0からHTMLを勉強する事になった。 まず、HTMLとは何か。 「HyperText Markup Language」といい、以下のような記述の言語の事を言う。 ※プログラミング言語では無いらしい。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>タイトル</title> </head> <body> <h1>ヘッダー</h1> </body> </html> このようにタイトルにしたい場所などを「タグ」とい…
2024/10/07 20:56
ブログリニューアル進捗状況1:Web設計と画像の書き出し完了しました
ブログオープンして数か月。ユーザー様に共有したい記事の方向性も徐々に明らかになってきました。かくなる上はテーマに沿ったWebデザインに一新しちゃおう計画の「進捗状況その1」をご報告します。
2024/08/21 16:39
ひとまずは解決?
ほゆむんこんにちは「ほゆむん」です😊いつもいいね、フォロー、リブログ、コメントありがとうございます励みになります🥰今回は番外編のひとりごとです詳しい自己紹…
2024/07/19 14:23
もう一つは吹き出しでした
2024/07/17 10:17
数えてみた
2024/07/16 13:28
まずは探すところから
2024/07/13 13:33
【Cursor / UI Sketcher】実際にノーコードでHTMLとCSSを生成してみた
2024/04/22 12:06
初心者のためのHTML入門ガイド:HTMLの基礎をホームページを作成しながら勉強しよう
初心者向けHTMLガイドで自作ホームページの作成やホームページのカスタマイズに挑戦しませんか?HTMLの基本的な作法やタグの説明から公開方法まで、手順を追ってご紹介します。一緒にデジタルスキルアップを目指しましょう。
2023/12/18 13:22
今更ながらHTML。
公開したBreak Plateを知り合いに宣伝。youtube用の動画も作成したけれど、僕のチャンネルはこのブログ用の動画しかないので、宣伝効果は怪しいもの😅そう思っていたら、Twitter(X)で、AlFiさんとしまづさんが宣伝ツイートをリポストして下さった。 まだまだフォロワーの少ない僕にはとてもありがたい🙏Unityroomを見ると、数千とか万単位で遊ばれているゲームがあるけれど、早く僕もあれだけ遊ばれるゲームを作れるようになりたいものだ😊さて、最近は残業続きで開発も遅延していたけれど、ブログの更新も停滞していた。 月末に向けて、まだしばらくは繁忙期間なのだけど、それでも少しは余裕が出て…
2023/11/28 00:35
【HTML・CSS】ブログを2列で書きたい(∩´∀`)∩
こんにちは。 今回の記事ネタはHTML。HTMLっていうのはWEBページ上の文書の構造を書いたものでページの元になっているもの。ブラウザにchromeを使っている人ならページの上で右クリック→ページのソースを表示と選ぶと表示されるやつです。はてなブログで記事を書くときはHTML編集という項目から編集ができますね。それからブラウザゲームもHTMLだったりします。 今回このHTMLを編集することでブログの文章を2列にしてみます。 ※一応の注意書き。HTML・CSSはプログラミングではありませんがJavaScriptに関係するので当サイトでのカテゴリーはプログラミングに分類しています。 ブログサイト…
2023/10/18 07:49
2023年夏からの課題「HTML基本タグ」をテキストで入力・・・簡単?だけど~覚えられないわぁ!
前回の関連の 記事 = 2023年07月05日(水) 「2022年秋の課題「自転車サイト」をHTML=テキストで表わすと・・・長い文でしかありませんが…
2023/07/22 09:04
【HTML】meta description(メタディスクリプション)とは?設定方法、書き方、文字数等を解説!
本記事では、meta descriptionの設定方法や書き方、文字数を解説します。また、テンプレートや反映されない場合の対処方法も併せてご紹介します。meta descriptionについて詳しく知りたい方は必見です。
2023/06/04 02:44
【HTML】「mailto:」とは?起動しない時の対処法や注意点も解説!
WEBサイト上に、クリックするだけでメールを送信する機能をつけたい場合「mailto:」を使う方法があります。
2023/05/23 02:23
『HTMLの始め方』実際にコードを書いてみよう!
HTMLの始め方と書き方について説明します。 HTMLはテキストエディタがあれば誰でもすぐに書き始めることができます。 書き方を覚えて自分だけのWebページを作成してみましょう!
2023/05/08 20:52
【VSCode】HTMLファイルの作り方を解説!
HTMLファイルとは、HTMLのルールに沿って書かれているテキストファイルの事です。 実際にHTMLファイルを
2023/05/07 12:42
HTMLとは?基本をわかりやすく解説!【初心者向け】
現代社会において、私たちの生活には欠かせないWEBサイト。 この、WEBサイトを構成する上で欠かせないのが、H
【HTML】段落を表すpタグの使い方のご紹介!改行を作るbrタグとの違いも解説!
HTMLで、段落を表すには、pタグを使います。 pタグは、文章に段落を作成する事が出来るので文章を読みやすくし
2023/04/27 15:18
【HTML】全てのタグの意味、使い方を覚える必要はあるのか?現役WEBコーダーが考えてみた。
HTMLを勉強し始めの頃は、謎の文字列が沢山並んでいる画面を見る事になるので、目がチカチカする方もいらっしゃる
2023/03/21 18:44
【HTML】言語指定に使うlang属性とは?必要性や各国の一覧もご紹介!
サイトの主要の言語を指定する際に使う、lang属性。 今回は、どうやって指定するのか、そもそも指定する必要性が
2023/03/19 00:04
【HTML】ページのタイトルを設定する時に!titleタグの使い方のご紹介!SEOの視点から解説も!
WEBサイトで、ページのタイトルを指定するには、HTMLタグのtitleタグを使用します。 こちらで指定した文
2023/03/08 23:41
【HTML・CSS】ツールチップを表示したい時の指定方法のご紹介!改行を無くしたい場合の対処法も!
対象にカーソルやマウスポインターを合わせると表示される事がある「ツールチップ(ツールヒント)」。 リンク等に補
2023/03/07 07:49
【HTML】略語を表す時に使用!abbrタグの使い方のご紹介!サンプル付き!
会話や、WEBサイト上で、たまに使う機会がある「略語」。 例えば、「RT」と言われて何を連想しますか?一般的に
2023/03/05 16:23
【HTML】ふりがな(ルビ)を振りたい時に!rubyタグの使い方のご紹介!サンプル付き!
普段、WEBサイトや本を読んでいるとたまに遭遇する、読み方がよくわからない文字列。 そんな時に役に立つのが「ふ
2023/03/05 14:41
【HTML】上付き、下付き文字を付ける時に!supタグ、subタグの使い方のご紹介!サンプル付き!
「上付き文字」「下付き文字」と聞いただけでは、何の文字のことを指しているのかピンと来ない方もいらっしゃるかもし
2023/02/23 18:29
【サンプルあり】強調したい時に!HTMLのemタグ、strongタグの使い方のご紹介!
文中の特定の箇所を強調したいというシーンありますよね? そんな時、HTMLでは、emタグやstrongタグを使
2023/02/22 23:55
【サンプルあり】引用時に!HTMLタグのqタグ、blockquoteタグの違い、使い方のご紹介!
WEBサイト上で、他人の著作を引用したいシーンありますよね? そんな時、HTMLでは、qタグ、blockquo
2023/02/20 23:50
【サンプルあり】HTMLのh1〜h6タグの使い方のご紹介!使用する際の注意点も解説!
HTMLでは、コンテンツに見出しをつけたい時、h1〜h6タグを使用します。 今回は、このh1〜h6タグについて
2023/02/19 21:54
【サンプルあり】HTMLのbrタグの使い方のご紹介!改行されない(効かない)場合の対処法もご紹介!
HTMLでは、段落内で改行をしたい場合、brタグを使用します。 今回は、このbrタグの使い方を徹底解説します。
2023/02/19 01:48
CSSで画像を重ねて表示,【position:relative】と【position:absolute】を使うと可能です。文字の重ねも出来ました。
「position:relative」と「position:absolute」を使うとCSSで画像と画像を重ねたり、画像と文字を重ねたりするのが、簡単に出来きます。この方法を覚えると、いちいち画像加工して重ねた画像を作って反映させる必要がな
2023/01/13 11:31
【サンプルコードあり】HTML・CSS ボタン作成1サイトに数種類のbuttonをコーディングする時の簡単なやり方。
HTML・CSSコーディングの時。いろんなボタンがあるが多くのサイトは、1サイトで数パターンのボタンが必要になる場合が多い。そんな場合は、まず基本のボタンを1つ作成して、そのボタンを基本にして作っていくようにしてます。例えば、下記のボタン。
サイトを作るならHTMLを学ぼう!
皆さん、こんにちは!楽天証券と副業で毎月100万円の副業収入を目指します!本業以外でどれだけ稼げるか挑戦です!と、言いましてもいきなり毎月100万円は厳しいのでまずは毎月1万円を目標に進めていきますので宜しくお願い致します!今回からサイトの作り方を勉強していこう
2022/12/24 07:49
HTML 文書のルート <html dir="ltr"></html>
<html dir=
2022/12/18 18:21
HTML 文書のルート <html lang="">~</html>
<html lang=
2022/11/21 14:27
HTMLの基本・主な言語コード
主な言語コードの一覧表 lang属性(グローバル属性)、hreflang属性、srclang属性で使用する言語コード(言語タグ)の一覧です。 言語名 言語コード 日本語 ja 英語 en アメリカ英語 en-US イギリス英語 en-GB 中国語 zh 韓国語 ko ドイツ語 de フランス語 fr ...
2022/11/17 11:20
HTML 文書のルート ~
<html></html> html要素は、HTML文書の最上位に 位置する要素(ルート要素)です。この要素は、DOCTYPE宣言のすぐ後に配置します。 <!DOCTYPE html> <html> <head>文書情報</head> <body>文書のコンテンツ</body> </html> html要素にlang属性やdir属性を追加することで、 文書全体の言語や書字方向を指定することもできます。html要...
2022/09/19 09:42