html

リンクの方法を「新規タブで開く」にするために（HTML）他のサイトへリンクを書き込んだ時に、今表示されているタブに他のサイトが表示されるというときにURLコピーして、貼り付けますそのURLをクリックすると、[変更を]クリック☑リンクを別ウィンドウで開くチェックをいれる。HTMLで、編集したいときは、Amebaで【ブログを書く】ときに、左下に【HTML表示】があります。【HTML表示】をクリックすると、画面が変わります。グ

＜喜矢武＞アパレルブランドHTMLZERO3のガチャピン・ムックコラボ新作商品の販売ページに、喜矢武豊の着用写真をご使用いただいています商品・着用写真掲載ページhttps://item.rakuten.co.jp/icefield/c/0000008134/※商品は4/26(金)12:00より受注開始今回も来させていただきました(´▽`)ﾉ今回もかわいい(^^)https://t.co/M2Bpwh9byW—喜矢武豊(喜屋武豊、キャン豊)(@yuta

今日が本当の日曜日です。どーも、comaです。普段、月曜日が祝日のことが多いので金曜日が祝日だと曜日感覚が狂っちゃいますね〜世の中、3連休ですが、特に遠出もせずゆっくり過ごしました。やっと、やっと、、、祝日が終わる♡（心の声です）3食、掃除、子供の世話って本当大変だと思う。専業主婦、パート主婦、ほぼフルタイム主婦全部やったけどフルタイム→専業主婦→パート主婦の順に大変だと思う😓（私調べです）もちろん何の職種かにもよると思いますが。そん

Googleスプレッドシートでローカルにファイルをダウンロードしたい場合があると思います。たくさんの方が手法を共有されているのですが、ファイル名を指定してダウンロードしたい時に、ずばりそのものが書いてあるサイトがなかったので手法共有です。スプッドシートにボタンを設置してクリックすると、アクティブなスプレッドシートのシート名で入力内容を自動でローカルダウンロードします。GoogleAppsScript:.gs側getFileName()でファイル名を作成して返却している。f

明日の6月1日は私の推し坂本サトルさんがJIGGER'SSON（ジガーズサン）というバンドでデビューした記念すべき日なんと31周年！！パチパチパチパチパチ1992/06/01『お宝〜大切な君だから』でデビュー早速ですが、私の今現在知っているJIGGER'SSON（ジガーズサン）の曲からBEST３を勝手に発表してしまうという事をやってまして発表BEST２「パズル」6thアルバム「素敵な日々」（1997/03/20発売）8曲目です今回はズバリ！！私がどーし

会社のinfoメールに1日数十件も届くチャイナアメイゾンメールやえきねっと等々・・・本当にうっとおしいんですよね。でも、会社のお問合せメールなので、切るわけにもいかず・・・そこで、info＠→inf@に変えてみました。もちろんinfoメールも届くようにしています。まずは契約しているドメインにinfメールを追加します。その後、レンタルサーバーに移動し、HPのソースを変更します。PHPで動かしているため、HTMLソースにはメールアドレスは一切表示していませんが、そのPHP内にある

夏の北海道(hokkaidogallerytest.netlify.app)注意：このサイトはPCのみに対応しています。まだ不安定な部分が多いですが、テストバージョンとしてネットに公開しました。これからレスポンシブ型を作ったり、写真を追加したりするつもりです。イメージの容量をもっと減らさないと、、imagecompressorで容量を圧縮しても重いですね。無料サーバーだからかな

WordPressで電話番号をクリック可能なリンクに設定することは、ユーザーがその番号を直接スマートフォンから呼び出すことができるため、非常に便利です。以下の手順で電話番号をクリック可能なリンクに設定する方法を示します：WordPressエディタを開きます:まず、WordPressのダッシュボードにログインして、ページや投稿を編集するエディタを開きます。テキストを挿入します:電話番号を書き入れたい場所にカーソルを移動させます。例えば「012-3456-7890」という電話番号を入れたい

前回Webサイトの余白を調整する方法を紹介させて頂きました。➡【CSS】Webサイトにて余白を調整する(margin)ただ、余白を調整しようとしても・ソースにおいてどの部分を修正したらいいのか分からない・余白を消したつもりなのに、やっぱり余白が出来ている・・・ということが発生します。そこで今回は、デベロッパーツールを使った余白の消し方を紹介させて頂きます。デベロッパーツールとは？GoogleChromeで使用することが出来る、デバッグ用のツールになります。

※当ブログの画像は全て生成AIが作成しております。忘れもしない4月1日SNS界隈では「エイプリールフール」一色だった。俺の名前は『もとや』冴えない中年オヤジ40歳・webデザイナーになる為に勉強中趣味は「ネットサーフィン」、特技は「寝落ち」病気療養の為、今日も自宅のPCの前にいた。「は！何これ！可愛いアイコン！」PC画面の端っこに小さなアイコンが！！無意識のうちにインストールしたらしいこれが忘れもしないAiアシスタントとの出会い

選挙の街宣車やら何やらに殺意を覚えながら、このブログを書いています。とくに立憲民主党がひどくうるさいです。日本共産党は、この間、怒ったからまだまし？にはなったけど、まだうるさいようにも思います。静けさは権利です。前回までのあらすじPythonとElectronを使って、GUIアプリを作る方法を調べていたら、tauriという、もっと早い実行速度でGUIを作れるものを見つけました。tauriとは？Electronの代理を目指した、Rustというプログラム言語で作られたElectron

今日のアメブロカスタマイズは記事を書くときにコピペだけで使えるdivの囲み枠のデザインをご紹介します！目立たせたい場所や見出し、お知らせ、サイドバーなどにお使いください。どのテンプレートをご使用中でも使えます。以下サンプルから使用したい囲み枠を選んでHTML編集囲み枠コードをコピーしてお使いください。初心者Tips!-----------------------コピペする場合は必ずブログ記事を『HTML表示』編集にして貼り付けてくださいね。-------

alphaEDITホームページの完成状態を見ながら、ソースを編集できるWYSIWYG対応のホームページエディターWin7でビルダー11を長らく使っていたけれど、もう間もなくサポートの切れるWin７からwin10に切り替えたら、ビルダーが使えない・・・って言うか、サポートされていないから。Win10で使えるビルダー21も購入検討中なのだが、カッコいいHP作るワケでも何でもないし・・・HTMLがちょっと編集出来ればそれでいい程度。何か他に良いものは無いだろうか・・・

様々な言語に対応するエディターVisualStudioCode（以下、VSCode）ですが、ホームページを構成するHTMLファイルの編集時にもとても便利に使えます。通常、HTMLファイルをVSCodeで開くと共にWebブラウザにそのHTMLファイルを表示させ、コードを編集するたびにWebブラウザを更新してその表示を確認していました。しかし、Microsoftが提供するVSCode拡張機能「LivePreview」をインストールすれば、編集中のHTMLファイルをVSCo

こんばんは。（初めまして）東京都内でアメブロを書いております、猫★シエスタと申します。宜しくお願いします。皆さま、前回の失恋の記事で大変ご心配をお掛けいたしました。あれは半年前のことであり、今は元気でピンピンしてケロッとしておりますので、本当に大丈夫です。その口直し的な記事を書きたいな、と思いましたので、平日ですが、今年2024年4月の段階で叶った2つの願いについて書かせて頂きます。1点目:梅の花の写真が撮れた（2月）2点目:ポートフォリオを公開できた（3月）

CSSでは、回り込みや数値指定により段組みをレイアウトすることができます。今回は、floatプロパティ（回り込み）を使って基本的な２段組を作成します。CSSでレイアウトを指定する前にあらかじめHTMLコード内のコンテンツをブロックごとに分割しておきます。２段組構成のレイアウトfloatプロパティによる回り込み指定で、段組レイアウトが可能です。２段組レイアウトを作成する方法として、各ブロックコンテンツの左右にfloatプロパティの回り込み指定でレイアウトする場合と片方だけを回り込み指定しても

ホームページに数式を記述するには、いくつか方法がありますが、よく使われる方法として「MathJax」を利用します。簡単な一次式「y=3x+5」のような数式はそのまま記述してもよいでしょうが、分数表記や積分記号などが入ってくるだけでお手上げです。また、Wordの数式エディタを使って文書上に数式を作成し、それを図としてキャプチャしてホームページに貼り付けても一応表現はできますが、数式の内容を変更するたびにこの操作をやり直さなくてはならず面倒です。論文や報告書などで数式を記載するとき、「LaTe

ホームページを自分で作成し編集するときに、HTMLファイルなどに使用する文字コードを「Shift-JIS」とするか「UTF-8」とするか迷いますね。文字コードは、コンピュータ上で扱う文字に与えられた番号のことで、全ての文字情報に対して数値を与えています。問題は、この文字コードがいくつもあって、正しくWebブラウザなどが認識しないと「文字化け」してしまうようなことが起きます。よく使用される代表的な文字コードは以下の4つでしょう：JISShift_JISEUC（EUC_JP）Uni

今回はchart.jsで高さを固定する方法をご紹介■Chart.jsとはJavaScriptのフレームワークです。HTMLのcanvas上に、JavaScriptを用いて折れ線グラフや円グラフ等を簡単に記述するものです。基本的に横幅でheightのサイズが決まるので、CSSから高さの指定が出来ない仕様となっています。(多分)今回はその高さをJavaScript側から設定してしまう方法です※今回はちょっとややこしい&ニッチな内容なので、コードだけ置いておきま

いきなりですが、今回はHTMLコーディングのプチお勉強をしてみたいと思います。割とコーディングだとかプログラミング、好きなんですよ。内容はズバリ、アメブロで縦書き記事を作ろうになります。需要があるかというと…小説を執筆されているブロガーさんあたりになるのでしょうが、横書きに違和感なく慣れてらっしゃるかと思うので難しいかもしれませんね。まあ、私が興味あってのことなので、気を落とさずに参りましょう。前提は以下になります。・htmlの編集のみで縦書き表示にする⇒アメブロはJ

前回「WebページはShift-JIS、UTF-8どちらが良い？」記事で、WebページのHTML、CSSファイルなどを新規に作成するなら「UTF-8」文字コードにしましょう、ということをお話しました。強制力は弱いですが、HTML5では「UTF-8」が推奨されていますので、特にこだわりが無ければ「UTF-8」とすると良いでしょう。それでも、以前に作成したファイルが「Shift-JIS」で書かれていたら、それを「UTF-8」にしたくなることもあると思います。お使いのテキストエディタに文字

今日は、CSSで画像を枠の中に綺麗に収める方法を教えていただきました。HTMLタグではimgタグを<div>で囲っておいて、CSSで下記のようにコードを書く！例：【HTML】<div><imgsrc="〜”></div>【CSS】div{border:solid1px#000（枠の縁の指定。この部分は任意）width:100%;height:100px;}img{object-fit:contain;width:100%;height:10

AnkiManualを見ていたら、再生ボタンの色や大きさは変更できると書いてあるのを見つけた。せっかくならと、物書堂の再生ボタンの再現にチャレンジしてみたので、以下にそのコードを共有したい。ダークモード時の色の変化も物書堂と同じになるように調整してある。なお、アンドロイド版のAnkiではボタンが縦に引き伸ばされてしまう。PC版やiOS版ではこの問題は発生しない。物書堂再生ボタンのコード(Ankiの書式欄に張り付ける).replay-buttonsvgcir

いざ、作るとなると面倒くさい。でもやっぱりきちんとしたボタンを作りたい♡ナミです♪『申し込みボタン』先日【お申し込みボタン】の作り方を紹介しました①文字にリンク付ける②画像にリンク付ける③HTMLコードを貼るつい押したくなる。【レベル別】お申し込みボタンの作り方①、②はハッキリ言って非常にカンタンですが、結局、②をしたくてもお申し込みボタンの画像をcanvaな

今回のお題：チャットの文字の色こんにちは。夢ある魔術師フェイです。チャンネルチャット欄で、色が他と異なるメッセージを見たことはないですか？今回は「チャットの文字に色を付ける方法」を簡単に解説します。この記事を読めば、どなたでも、文字に色を付けてメッセージを発信する方法を習得できます。※PCでの操作がおすすめですが、アプリ版でも同じことができます。元素騎士を楽しく遊べる工夫として解説しましたので、興味があれば、試してみてください

まず、onsubmit属性とはform要素に記述し、送信ボタンを押したとき（submit）に起動するスクリプトを指定するイベント属性（イベントハンドラ）です。起動するスクリプトは、属性値に"return関数名()"と書きます。"true"を返せばフォームのアクションを実行し、"false"なら実行を中止します。onsubmitイベントでsubmitを中断するユースケースフォーム送信時にJavaScriptで入力値をチェックし、未入力や不正な入力項目があるフォー

HTMLのみで4個のボタンを横並びのデザイン・HTMLコードみなさん、こんにちは。今日はHTMLのみを使用して4つのボタンを横並びにし、それぞれをページ内の異なるセクションにリンクする方法をご紹介します。さらに、各ボタンに異なる背景色を設定して、視覚的に区別しやすくします。それでは、早速見てみましょう。デザインButton1Button2Button3Button4HTMLコード<tablewidth="100%"><tr>

HTMLから入力データを得る、HTMLでデータを送る例出典：Manajob[マナジョブ]越境型IT学習サービスですwww.manajob.jp↑これはわかりやすいが、↓これのほうが実用的かつ論理的である。【Flask,Python】formタグの使い方|理系エンジニアによる雑記ブログ【Flask,Python】formタグの使い方|pythonフレームワークのFlaskにおけるformタグの使い方について解説しています。request.methodsの設定（POST、GET）や

HTML画面をテキストベースで作るのは慣れていないと大変です。ボタンやテキストボックスをペタペタと張りながら画面イメージを作りたいと思いますが、ホームページビルダーとかはお金がかかるのでためらっていました。なんと、VisualStudioは個人利用なら無料で使えるみたいですね早速VisualStudioをダウンロードして使ってみました。少しカスタマイズが必要でした。①https://visualstudio.microsoft.com/ja/downloads/からダウ

イヤホン忘れたので、キヨスクで¥1,316のイヤホンを買いました。全く音質に期待していなかったのですが、再生した瞬間、『やべー！！メッチャ音良い！あの純正やつより全然良い！！』となりました。ぜひ皆さんも試してみてください。ホームページ真ん中の商品です。（アフィリエイトじゃないよ！）↓http://www.topland.co.jp/products/audiolist01.html株式会社トップランドさんに今後も注目しちゃいます。