タグ

HTMLに関するuraraiのブックマーク (5)

  • index.htmlだけでCSVを検索するシステムをつくる - Qiita

    概要 index.htmlだけでCSVを検索するシステムをつくりました。 以下の方法でCSVファイルを読み込み表示します。 予めアップロードしたCSVを読み込む <input type="file">でダイアログからCSVファイルを選択する 使用したフレームワーク JavaScriptVue.js CSV変換:PapaParse CSS:bulma 使用したオープンデータ(CSVファイル) 以下のオープンデータを使用しました。 https://www.itdashboard.go.jp/DataFeeds/csv#300 https://www.e-stat.go.jp/stat-search/files?page=1&layout=datalist&toukei=00200521&tstat=000001011777&cycle=0&tclass1=000001094741 公開先 コ

    index.htmlだけでCSVを検索するシステムをつくる - Qiita
  • 簡単なタブ切り替え機能の実装

    <div class="tab_wrap"> <input id="tab1" type="radio" name="tab_btn" checked> <input id="tab2" type="radio" name="tab_btn"> <input id="tab3" type="radio" name="tab_btn"> <div class="tab_area"> <label class="tab1_label" for="tab1">tab1</label> <label class="tab2_label" for="tab2">tab2</label> <label class="tab3_label" for="tab3">tab3</label> </div> <div class="panel_area"> <div id="panel1" class="ta

    簡単なタブ切り替え機能の実装
    urarai
    urarai 2022/11/15
  • 【コピペOK】HTMLとCSSだけでホームページにスライドショーを作る方法を解説 - WEBCAMP MEDIA

    htmlにスライドショーを実装する方法ってどうやるんだろう?」 このような悩みを抱えている方もいるのではないでしょうか。 スライドショーの実装といえば、jQueryの利用が定番ですが、実はHTMLCSSだけでも作ることができます。 今回、WEBCAMP MEDIAは、HTMLCSSだけでスライドショーを作る方法について解説していきます!

    【コピペOK】HTMLとCSSだけでホームページにスライドショーを作る方法を解説 - WEBCAMP MEDIA
  • Guide to HTML Semantic Markup

    2014年8月17日 HTML, Webサイト制作 連載企画「実践で学ぶWebサイト制作ガイド」も佳境を迎え、今回いよいよHTMLマークアップの段階に突入します!「デザインは好きだけど、コーディングは苦手…」という人も、焦らず少しずつ記述していけばちゃんと形になります!お手持ちの「TextEdit」や「メモ帳」などのテキストエディタツールを開いて、さっそく始めましょう! ↑私が10年以上利用している会計ソフト! 実践で学ぶWebサイト制作ガイド:その6 目標:正しいページ構造のHTMLが書ける 必要なもの:Windows メモ帳 や、Mac OS Text Editなどの文章エディタツール。もちろんAdobe DreamweaverなどのWeb系オーサリングソフトがあるならそれでOK 対象レベル:HTMLの基礎知識がある・基的なHTMLタグが手打ちで書ける 目次 誰のため?何のため?We

    Guide to HTML Semantic Markup
    urarai
    urarai 2012/10/23
    div と section タグの使い分けとか
  • 犯してはいけないHTMLタグの過ち10個

    【追記】 HTML5ではインラインとブロックの要素分類がなくなり、代わりに、メタデータ、フロー、セクション、ヘッディング、フレージング、エンベッディッド、インタラクティブというコンテンツの種類が定義されています。 2. 画像に代替テキストのalt属性が入っていない <img src="sample.gif" /> alt属性は、Webページに表示されるすべての画像に必須の要素ですので、必ず使用する必要があります。 <img src="sample.gif" alt="サンプル" /> 必須の要素ですので、特にテキストで表示する必要がない場合でも、alt=""としておく必要があります。 【追記】 HTML5では「Images whose contents are not known(どのような内容かわからない画像)」に限り、alt属性を省略することができます。写真共有サイトにユーザーが画像を

    犯してはいけないHTMLタグの過ち10個
    urarai
    urarai 2011/04/20
  • 1