【初心者向け】HTMLの役割・書き方を解説【サンプルコード付き】HTMLは、Webページの土台を作るために欠かせないマークアップ言語です。書き方の基本が分かれば、プログラミングの知識がない方でも活用できるようになります。
プログラミング言語 HTML 入門
はじめに 以前 uhyo さんにより「HTML はプログラミング言語である」と示されたことは記憶に新しいところですが、昨年末の HTML, The Programming Language の登場により、その主張はより強固なものとなりました。現代ではもはや、HTML は立派なプログラミング言語であるということは疑いようがありません。 この記事では、プログラミング言語 HTML, The Programming Language について、その概要と基本的な文法について説明します。そして最後に、HTML プログラミングの応用例として FizzBuzz やフィボナッチ数列の実装例を見ていきます。 HTML, The Programming Language HTML, The Programming Language (以下 HTML と略します) は、HTMX を開発していることで有名な B
index ( プログラミング技術研究 - 08AA )
後期課題 内容 PyQt2 までの練習問題をできたところまで。 〆切 2011 年 2 月 18 日 (金) P.M.5:00 課題が完成したら下の 提出 ボタンを押して提出してください。 (提出できるのは実習室からのみです) 集計リスト 前期課題 プログラミング技術研究 の前期課題を提出してください。 内容 HTML5のCanvasを使ったブロック崩しゲーム 〆切 2010 年 9 月 2 日(金) 課題が完成したら下の 提出 ボタンを押して提出してください。 (提出できるのは実習室からのみです) 集計リスト 提出時の注意 提出するファイルが複数ある場合は、tar コマンドで一つのファイルにまとめて提出してください。 （使用例） 以下のコマンドで kadai.tar にファイルがまとめられるので、 kadai.tar を提出してください。 # tar cvf kadai.tar 提出する
「(HTML) + CSS」のみを使って、今「リアルな電卓」を作ってみた - Qiita
続編を書きました。CSSも大幅改善してるので、一度見てみてください。 【小数点実装】「(HTML +) CSS」のみを使って、今「もっとリアルな電卓」を作ってみた - Qiita 完成品 まずは、CodePenで完成品を紹介します。ボタンを押して計算を試してみてください。 ※ スマホだと反応が悪い場合があります。 See the Pen qiita_calc_last by j5c8k6m8 (@j5c8k6m8) on CodePen. はじめに はじめて、CSS カウンター の存在をはじめて知ったときは驚きました。 テーブルの行番号は (必要であればJavaScriptで動的に) HTMLに記載するしか方法がない と思っていたからです。 Qiitaにも、CSSカウンターのサンプルを載せた良記事があります。 CSS でテーブルに行番号を振る - Qiita CSSで見出しタグに連番をつけ
HTMLでコードを表示する方法【初心者向け】
HTML初心者向けに、【codeタグ】を使ってコードを表示する方法を解説した記事です。codeタグを使うと、コードを書かれていることを指定できます。一方で、【preタグ】を使うと、改行やインデントがそのまま表示されます。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査
従来の HTML との文法の差違 - HTML5 - Wikipedia
HTML5（エイチティーエムエル・ファイブ）は、World Wide Web Consortium（W3C）がかつて策定していたHyperText Markup Languageの5回目に当たる大幅な改定版であり、2021年1月28日に廃止された。 現在はHTML Living Standard（英語版）によって置き換えられている[1]。 Web Hypertext Application Technology Working Group（WHATWG）によって2004年に定められたWeb Applications 1.0にWeb Forms 2.0を取り入れたものをベースとしている。W3Cの専門委員会により2008年1月22日にドラフト（草案）が発表され、2014年10月28日に HTML5 が勧告され[2]、2016年11月1日に HTML 5.1 が[3]、2017年12月14日に
iPadでHTML5でWebアプリを作ってみました。
こんばんは。LatLongLabの河合（@inuro）です。 ようやくiPadが日本でも発売されましたね。入手された方もたくさんいらっしゃることかと思います。 ヤフーではこのiPad国内発売にタイミングを合わせ、Yahoo!ラボで「yubichiz」というiPad専用の地図Webアプリを公開しました。 Yahoo!ラボ - yubichiz（ゆびちず） 詳しい機能はリンク先ページを見ていただくとして、 地図に書かれた文字（大塚家具、とか紀伊國屋書店、とか）をタップするだけでその店舗の詳細情報が表示されます 地図を指でなぞるだけで、なぞったラインの距離を測定できます 同様に地図を指でなぞるだけで、道沿いのお店を検索できます といった特徴があります。 またyubichizは、App Storeからダウンロードするいわゆる「アプリ」ではなく、HTML5を用いてiPadのSafari上で動作するW
DoxyGen編
ホーム < ゲームつくろー！ Doxygen編 ゲームを製作する時に、見落としがちになってしまうのが「ドキュメント化」です。自分が作成したライブラリにある程度のドキュメントをつけておかないと、2ヵ月後にはすっかり他人コードに化けてしまって中身を忘れます。そういう時にドキュメントがあると思い返すきっかけとなり、またライブラリの寿命も延びます。 本編で取り上げるDoxygenはドキュメント自動生成ツールの一つです。コードに埋め込まれた特殊なドキュメントを読み込んで、HTML形式などのドキュメントを生成してくれます。 コードのドキュメント化は悩ましい問題です。例えばテキストファイルやWordなどでドキュメントを作ったとしましょう。この場合、書式を揃えるのがまずは大変です。クラス名はスペース2つ、メソッド名は4つ入れて引数は…。これを作成したすべてのクラスで行う事を想像すると怖いです。またせっかく
enchant.jsでゲームを作る7つの利点と5つの注意点
enchant.jsとは―― 2Dゲームに特化したHTML5＋JavaScriptライブラリ 「enchant.js」とは、ユビキタスエンターテインメント（UEI）が2011年4月にリリースした、HTML5＋JavaScriptベースのゲームエンジンです。enchant.jsはオープンソースでGitHubでソースコードを公開しています。ライセンスは、MITライセンス／GPL2のデュアルライセンスです。もともとはプログラミング学習を目的として開発されましたが、現在では世界中で多く利用されているHTML5向けゲームエンジンとなりました（2012年6月UEI調べ）。 実際に活用された事例としては、サントリータウンの会員コンテンツであるFlashミニゲームが、enchant.jsを用いてHTML＋JavaScriptに組み直されました。これはiPhoneなどのFlash非対応端末からでも楽しめるよ
jQuery基礎文法最速マスター[to-R]
jQuery基礎文法最速マスター はやっているようなのでまとめてみたいと思います。 jQueryの読み込み Google AJAX Libraries APIで簡単に読み込めます。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> jQueryの記述場所 基本的にはscript要素内の次の箇所に記述していきます。 <script type="text/javascript"> $(function(){ /*ここにjQueryを記述*/ }) </script> 上のコードは$(document).ready()のショートカットなので、次のように書いても大丈夫です。 <script type="text/javascri
![jQuery基礎文法最速マスター[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
「独学」でプログラミングスキルが磨けるWebサービス15選
「自分でアプリやWebサイトを作ってみたい」そう思う人が増えたことで、プログラミング学習を始める人が増えました。プログラミン学習といえば、参考書を購入し、実際にコーディングしながらスキルを身につけていくのが一般的ですが、途中で理解できなくなり投げ出してしまうのが関の山・・・。 また限られた時間の中、本を読みながら手を動かして、常に自分で目標を立てながら学習を進めていくことも簡単なことではありません。プログラミングを勉強しようと思ったけど、途中で挫折してしまったという人はたくさんいることでしょう。 そんな人に朗報です。今では途中で挫折することなく、「独学」でプログラミングスキルを磨くことができるサービスが数々あります。ここでは厳選した15個のプログラミングサ、ご紹介いたします。 1：ドットインストールドットインストール 国内プログラミングサービスの最大手といったら、この「ドットインストール」
Webサービスの作り方って？LIG取締役づやにプログラミングの基礎を聞いてみた。【HTML,CSS,JavaScriptなど】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Webサービスの作り方って？LIG取締役づやにプログラミングの基礎を聞いてみた。【HTML,CSS,JavaScriptなど】 こんにちは、ライターのヘルメです。昨今の教育現場には「読み書きそろばん」に加えて「プログラミング」の授業があると聞きました。ヤバイっすね。 ギリギリゆとり世代の私はプログラミングが一切できませんが、最近のIT/Web系企業でイケてる会社を見渡して、Webサービスつくりたい欲とプログラミング技術を身につけたい欲が半端じゃありません。 でも、Webと聞けば必ずセットになって付いて来る、HTMLやCSS、Rubyなどが何を意味しているのかが全くわかりません。このままではサービスが作れない！ ということで、今日は弊社の取締役でエンジニアのづやさんにWebサービスを作るための技術について教えてもらいました。 完全に初心者の僕は、「HTMLって何の略？はてな丸？」というところ
初心者がウェブアプリ作り出す前のざっくりした理解のためのエントリ - 旧gaaamiiのブログ
この記事の対象は「サーバーって何？」くらいの人を想定しています。というか、これから何か作ろうというゼミの仲間に向けて書きました。ウェブについて「何も知らないのでまずはどういうものか知りたい」という人に役立てれば幸いです。 目次 ウェブとは HTMLとCSS クライアントとサーバー ローカル環境と本番環境 使う言語の選択肢 独学するためのいろいろ 今回紹介しなかったいろいろ 何を作る？（2014年4月、加筆） まとめ ウェブとは via: photo by Iguana Jo World Wide Webはとっても便利な通信手法です。ウェブ上では様々な資源がHTMLという言語で書かれた文書として、ハイパーリンクを通じてつながっています。 ハイパーリンク サイトひとつひとつのドメインを覚える必要も無くネットのコンテンツを楽しめているのはハイパーリンクのおかげと言ってもいいのではないでしょうか。
とほほの HTMLリファレンス
HTMLリファレンス トップ > HTMLリファレンス [HTML概要] [フレーム版] [逆引き] [用途順] x は廃止されているものを示します。 A <a> <abbr> <acronym> x <address> <applet> x <area> <article> <aside> <audio> B <b> <base> <basefont> x <bdi> <bdo> <bgsound> x <big> x <blink> x <blockquote> <body> <br> <button> C <canvas> <caption> <center> x <cite> <code> <col> <colgroup> <command> x <comment> x D <data> <datalist> <dd> <del> <details> <dfn> <dialog>
簡単！たった１３行のコードでHTML取得＆解析をするPerlスクリプト - DQNEO起業日記
１３行のコードで、Yahoo!Japanのトピックス一覧を取得する！ PerlでHTML取得・解析したいときはLWP::UserAgentとHTML::TreeBuilderというのを使うと簡単にできます。 LWP::UserAgentを使うと、Webページの取得ができます。 HTML::TreeBuilderを使うと、HTMLのDOM解析ができます。 この２つのモジュールを使って、Yahoo!Japanのトピックス一覧を取得してみましょう。 コメント行と空行を除くとたったの１３行です。 use strict; use warnings; use LWP::UserAgent; use HTML::TreeBuilder; # urlを指定する my $url = 'http://www.yahoo.co.jp'; # IE8のフリをする my $user_agent = "Mozilla
とほほのＷＷＷ入門
はじめに ご使用上の注意 (1) 主な更新履歴 (25) 管理者へのメール (1) 自己紹介 (1) 基本編 用語集 (82) Webページ作成入門 (7) 逆引きリファレンス (32) フォーマット HTML (402) HTML5 (7) XHTML (1) MathML (1) DTD (1) JSON (1) SVG (1) VML (1) GIF (1) CSV (1) セマンティック・ウェブ (1) CSS CSS (ABC順)(719) Bootstrap (61) Less (1) Sass (1) Tailwind CSS (1) CSSフレームワーク (1) リセットCSS (1) プログラミング言語 JavaScript (42) TypeScript (1) Java (26) Perl (6) PHP (14) Ruby (11) Python (14) Go言語
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML手打ちで作るホームページ講座