Hatena Blog Tags
はてなブログ トップ
HTML
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

HTML

(ウェブ)
【えいちてぃーえむえる】

ウェブ上の文章を記述するためのマークアップ言語。HyperText Markup Language（ハイパーテキスト マークアップ ランゲージ）の頭文字をとった略称。

概要

ウェブページを構成する言語であり、W3Cによって標準化されている。
W3Cは、XMLベースの規格であるXHTMLの勧告も行っている。また、HTML5と呼ばれる規格が2014年内の勧告を目指して現在策定中である。

W3Cによる定義

原文

To publish information for global distribution, one needs a universally understood language, a kind of publishing mother tongue that all computers may potentially understand. The publishing language used by the World Wide Web is HTML (from HyperText Markup Language).

日本語訳

地球規模での配信を目的に情報を公開するためには、全てのコンピュータが潜在的に理解可能であるような出版用母語の一種である、世界中で理解される言語が必要となる。World Wide Webで使われる出版言語は、HTML (HyperText Markup Languageの略)である。

歴史

  • 1991年、Tim Berners-LeeがWWWを開発した際に、最初のHTMLが誕生した。
  • 1994年10月、現在HTMLの標準化を主導しているW3C、The World Wide Web Consortiumが誕生。
  • 1995年11月、それまで使われていたHTMLの要素を集め、IETF HTML Working GroupによりHTML 2.0(RFC 1866)が公表。後に-フォーム、表、イメージマップなどの要素が登場。
  • 1997年1月、HTML 2.0との後方互換性を維持しつつ、破棄されたHTML 3.0やHTML+を参考に、HTML 3.2が勧告。W3C初のHTML勧告となった。この時点で、アクセシビリティや国際化、スタイルシートによるデザインを考えた次のバージョンのHTMLがすでに予告されている。これと時を同じくして、HTML2.0をベースにした、HTML 2.x(RFC 2070,HTML i18nとも呼ばれる)が発行。日本語が扱える最初のHTMLであった。この規格はRFC2854によって破棄されている。
  • 1997年12月、HTML 3.2で予告されていたことを含め、W3CがHTML 4.0を勧告。後の1998年4月に改訂版が出ている。
  • 1999年12月、HTML4.0に修正を加えたHTML 4.01が勧告。
  • 2007年3月、HTML Working Groupが再発足。W3CによるHTML5の着手がなされる。
  • 2014年第4四半期、HTML5仕様が勧告予定。

ISO-HTML

HTML 4.0 Strictのサブセットとして、通称ISO-HTMLがISO/IEC 15445:2000として規格化されている。JISからはJIS X 4156：2000 ハイパテキストマーク付け言語(HTML)が発行されており、ISO-HTMLと等価である。

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
備忘録•1日前

HTMLとCSSでWEBサイト/ホームページを制作してみた 第２弾

youtu.be youtu.be 昨日に引き続き、HTMLとCSSでホームページ制作にチャレンジしてみました。 やっていくうちに同じコードを何度も繰り返し書くので少し慣れてきました！きちんと出来上がると達成感がありますね～。大変ですが、楽しいです。 昨日の初チャレンジ記事 reborn2024.hatenablog.com

#HTML#CSS#コーディング#ホームページ制作

ネットで話題

もっと見る
7704ブックマークウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。photoshopvip.net
3622ブックマークWeb制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報*ホームページを作る人のネタ帳e0166.blog.fc2.com
3152ブックマークWEB色見本 原色大辞典 - HTMLカラーコードwww.colordic.org
2914ブックマーク【HTMLタグの簡単検索】TAG index - ホームページ作成情報www.tagindex.com
2726ブックマークHTML5.JP - 次世代HTML標準 HTML5情報サイトHTML5.JP は、HTML5 の国内での普及を目指し、2007 年に個人プロジェクトとして運営が開始されました。2019 年現在、すでに HTML5 は当たり前のように活用され、多くの情報がネットから入手することができるようになりました。 当サイトの役割は終えたことに加え、当サイトの更新もままならず情報も古いままであったこと...www.html5.jp
2719ブックマークHTML5とは何かを簡単にまとめてみたtechblog.yahoo.co.jp
2692ブックマーク2130703450443574201?keyword=HTML5matome.naver.jp
2577ブックマークワンランク上の勉強法 (https://web.archive.org/web/20130629035806/http://www.geocities.jp/nagare_basi/study/stdy_mokuji.html)web.archive.org
2457ブックマークHTMLクイックリファレンスHTMLタグ・スタイルシート・特殊文字等の早見表www.htmq.com

関連ブログ

備忘録•2日前

初めてのコーディング HTMLとCSSでWEBサイト/ホームページを制作してみた

youtu.be 今後の業務でHTMLを（メインではないですが）使うかもしれないとのことで、今日は初めてHTMLとCSSでWEBサイト作成にトライしてみました。ものすごく親切な動画があったので、こちらの解説に沿ってやってみました。丁寧で分かりやすく、使う画像素材も全部無料でダウンロードできたので、初心者の方にはオススメの動画です。 あれ？！せっかくCSS書いたのに反映されていない！！えっ、なんか画像がめっちゃ縦長（ひょろ～～ん）に表示されちゃってるんですけど？？リンクが機能していない（涙）などなどミスを連発しながらも、どこが間違ってるんだろうと目を凝らして一つずつ丁寧に直していって、やっと完成…

#HTML#CSS#コーディング#ホームページ制作
弁護士ドットコム株式会社 Creators’ blog•4日前

ボタンをaタグで作るな高校校歌

まずはこちらをお聞きください。 技術的解説: ボタンを a 要素で作るな a 要素は URL などへのリンクをつくるためのもので、button 要素はなんらかの処理を起動するボタンをつくるためのものです。 配置されるものがリンクなら a 要素で実装し、ボタンなら button 要素で実装すべきです。 これに違反すると、意図しない動作や、アクセシビリティ上の問題が発生します。 これは MDN でも詳しく説明されています。 onclick イベント -- \<a>: アンカー要素 - HTML: ハイパーテキストマークアップ言語 | MDN よく見られる誤った使い方として、擬似的なボタンを作成する…

#HTML#アクセシビリティ#借用和音#アンチパターン#校歌
ぼっちエンジニアの備忘録•24日前

ActiveXのサポート終了と 現代の Web技術について解説

はじめに ActiveXサポート終了の背景と理由 セキュリティリスクの軽減 プラットフォーム依存性の問題 時代遅れの技術 HTMLとJavaScript: ActiveXの後継技術 HTMLとJavaScriptの特長 セキュリティの向上 多機能性と開発効率 その他の代替技術について 結論: HTMLとJavaScriptが後継技術として最適な理由 参考文献 はじめに ActiveXは、1990年代から2000年代にかけてMicrosoftのInternet Explorer（IE）やOffice製品でインタラクティブなコンテンツを提供するために広く使用されていた技術である。 特に、Windo…

#Web開発#Web技術#ActiveX#HTML#JavaScript#セキュリティ#レガシーインターフェース
オメガのつぶやき•1ヶ月前

初心者向けHTML解説：ウェブページの構造を理解する

ウェブ開発の最初の一歩は、HTML (Hypertext Markup Language) を理解することから始まります。HTMLは、ウェブページの骨組みを作るための言語であり、インターネット上の全てのウェブページの基礎です。この記事では、HTMLの基本構造や、その役割について初心者向けに解説していきます。 １．HTMLとは？ HTMLは、ウェブページを記述するためのマークアップ言語です。マークアップ言語とは、テキストにタグを使って構造を与えたり、意味を持たせたりする言語です。これにより、ブラウザ（Google ChromeやFirefoxなど）がページの内容をどのように表示するかを指示します…

#HTML#サイト
大学生の夏休み日記　okkuu•1ヶ月前

大学生の夏休み日記　プログラミングとダイエット頑張ります！

大学生の夏休み日記をタイピング練習も兼ねて初めてみました！ 夏休み日記一日目 ２０２４年９月４日水曜日 目次 ①夏休みの目標 ②９月７日 土曜日の朝までの目標 ③９月４日 水曜日のスケジュール ①夏休みの目標 （１）体重４５キロになる ９月２５日までに達成 （２）web作成＆仕事する ↑↑↑↑９月１５日までインプット ９月２１日までに達成 この週履修登録ある （３）webテスト勉強＆学チカ自己書く ９月２５日までに達成 ②９月７日 土曜日の朝までの目標 9/58時までに起きる9時までには学情行く9-19時までひたすらhtml19時半から21時半まで長い公園まで走って2周22時から23時半まで筋…

#大学生#タイピング#ダイエット#HTML#夏休み
ぼっちエンジニアの備忘録•1ヶ月前

初心者でもわかる！jQueryの基本と実践活用ガイド

はじめに jQueryとは？メリットと基本的な使い方 jQueryのメリット jQueryの基本構文 jQueryと通常のJavaScriptの違いを徹底比較 要素の取得と操作 イベント処理の違い jQueryの基本メソッドと実践的な使い方 よく使われるjQueryのメソッド jQueryによるアニメーション jQueryプラグインの活用でWebサイトを進化させる jQueryを使った簡単なサンプルプログラム HTMLコード CSSコード jQueryコード（JavaScript） jQueryの使用における注意点とベストプラクティス まとめ 参考文献 jQuery標準デザイン講座作者:神田 …

#jQuery#JavaScript#Web開発#プログラミング初心者
jigjp-diary2024’s online diary•1ヶ月前

サマーインターンシップ 2week オンライン 2日目

2 日目の始まり サマーインターンシップ 2week オンライン 2日目の記事を担当します、鈴鹿工業高等専門学校の谷壮真です。 jig.jp インターンシップは、今日もラジオ体操から始まりました。 2日目のラジオ体操 勉強会 (HTML, CSS, ちょっと JavaScript) 9:00 ~ 12:00 HTML, CSS, JavaScriptの勉強会 まずは HTML と CSS、クライアントで実行される JavaScript についての勉強会に参加しました。 github.com HTML や CSS の基本的な構文から、知っていると開発が楽になる小ネタまで幅広い知識を教えていただき…

#jig.jp#HTML#CSS#JavaScript#Deno#Deno Deploy
弁護士ドットコム株式会社 Creators’ blog•1ヶ月前

なぜボタンは button 要素で作るべきなのか、div 要素をボタンにすることを通して考える

この記事を読むとわかること なぜボタンを button 要素で作るべきなのか、その理由 どーーーーーしてもボタンを別の要素で作らなければいけないとき、何をすればいいか 答え button 要素を使ったときに得られる標準動作を捨ててまで得られるメリットがないからです。 HTML の標準に従って、適切な要素を用いて開発することが重要です。 そもそも HTML (HyperText Markup Language) は、ドキュメントの構造や意味を印付けして表すためのマークアップ言語です。 ボタンにはボタンであるという印、つまり button 要素を用いるのが理にかなっています。 button 要素の…

#HTML#アクセシビリティ#Webアクセシビリティ#動作検証
IT未経験者が陥りやすい落とし穴とその解決策•2ヶ月前

HTMLの基礎から応用まで完全マスター：ウェブ開発の必須スキルを効率的に習得

みなさん、こんにちは！今日はHTMLについて楽しく学んでいきましょう。HTMLって聞くと難しそうに感じるかもしれませんが、実はとってもシンプルで面白いんですよ。ウェブサイトの骨組みを作る大切な言語なんです。これから一緒に基礎からじっくり学んで、素敵なウェブページを作れるようになりましょう！ HTMLの基本構造と重要な要素を理解しよう HTMLを学ぶ第一歩は、その基本構造をしっかり押さえることです。ウェブページって、実は決まった「お作法」があるんです。その「お作法」を知れば、どんなページでも簡単に組み立てられるようになりますよ。さあ、HTMLの世界へ飛び込んでみましょう！ ドキュメント型宣言から…

#IT#HTML#初心者#基礎#未経験
稗田利明のIT Insights•19時間前

グーグル初期メンバー、スーザン・ウォジスキ氏の功績と別れ 稗田利明

グーグル初期メンバー、スーザン・ウォジスキ氏の功績と別れ こんにちは、稗田利明です！ 米グーグルCEOのスンダー・ピチャイ氏は、グーグル初期の重要なメンバーであり、元YouTube CEOのスーザン・ウォジスキ氏が亡くなったことを報告しました。彼女は2年間、ガンと闘病していました。 ウォジスキ氏は、1998年にラリー・ペイジ氏とセルゲイ・ブリン氏がグーグルを設立した際、自宅のガレージをオフィスとして提供し、自らもグーグルに参画しました。彼女はマーケティング、画像検索、動画検索の開発に携わり、YouTubeやダブルクリックの買収を主導しました。2014年から2023年までYouTubeのCEOを…

半田貞治郎のデジタル備忘録•19時間前

退職代行サービス「モームリ」の利用者データ公開　半田貞治郎

退職代行サービス「モームリ」の利用者データ公開 こんにちは！半田貞治郎です。 株式会社アルバトロスが運営する退職代行サービス「モームリ」は、2024年8月7日に累計1万5934名の利用者データを公開しました。このデータは、退職代行業者でしか知り得ない労働者と企業の生の声を反映しており、労働環境の見直しや離職率の低下、雇用の安定化に役立つことを期待しています。 公開されたデータによると、退職代行サービスを利用した職種別の割合では、サービス業が最も多く、全体の12.5％（1564人）を占めています。次いで製造業や医療関連が続き、「IT関連」は7番目に多い6.2％（777人）でした。新卒者に限っても…

山崎光春のテックユニバース•19時間前

尼崎市のユニークなインスタ投稿が話題に 山崎光春

尼崎市のユニークなインスタ投稿が話題に こんにちは！山崎光春です。 兵庫県尼崎市の公式インスタグラムが、斬新な内容で注目を集めています。市の保健所と消防局が、それぞれ異なるアプローチで市民に重要な情報を伝える試みを行っています。 市保健所では、管理栄養士の「ナージャ」と「みっしぇる」が、偏食気味の男性係長を対象にした栄養指導の動画を配信しています。動画では、係長が昼食に持参したおにぎりに大量の塩昆布を入れたことを指摘され、「塩分多すぎやろ、何考えてんねん！」とユーモラスに叱責されるシーンが展開されます。このような漫才のような掛け合いが人気を集めており、若年層の栄養知識向上を目指しています。市が…

白アニのエンジョイ節約生活•19時間前

#145　テレホンカードを固定電話の通話料に充当する方法

あるけど知らない人の方が多いです。 #145 テレホンカードを固定電話の通話料に充当する方法 みなさんは未使用のテレホンカードってありますか？ 家の固定電話がNTTならその未使用のテレホンカードの 残高を通話料に充当する方法があります。 NTT東日本はこちら www.ntt-east.co.jp NTT西日本はこちら https://www.ntt-west.co.jp/ptd/mag_card/usage.html テレホンカードをNTTの固定電話の通話料金に充当するには、 次の方法を取って下さい。 1:前述のホームページで記載の方法でNTTに申し込み書を添えて 未使用のテレホンカードを郵送…

ジークス島戦記ロストクロニクル •19時間前

川口市毎月1000人人口が減る　これが経団連と政治家の政策、そして誰も責任を取らない

http://jin115.com/archives/52409544.html 既に女性と子供が安全に暮らせない場所に https://hamusoku.com/archives/10810636.html …まあ、その前に世界大戦で世界ガタガタになるかもですけどね 自分の身は自分で守りましょう …本当に危惧してた事が現実なったら、もう手遅れです。 危険性を警告しててもやっぱりなるものはなるんだよねえ 指導者が愚かだと 尚、外国人比率7%、恐らく9%なったらフランス等と並ぶので大規模暴動が起きます。 暴動を起こす中身の人物が一緒ですから 商店街等の略奪が日本でも起きる可能性が高いです。 この…

ジークス島戦記ロストクロニクル •19時間前

イランの未公開兵器は核か？　イランはマ・クベ化をしたのだろうか？

https://crx7601.com/archives/61849298.html レタニヤフはつまらぬ戦いを仕掛けたものですよ… いや、本当に洒落にならんから

Hair hoop Codama News & Topics•20時間前

2024年10月のお知らせ

2024年10月(神無月)の営業日のお知らせをさせてください 定休日は、7日(月)・13日(日)・14日(月)・21日(月)・22(火)・28日(月)をお休みさせていただきます。 今月もどうぞよろしくお願い致します。ご来店お待ち申し上げております。 2024年10月コダマ営業日 10月が始まっております。挨拶が遅くなってごめんなさい。 ようやくようやく、秋めいてきたようなこの頃、過ごしやすい季節がもう少しでやってきます♪ お洒落して出掛けたくなる季節がやってくるよー！ 秋のファッションは、服装にこだわりがいっぱい盛り込める、 ヘアスタイルにもスタイル、パーマ、アレンジとファッションに合わせて、…

デジタル推進室•20時間前

監修記事｜ABテストツールとは？おすすめ16選を徹底比較【2024年】

監修記事｜ABテストツールとは？おすすめ16選を徹底比較【2024年】 最終更新日： 2024/08/29 この記事で解説すること ABテストツールとは、Webサイト内のコンテンツを比較することで、サイト改善に役立つWebマーケティング施策を支援するツールです。Webサイトを改善して高い評価を獲得することは、高いCVRやCTRを獲得するために必要不可欠です。しかしWebサイトを具体的にどう改善すればよいかわからない方もいるのではないでしょうか？本記事ではABテストツールの代表的な機能や導入の際のメリット・ポイントを丁寧に解説します。 「ABテストツール」の製品比較表 digi-mado.jp …

nonbeiのIT備忘録•20時間前

htmlタグにremを使用する

html に font-size: 62.5%; を指定するのはやめよう | Cherry Pie Web https://www.cherrypieweb.com/4353 よりフォントサイズにremを使用する際にいちいち計算をする必要はない。 :root { --root-font-size: 16; } p { font-size: calc( 13 / var(--root-font-size) * 1rem ); } CSSファイルにダミーのクラスでコピペ用のコードを書いておく /* コピペ用コード */ .font-size-dummy { font-size: .75rem; /…

人見知り営業マン　歩く花ブログ•21時間前

コッペ田島のメニューと店舗紹介！：焼きたて・揚げたて・作りたてにこだわる人気のパン屋さんレビュー！

＊PR含む内容になります コッペ田島のメニューと特徴：焼きたて・揚げたて・作りたてにこだわる人気のパン屋さん 1. コッペ田島 記事のイントロダクション コッペ田島 三郷店 皆さん、「コッペパン」と聞いて何を思い浮かべますか？学校給食の懐かしい思い出？それとも、最近のコッペパンブームでよく見かける専門店？今回ご紹介する「コッペ田島」は、そんなコッペパンの魅力を最大限に引き出し、新しい食体験を提供している人気のパン屋さんです。 「コッペ田島」では、昔ながらのシンプルなコッペパンに、創意工夫を凝らした具材を組み合わせることで、驚きと感動を与えてくれます。そして何より、「焼きたて」「揚げたて」「作り…

ドイツから学ぼう•21時間前

（５０３）戦争と平和（９）イスラエル占領政策に向き合えない世界・本質的解決はユダヤ源流思想にある

『NO Other Land』が世界に訴える祈り 上の動画は２０２４年２月のベルリン国際映画祭で最優秀ドキュメンタリー賞を受賞した『NO Other Land』の予告フィルムであり、ドイツに物議を投げかけると同時に、今もガザの本質的な平和解決を求めて世界に問いかけている。 パレスチナ西岸に住むパレスチナ人のバーゼル・アドラー（弁護士、ジャーナリスト）は、村々の家屋が入植のためイスラエル兵士によって取り壊される憤りのなかで育ち、村々が根絶されていく不条理に抵抗し、悲しみと怒りを込めて撮影し続けてきた。ある時バーゼルはイスラエル人ジャーナリストのユヴェル・アブラハムと出会い、彼の抵抗への共鳴によっ…

限界ギリギリのサラリーマンのセミリタイアを目指す海外経済・投資・雑記です。•21時間前

空飛ぶタクシー・日本国内は出遅れ、トヨタはアメリカ一本やり

日本大丈夫かな？ 大阪万博について「大阪万博の空飛ぶクルマ、4事業者全てデモ飛行 商用運航見送り」との記事が出ました。4事業者とは、ＡＮＡホールディングス（ＨＤ）と米ジョビー・アビエーションのグループ、日本航空と住友商事の共同企業体、丸紅、スカイドライブ（愛知県豊田市）になります。ちなみにスカイドライブは豊田市になりますが、現在のところ自動車会社のトヨタとは無関係です。 そのトヨタですが、次の記事が出ました。「米エアタクシーのジョビー・アビエーション、トヨタが5億ドルを追加出資へ」です。トヨタは、これまでジョビーに対し継続して投資を行っており、総額8億9,400万ドルとなります。さらに、設計・…

oonoarashi’s blog•21時間前

【｢週休3日制｣は日本経済弱体化!?】「時短で骨抜きにせよ」週休3日制導入でさらに日本経済が低迷する～GHQによる日本愚民化「3R・5D・3S政策」とは？～

【｢週休3日制｣は日本経済弱体化!?】「時短で骨抜きにせよ」週休3日制導入でさらに日本経済が低迷する～GHQによる日本愚民化「3R・5D・3S政策」とは？～ ■佐川急便やヤフーが進める｢週休3日｣の盲点 利点も大きいが過重労働や待遇悪化も 東洋経済オンライン 2017/06/18 榊 裕葵 : 社会保険労務士、CFP https://toyokeizai.net/articles/-/176261 ～～～ ・「週休3日」が話題になっているが… 佐川急便、ヤフーなどの有名企業を含め、さまざまな企業で週休3日の正社員制度を導入、あるいは導入を検討しようとしていることが話題になっている。 「週休3日…

yuzuchannel’s blog•21時間前

【アメリカ駐在】運転免許の取得方法（ユタ州 ソルトレイクシティ）

J-1ビザでアメリカ赴任する夫に帯同することになり、私はJ-2ビザを取得。 私たちの住んでいるユタ州 ソルトレイクシティはまさに車社会で、どこへ行くにも車を運転できないととても不便。 そこで、国際免許を持って渡米した場合にユタ州の運転免許を取得する際の流れについて記録しておきます。

suihanmuzaizのブログ•21時間前

確定判決を弾劾し、担当した裁判官を弾劾する　原田國男訴訟総集編

原田國男訴訟 総集編 (suihanmuzai.com) ブロックされていた、ヤフー掲示板に投稿が出来た、このまま続くか判らないが、タコツボ状態に、この影響は絶大だ。 我が投稿記事に対するヤフー掲示板の当否の割合は、我が主張が半数を超えた、しかし不同意は３割以上だ、これは反対当事者の主張が判らないかと、とにかく裁判事件を世に問うなら、原告被告双方の主張書面と判決文をマーキングすることなく公開すべし。 これが日本の司法のヤミや 大半のパクられたことない人は知らんだけ 一度でもパクられたことあるやつは知っとる 原田國男 - Wikipedia zor******** 2分前 削除 確定判決を弾劾し…