HTML

iPhoneでつくる・学ぶノートHTMLのタグと属性を整理しよう！目的別一覧表これまで学んできたHTMLの知識を振り返り、タグと属性を目的別に整理します。HTMLを学んでいると、さまざまなタグや属性が登場します。「表を作りたいときは、どのタグを使うのか？」「入力欄に設定できる属性には、何があるのか？」このような疑問を解決できるように、今回はこれまで学んできたHTMLの知識を目的別に整理しました。何を作りたいのか、どのタグや属性を使えばよいのか。必要な知識を探せる一覧表を目指します。

Thetechnologyindustryoffersopportunitiesforindividualswhowanttobuildwebsites,webapplications,anddigitalproducts.FullstacklearninginJaipurcanhelpstudents,freshers,andaspiringdevelopersunderstandhowcompletewebapplicatio

カシンです。これはアタシ(50代・男)が、調べたことを書くブログです。月曜日に書いた、画像サイズの指定。スマホブラウザ版アメブロで表示がおかしくなる場合を見つけて調べました。なんだかとてもヤヤコシイことになっています。とりあえず、やりたいことはできるようになったので、結論を書くと。画面スクショなどの「大きい」画像を貼るときは、img要素のwidth、height属性でスマホのブラウザで表示したいサイズを指定して。同要素にCSSのwidthプロパティでスマホブラウザ以外での画面

iPhoneでつくる・学ぶノートHTML学習記録｜詳細表示と進捗・数値の見える化HTMLの学習を続けながら、今回は情報を開閉する仕組みと、数値を視覚的に表示する方法を学びました。目次今回の学習内容detailsとsummaryで情報を開閉するprogressで進捗状況を表示するmeterで数値をメーター表示する3つの仕組みの違い今回の学びと注意点まとめ1.今回の学習内容これまで、HTMLの基本構造や見出し、段落、リンク、画像、リスト、入力フォームなどを学んできました。

iPhoneでつくる・学ぶノートHTMLの学習内容を組み合わせて、ページの構造を作ってみよう設計検討記録を題材に、HTMLの組み立て方と見直し方を学ぶこんにちは。これまで、HTMLの見出しや段落、入力欄など、さまざまな要素を学んできました。今回は、新しい要素を覚えることよりも、これまでに学んだ知識を組み合わせて、実際のページを作る練習をします。題材は「設計検討記録」です。機械設計の検討内容を記録するページを想定し、情報を整理してHTMLの構造に落とし込んでいきます。今回の学習目標

HTML学習ノートHTMLで入力欄の文字数と入力形式を制限する方法minlength・maxlength・pattern属性を使って、入力条件を設定する方法を学びます。今回は、HTMLのフォームで入力内容をチェックする方法について学びました。これまでに、input要素やtextarea要素などを使って、文字や情報を入力するフォームを作成してきました。しかし、入力欄を用意するだけでは、入力してほしい文字数や形式を指定できません。そこで今回は、入力欄に文字数や入力形式の条件を設定する方法

HTML学習記録HTMLの入力チェックを学ぶ！required・min・max・stepの使い方入力フォームに条件を設定して、ユーザーが入力した値をチェックする方法を学びます。こんにちは。今回もHTMLの学習を進めていきます。前回は、buttonの種類や、フォームとの関連付けについて学びました。フォームを作成できるようになってきたので、今回は一歩進んで、入力された値をチェックする方法を学びます。例えば、部品の長さを入力するフォームで、入力を必須にしたり、数値の範囲を指定したりでき

HTML学習ノートフォームにボタンを追加する｜button要素の基本と使い分け今回は、これまで学んできたフォームにボタンを追加し、ボタンの役割と使い分けを学びました。目次今回の学習内容button要素とは？type属性による3種類の違いフォームにボタンを追加するフォームの外にあるボタンを関連付ける実際に作ったコード学習して分かったことまとめ1.今回の学習内容前回までに、文字を入力するinput、複数行の文章を入力するtextarea、選択肢を表示するselectとop

第26回HTML学習｜textareaのrowsとcolsを理解する前回までのHTML学習では、フォームを作るためのさまざまな要素について学んできました。今回は、その中でも複数行の文章を入力できる「textarea」について、さらに詳しく学びました。今回のポイントは、textareaの大きさを指定するときに使う「rows」と「cols」です。目次今回の学習ポイントtextareaのおさらいrowsとは？colsとは？rowではなくrowsHTMLとCSSによるサイズ指定の違

HTML学習25「select」と「option」で選択フォームを作るこんにちは。今回もHTMLの学習を進めていきます。前回までの学習では、フォームで使用するinput、label、fieldset、legendなどを学びました。今回はそこから一歩進んで、「決められた選択肢の中から選ぶフォーム」を作る方法を学びます。今回使用するのは、<select>と<option>です。目次今回の学習内容selectとは？optionとは？labelとselectを関連付けるn

HTML学習24フォームをグループ化する「fieldset」と「legend」前回は、input要素を使って、テキスト入力やラジオボタン、チェックボックスなど、さまざまなフォーム部品について学びました。今回はそこから一歩進んで、関連するフォーム項目をひとつのグループとしてまとめる方法を学びます。実際に「好きなものアンケート」を作りながら、fieldset、legend、そしてlabelとinputの関係を確認していきます。目次1．今回の学習内容2．fieldsetでフォーム項目をグ

HTML学習㉓inputの種類とclass・nameの違いを学ぶ前回は、HTMLの表の構造について学びました。今回は表から少し離れて、HTMLで入力欄を作るときに使うinputの種類について学習しました。さらに、以前から登場していたclassと、フォームで使われるnameには、どのような違いがあるのかも整理しました。目次inputには種類があるtype="email"type="date"type="checkbox"type="radio"classとnameの違いna

HTML学習㉒表のセルを結合するHTMLの学習を続けています📱今回は、前回までに学んできたHTMLの表を、もう一段階発展させます。これまでに、table・tr・th・tdを使った基本的な表の作り方から、caption・thead・tbody・tfoot、さらに見出しとデータの関係を示すscopeまで学びました。今回はそこから一歩進んで、複数のセルを1つにつなげる方法を学びます。目次今回の学習内容colspanとは？rowspanとは？colspanとrowspanの違い

AFullStackDeveloperCourseisdesignedtoteachyouhowtobuildcompletewebapplications,fromuser-friendlyinterfacestoserver-sidelogicanddatabasemanagement.Itcombinesfront-enddevelopment,back-endprogramming,APIs,databases,testi

HTML学習㉑HTMLの表をさらに詳しく学ぶ前回までの学習では、HTMLで表を作るための基本として、<table>、<tr>、<th>、<td>などを学びました。今回は、その続きとして「表の構造をHTML上でも分かりやすく整理する方法」を学びます。今回学ぶのは、<caption>、<thead>、<tbody>、<tfoot>と、scope属性です。単に表を表示するだけではなく、「この部分は何を表しているのか」までHTMLで表現することが今回のポイントです。目次caption｜表の

HTML学習⑳フォームの入力条件を設定する属性前回までの学習では、フォームや入力欄など、HTMLで入力部分を作る方法を学んできました。今回はその続きとして、入力欄に「どのような値を入力してほしいか」という条件を設定する方法を学びます。今回の学習では、type="number"・min・max・requiredの4つを取り上げます。目次type="number"min属性max属性required属性4つの属性を組み合わせる今回の学習で分かったこと次回の学習へ①type

HTML学習⑲文章にも「意味」を持たせるHTMLを基礎から勉強しています。前回の第18回では、nav・article・asideなど、セマンティックHTMLで使われる要素について学びました。第18回では、「これはナビゲーション」「これは独立した記事」「これは補足情報」というように、ページやコンテンツのまとまりが持つ役割をHTMLで表現しました。今回はそこからさらに一歩進んで、文章の中にある一部分にも意味を持たせるHTML要素について学びます。今回の内容strong

Amazonの商品説明は、商品ページを訪れた購入者に、タイトルや箇条書きだけでは伝えきれない情報を補足するための重要なスペースです。商品説明を作成するときは、検索キーワードだけを意識するのではなく、購入者が商品の特徴や利用方法を理解し、購入を判断できる文章にすることが重要です。この記事のポイント商品説明はタイトル・箇条書きと役割を分けて設計する購入者が知りたい情報を順番に整理するキーワードは文章の流れに合わせて自然に使用する利用できるHTMLタグや入力仕様は最新のAmazonルールを

HTML学習⑱「nav・article・aside」の役割を知るこれまでの学習では、HTMLの基本的な要素から始まり、見出し・文章・リンク・画像・フォーム・表など、HTMLで情報をどのように表現するのかを少しずつ学んできました。前回の第17回では、table・tr・th・tdを使って、情報を表形式で整理する方法を学びました。今回はそこから少し視点を変えて、「ページの中で、その内容がどのような役割を持っているのか」を表すHTMLについて学びます。今回取り上げるのは、セマンティッ

コピペした文章の空白や改行が気になるときに。日本語テキスト掃除マシーン「貼り付けた文章に、余計なスペースが入っている」「段落の間が空きすぎていて、直すのに時間がかかる」「文章はできているのに、最後の整え作業が面倒」ブログの下書きやメールを仕上げるとき、こうした小さな作業が残ることがあります。ひとつずつ直すこともできますが、文章が長いと手間がかかります。その空白と改行の整理をまとめて行うためのアプリが「日本語テキスト掃除マシーン」です。空白がそろうと、次の編集に進みやすい使い方は、入

昔はIGPだと3DCGが難しい時代もありましたが、2010年以降は当たり前にシェーダーを使用した処理が可能になっています。こうしたシェーダーを使用した処理の中には、WEBブラウザを使用したものも存在していますが、こうした分野は【WEB3D】の分野にないrます。Webの歴史WEB関連の歴史を見ると1969年でその時代にARPANETが稼働しています。その２年後には電子メールが登場し、ホームページを作る際にファイルの送信を行うTelnet（RFC318）の

前回の記事『飯綱山へ行かれちゃいました！』は、９月の中間に書きました。でも投稿しようと思ったら『禁止タグが含まれています』のエラー表示。思い当たるのは、ロコモアを紹介するのに、いつもはアメブロのPickと言うのを使っているのに、その時は楽天アフリエイトタグを使ったんです。なので、アフリエイトタグが入った文字を削除しましたが、相変わらずのエラー表示HTML画面を見ても消したでしょう、なんでダメなのそして放置したまま、次の山行へ行きSNSやYAMAPへ投稿。

投稿時のエラーと対応方法▶障害が発生している場合には、スタッフブログでご案内しておりますのでご確認ください。その他エラー表示に応じた対応方法は以下の通りです。記事の編集を行っていただき、再投稿を行ってください。記事内容に禁止タグが入力されています。利用できないhtmlタグが入力されていています。Amebaブログでの投稿禁止タグをご確認いただき、該当タグがないかを確認し、削除を行ってください。※html編集画面よりご確認ください。（html編

HTML学習⑰HTMLで表を作るHTMLを基礎から学んでいます。今回は、HTMLを使って「表（テーブル）」を作る方法を学習しました。これまでHTMLの基本的な要素や、要素同士の構造について学んできました。今回はその知識を使って、「表全体」「行」「見出し」「データ」という関係をHTMLでどのように表現するのかを学びました。今回の学習内容①HTMLで表を作る②表を作る4つの基本要素③表の構造と親子関係④theadとtbody⑤セマンティックHTMLとのつながり⑥

入金確認後のお礼メール、言葉に迷ったときに使える小さなアプリ「入金は確認できたけれど、お礼をどう書けばいいだろう」「短い文章だと、そっけなく見えそう」「メールだけでなく、LINEに貼れる文面もほしい」入金を確認したあと、こうした小さな迷いが出てくることはありませんか。伝えたいのは、入金を確認したことと、お手続きへのお礼。そこに領収書や納品の案内が加わると、文章の順番も考えることになります。そんな連絡を整えるためのアプリが「入金確認お礼文メーカー」です。入金確認後に必要な情報を入力し、

現在WordPressでHTMLの開発を行っています。夏からじっくり行っていますが、HPのWordPressが最終テストです。今のところはカンタンに組み込めるものしかですね。重いものは付けないです。頑張ります。#WordPress#HTML

HTML学習⑯フォームの基本を学ぶ前回は、HTMLの構造や意味を表すセマンティックHTMLについて学びました。今回はその続きとして、Webページでよく使われるフォームについて学びます。名前を入力したり、文章を書いたり、選択肢から選んだりするときに使うHTML要素です。目次フォームとはinputで入力欄を作る属性とtypeformでフォームをまとめるlabelで入力項目を説明するtextareaで文章を入力するselectとoptionで選択肢を作るフォーム全体を組み合わ

アメブロカスタマイズのメニューをよりわかりやすく選んでいただけるように、見直しました。これまで4つに分かれていたプランは以下の3つのプランに。・ヘッダープラン・シンプルプラン・フルカスタマイズそして、フルカスタマイズには「選べるサポート」をご用意しています。Canvaヘッダーオプションご自身で今後ヘッダーを編集したい方に。詳しく見る→BlogStylingKitブログに合った囲み枠を簡単に使いたい方に。詳しく見る→ご希望に合わせてどちらか1つをお選

HTML学習⑮HTMLに「意味」を持たせるこれまでHTMLとJavaScriptを14回にわたって学習してきました。最近はJavaScriptの学習が中心になっていたため、AIに今の学習状況を相談しました。その結果、これからはHTMLとJavaScriptをできるだけ均等に学習する方針に変更することにしました。今回はHTMLに戻り、「HTMLでは、内容の構造や意味も表現できる」ということを学びました。目次①divを復習②sectionとは？③divとsectionの違い

今日は久しぶりに、副業の勉強について書きます。今やっていること今は「Webページ（インターネット）」「データベース」「Python」をつなげる部分を勉強しています。分野で言うとフロントエンドとバックエンドです。フロントエンドとはユーザーから見て、画面に表示される部分のことです。HTML：ページの骨組み（文字や入力フォームなど）CSS：見た目のデザイン（色、配置、文字の大きさなど）JavaScript：画面上の動き（ボタンを押したときの処理など）バックエンドとは画面の裏側で動い