今さら聞けないHTML 

今さら聞けないHTML 

【Stellarium】リモートコントロールプラグインWebインターフェイス公式リファレンス日本語訳

# 初めに
無料プラネタリウムソフト[「Stellarium」](https://stellarium.org/)の
リモートコントロールプラグイン Web インターフェイスの公式ドキュメントを日本語訳(ほどんど機械翻訳:Google翻訳及びDeepLを使用)したものです。間違い等あると思いますが、ご理解の上お使いください。

https://stellarium.org/doc/24.0/remoteControlWeb.html

# 概要
RemoteControlプラグインは、デフォルトで、RemoteControl APIを提供するのと同じ統合HTTPサーバーを介してHTMLウェブインターフェースを提供します。data/webrootフォルダにあるすべてのコンテンツが提供されます。api/パスはHTTP API用に予約されているため、フォルダとして使用できないことに注意してください。index.htmlファイルはルートにマッピングされているので、デフォルトのポート設定8090で[http://localhost:8090](http://localhost:8090)。7イン

元記事を表示

HTML: object要素で変な物を仕込む

これもまたonload属性で好き放題やりたい放題とんでもない処理を埋め込めます。
## ド定番
data属性をすり替えて再読み込みを繰り返します(dataURIにより空文字列をひたすら召喚)。見た目の変化はありませんが負荷はかかり続ける代物。
“`html

“`
## 変異体無限増殖
“`html

“`
## fractal図形召喚
“`html
Webページをインターネット上に公開する

# はじめに
webページをインターネットに公開する

# 目次

1. [HTMLファイルとCSSファイルを準備する](#Chapter1)
1. [GitHubのアカウント作成](#Chapter2)
1. [リポジトリの作成](#Chapter3)
1. [ファイルのアップロード](#Chapter4)
1. [ページの公開](#Chapter5)
1. [参考文献](#reference)



# HTMLファイルとCSSファイルを準備する
HTMLファイルのサンプルコードを用意
“`html




publishwebpage

W

企業向け貨物サービスのウェブサイトをゼロから作成する方法

企業向けの貨物サービスを提供するウェブサイトを作成することは、ビジネスの成功にとって非常に重要です。ここでは、ゼロから始めてコーディングを使用して企業向けの貨物サービスのウェブサイトを作成する手順を紹介します。

1. 設計とプランニング
最初に、ウェブサイトのデザインと機能を計画します。どのような情報を掲載するか、ユーザーが求める機能は何かなどを明確にします。ユーザビリティを考慮し、使いやすく直感的なデザインを目指しましょう。

2. ドメインとホスティングの取得
ウェブサイトを公開するためには、ドメイン名とホスティングサービスが必要です。信頼性の高いドメインレジストラやホスティングプロバイダーを選び、必要なドメイン名とホスティングプランを購入します。

3. HTMLとCSSで基本的なページ作成
基本的なウェブサイトのフレームワークを作成するために、HTMLとCSSを使用します。HTMLでコンテンツの構造を定義し、CSSでスタイルとレイアウトを設定します。例えば、ナビゲーションバー、ヘッダー、フッターなどの基本的な要素を作成します。

html
Copy code

フロントエンドの役割・DOMについて簡単なまとめ

## 概要
– 簡単にフロントエンドについてまとめる機会があったため、参考程度にスライドを置いておきます
– フレームワークの説明に関しては口頭であったため情報なしですが、新しく始めるのであればReact.jsが良いだろうと結論付けました
## スライド

## 以下より画像を利用しています
https://loosedrawing.com/

【HTML,CSS】文字の色やフォントを文章の途中で変える方法

# はじめに
こんにちは! 中学2年生のWardHamamatsu67です! 今回は、HTMLのページの途中で色やフォントを変える方法について説明したいと思います。
# 方法1
1つ目の方法はCSSを使用せず、HTMLのfontタグを使用するものです。
このような感じです。
“`html

明けましておめでとうございます。

“`
赤色に指定します。
![スクリーンショット 2024-03-29 214711.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3749972/74fd66ef-462f-d931-e522-146a916e43a5.png)
このように、「おめでとう」を赤文字にすることで強調されましたね。
結構この方法は簡単です。が、!!この方法はあまりお勧めしません。
しっかりとした理由があります。それは、、
**この方法では、色は変えられるものの、フォントは変えられないからなんです

HTML: DOM取得のなまくら術

対応できるかどうかはBrowser次第。いつの間にやら非推奨になってしまったり、廃れていったりする可能性もあります

関数

なまくら術

document.getElementById,
document.querySelector

id属性値を直指し

document.getElementsByTagName(“*”),
document.querySelectorAll(“*”)

document.all

document.getElementsByTagName(“form”)

document.forms

document.querySelectorAll(“a[href]”)

document.links

document.querySelectorAll(“a[name]”)

document.anchors

document.getElementsByTagName(“html”)[0]

docu

YouTubeみたいな動画を作成できるhtml,css,Javascriptの紹介(途中経過1)参考

まずは、途中の動画。(Xより)

![スクリーンショット 2024-03-28 153428.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625232/eecb01ac-3909-1c3c-4494-ca959f191149.png)
これを使う。
![スクリーンショット 2024-03-28 153505.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625232/82cf023c-bf2e-97eb-1671-bd3c6cb2abe4.png)
![スクリーンショット 2024-03-28 153546.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3625232/12568b52-7898-dcfb-4ee6-

削除ボタンがないお手製のdatepickerを作ってみた

# 背景

https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog/

削除ボタンがないdatepickerが上のdocumentにありましたので、SemanticなHTMLに書き換えて実装したいなと思ったからです。

See the Pen 【HTML,CSS】HTML,CSSのみで気持ち悪い信号機らしきものを作ってみた

# はじめに
こんにちは! 中学2年生のWardHamamatsu67です! 今回は、HTMLとCSSのみで信号機らしきものを作ってみました。普通の3つある信号機ではなく矢印がいくつもあるおかしな信号機です。なお、矢印に関しては難しくて表示することができませんでした。もしできる方がいればコメントで教えてくれると嬉しいです。
# HTMLのコード
“`html




信号機

Date型を直接取り扱えるInput要素をVue3で作る。

よく作る割に忘れてしまいがちなので記事としてまとめる。

# 環境
– Nodejs18以降
– Vue@3.4.21以降
– Date-fns@3.5.0以降

# コード
とりあえず全体のコード。invalid Dateになる場合はnullを返すようにしている。

“`html:DatetimeInput.vue