タグ

HTMLに関するTTTT2のブックマーク (18)

  • HTMLのタグと要素 - とほほのWWW入門

    <html> や <head> などを タグ(tag) と呼びます。 多くのタグは、<b>~</b> のように 開始タグ(start tag) と 終了タグ(end tag) で囲みます。開始タグのタグ名の前にスラッシュ(/)をつけたものが終了タグです。開始タグを記述するときはそれに対応する終了タグも記述するのが原則ですが、終了タグを省略できるもの(<li> や <dd>など)や、終了タグの無いもの(<br> や <img> など)があります。 タグ名は必ず半角文字で記述してください。大文字・小文字はどちらでも構いません。昔は大文字が一般的でしたが、HTML の次世代規格とも言われる XHTML では、タグはすべて小文字で記述することになっており、HTML も小文字で記述するのが最近の流行りのようです。タグ名の前にスペースをいれてはなりません。 ○ <html> ○ <HTML> ○ <H

    TTTT2
    TTTT2 2011/03/07
  • HTML/CSS実体参照 - Archiva

    Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 実体参照とは、文字や記号を表現する符号のこと。特殊な記号とか、HTMLで言う「<」や「>」のようにコードと混同されやすい文字を表現するために使います(もちろん普通の文字も打てる)。 HTMLでは、特定の文字を表現する際に数値で表現するものを「数値文字参照」、人が覚えやすい名前で表現したものを「文字実体参照」と言います。XMLでいう「文字参照 (Character reference)」と「実体参照 (Entity reference) 」に相当します。 postscript: CSSの実体参照は16進数。HTMLの数値参照(10進数)から、Windowsの関数電卓で求

    TTTT2
    TTTT2 2011/03/02
  • 【ハウツー】ゼロからはじめる正規表現 秀丸編 - HTMLファイルから特定の情報だけを収集する | パソコン | マイコミジャーナル

    普段何気なく閲覧しているWebページは、言うまでもなくHTMLを基軸としたマークアップ言語で構成されています。ユーザーが情報収集を行なう上で、Webページ上からではなく、直接HTMLファイルから情報収集を行なう際にも、正規表現による文字列置換や絞り込みが効果的。そこで今回は秀丸を用いたHTMLからの情報収集テクニックをご紹介します。 コメントを削除する HTMLファイルを秀丸で開くとわかるように、HTMLの可読性を高めるためにコメントが挿入されていることに気づくはず。HTMLのコメントは「<!」ではじまり、コメント文は「--」から「--」の間に挿入。「>」で閉じるというルールが定められています。ちなみにHTMLのコメントは、一見すると大なり小なり括弧を用いていますので、他のタグと同じように思いがちですが、コメントは宣言するものであり、タグには含まれません(図01)。 図01 サイトのH

  • “noindex,follow” robots metaタグを使うのはどんな時?

    題に入る前に、noindex robots metaタグとnofollow robots metaタグについて簡単に確認しておきます。 noindex robots metaタグ: このタグを記述したページを検索結果に表示させないようにする目的で使う。 nofollow robots metaタグ: このタグを記述したページに存在するリンクを検索エンジンがたどることを禁止する目的で使う。 禁止を意味する“no”が付かない、index robots metaタグとfollow robots metaタグというのも利用することができて、それぞれ「インデックスを許可する」、「リンクをたどるのを許可する」という目的で使います。 さて題です。 <meta name="robots" content="noindex,follow" /> 上のタグは、インデックス(検索結果での表示)を拒否するがリ

    “noindex,follow” robots metaタグを使うのはどんな時?
    TTTT2
    TTTT2 2011/02/17
  • 「jQuery Mobile」の登場で、モバイルアプリケーション開発は大きく変わる - Publickey

    このところHTML5関連のモバイルアプリケーション開発について調べていて、先週の水曜日にはSwapSkills主催のイベント「jQueryモバイルで簡単! スマートフォンサイト作成」に参加してjQuery Mobileについて勉強してきました。 jQuery Mobileとは、jQueryのプラグインとして利用するモバイルアプリケーション用のライブラリです。そしてその驚異的なまでの簡単さは、これから業務用のモバイルアプリケーションの作り方を一変させてしまう可能性を感じさせます。 jQuery Mobileの大きな特徴は次の3つです。 1)HTMLを書くだけでモバイルアプリケーションができてしまう 2)モバイルのユーザーインターフェイス対応の部品が多く揃っている 3)iOS、Android、WebOS、Windows Moblie、Symbianなどクロスプラットフォーム対応である 具体的な

    「jQuery Mobile」の登場で、モバイルアプリケーション開発は大きく変わる - Publickey
    TTTT2
    TTTT2 2011/02/15
  • http://atnd.org/events/13029

    http://atnd.org/events/13029
  • <video>タグで動画を埋め込む-HTML5リファレンス

    ■<video>タグで動画を埋め込む 現在、インターネット上で動画が提供される場合には、Flashなどの独自フォーマットを利用するのが一般的です。 こうした独自フォーマットの動画を再生するには、 それぞれのフォーマットを再生するのに必要なプラグインを、ブラウザに追加インストールする必要があります。 HTML5では、任意の動画フォーマットを文書に埋め込むための<video>タグが追加されています。 この<video>タグを使用することで、ユーザーにプラグインをインストールしてもらうことなく、 HTMLからシンプルに動画を扱えるようになります。 感覚的には<img>タグで画像を扱うような感じです。 <video>タグで文書に動画を埋め込む場合には、例えば以下のように記述します。 とてもシンプルです。 ■ユーザー環境への配慮 <video>タグは、旧いブラウザではサポートされていない場合がありま

  • ルートパスで書かれたhtmlファイルをローカルで確認するには。

    8月は働くよー!お盆休みってなぁに?おいしーの? ボーナスってなぁに?それっておいしーの? さて、Webサイトを作成するときに、ルートパス(絶対パスとまとめられる事もありますが)で記載されてたり、SSIによるインクルードをしてたり、デフォルトインデックスのファイル名(index.htmlとか)を省略してたりすると、そのままローカルで確認するには不便があったり、場合によってはそもそも確認できない訳です。 そういう場合に、じゃあどうやって確認するか。となる訳ですが、毎回テストサーバとかにアップロードして確認していたら効率が悪いので、自分のPCWindowsとして)で確認できたら嬉しいですよね! じゃあ、どうしたら良いかって言うと、やっぱりWebサーバをローカルで構築するのが一番良いのかなと。 そうすると、自分のPCでちゃんと見れちゃう訳です。ンマーなんて素敵! で、Webサーバって聞くと、サ

    ルートパスで書かれたhtmlファイルをローカルで確認するには。
  • 初級ホームページ作成講座|CGIお問合わせフォーム設置

    CGIを利用したフォームメールについての解説です。今回、無料で配布されている KENT-WEB のpostmailを使って解説いたします。当サイトでもお世話になってます。 尚、ダウンロード方法及び設定に関しては当サイトでは解説していません。ダウンロード方法及び設定はKENT-WEBの解説に従って下さい。初心者の方でもすぐに利用できるとても優しい解説を添付しておられます。 今回の指定に関する前提条件 XHTMLソースは<form></form>間のみの解説 デザインに関しては外部CSSを利用(フォームに#formmailとセレクタを指定しています) 入力用ページのみ解説 各サンプル目次 tebleタグで作成する dlタグで作成する dlタグで作成する-2 ダウンロード時のXHTMLソース 一部についての変更解説です。 <?xml version="1.0" encoding="Shift_J

  • webサイト|一人前のwebデザイナーを目指して|web notebook

    Dreamweaverのコードビューを使って文書構造から手打ちで制作しています HTMLの検証は「Another HTML-lint gatewayCSSの検証は「CSS Validation Service」 オリジナルサイ Illustratorにてカンプ作成後、Dreamweaverのコードビューを使って手打ちで制作しました ≪制作ポイント≫ 初めてのお客様でも安心していただけるサロンをイメージして制作しました HOME/CONCEPT/MENU/STAFF/ACCESS/CONTACTの6ページを作成しました ≪JavaScript≫ グローバルナビゲーションの画像置換は「rollover.js」を使用しています パングスリストは「jquery.jBreadCrumb.js」を使用しています ページ内をスムーズにスクロールできる「jquery.page-scroller-306

    TTTT2
    TTTT2 2011/01/13
  • ホームページを作る前に - 超初心者のためのホームページ作成講座

    ■ メモ帳に書いてみよう ホームページはテキストエディタがあれば簡単に作ることが出来ます。 テキストエディタというのは、Windows の場合メモ帳 です。メモ帳に、「ある規則」に従って文字や記号を書き込んでいけばホームページを作ることが出来ます。 この「ある規則」というのが、HTML と呼ばれるものです。HTML が出てくると、ホームページ作成講座っぽいですね。 HTML というのは HyperText Markup Language の略です。ハイパーテキストというのは、「文字を超越した」、マークアップが「印付け」、ランゲージは「言語」です。印を付けることで文字を超越することができるみたいです。 文字を超越するというのは、単なる文字の羅列ではなく、色を付けたり、大きさを変えたり、はたまた他のページへジャンプしたり、画像を貼り付けるといったさまざまな機能を実現することです。テキストに印を

    TTTT2
    TTTT2 2010/11/04
  • home page text2

    TTTT2
    TTTT2 2010/10/29
  • 基本的な説明 ①

    HTML文章(HTMLソース)は、タグと言うものを使って書いていきます。 < と > で囲まれたものをタグと言います。<タグ名>←のようにタグを書きます。 タグは基的に開始タグ(始まりのタグ)と終了タグ(終わりのタグ)に分かれています。開始のタグは<タグ名>のように書き、終了タグは</タグ名>開始タグと終了タグでひとつのセットになります。

    TTTT2
    TTTT2 2010/07/21
  • VBAであるサイトの自動ログインをしたいのですが。うまくできません。ご教授ください。よろしくお願いします。 - 下記はとあるサイ... - Yahoo!知恵袋

    VBAであるサイトの自動ログインをしたいのですが。うまくできません。ご教授ください。よろしくお願いします。 VBAであるサイトの自動ログインをしたいのですが。うまくできません。ご教授ください。よろしくお願いします。 下記はとあるサイトで紹介されているプログラムです。 (自動ログインしてそのサイトのソースをエクセルシートに貼り付けるもののようです。) このプロブラムを下記サイトでつかいたいのです。 ttps://www.so-net.ne.jp/bitway2/cgi-bin/enter.cgi? CID=3K0020001&TURL=/pachinow/index.jsp&RURL=http://www.so- net.ne.jp/bitway/pachinow/index.html&HURL=http://www.so-net.ne.jp/&AID=1013 --------------

    VBAであるサイトの自動ログインをしたいのですが。うまくできません。ご教授ください。よろしくお願いします。 - 下記はとあるサイ... - Yahoo!知恵袋
    TTTT2
    TTTT2 2010/06/08
  • iMovieで教えてください。 - iMovieで、場面転換、エフェクトを増やす事はできないのでしょうか?また、iMov... - Yahoo!知恵袋

    i Movieを標準装備しているMacユーザーのご質問者さんは、動画編集に関しては、Windwsユーザーの方々からは、i Movie と同等の動画編集ソフトを手に入れようと思えば、それなりの出費を強いられると思いますので、羨ましがられる環境にあると思います。よくプロの方々がお書きになっているプレゼンテーションや動画編集のレシピを読んでみると、トランジションやエフェクトは、極力控えて、効果的に使うと締まりのあるいいものが出来る。という様な事を書かれていますが、稚拙ながら私も同感で、トランジションやビルド時のエフェクトは決まった一つのパターンで統一するとか、一定の決まりを作り、ポイント的な場面に特徴のあるトランジション・エフェクトを使う様にしています。でないと作る方も見る方もすぐに飽きてしまう気がします。要は、編集効果がメインではないので、映像・プレゼンテーションをあくまでも演出する様に心掛け

    iMovieで教えてください。 - iMovieで、場面転換、エフェクトを増やす事はできないのでしょうか?また、iMov... - Yahoo!知恵袋
    TTTT2
    TTTT2 2010/06/08
  • プロキシ収集ソフトが欲しい。

    インターネット広告・アフィリエイト アフェリエイトサイト 作成について 5 2022/05/13 21:31 ドライブ・ストレージ PCの移行についてやることを教えて下さい 4 2022/07/11 08:33 画像編集・動画編集・音楽編集 3時間超の動画をトリミングできる無料ソフト 5 2023/05/17 00:31 2ちゃんねる プロキシ刺しても接続できない… 1 2022/09/28 21:16 画像編集・動画編集・音楽編集 AdobePremierProとFilmora以外で自動文字起こしが使える動画編集ソフト 2 2023/04/04 21:26 Photoshop(フォトショップ) 画像の加工に詳しい方。付属画像のように電子画面??のようなフィルターを掛けたいです。 3 2023/04/15 18:27 ドメイン・サーバー・クラウドサービス パソコン歴だけは長いけど技術の進歩

    プロキシ収集ソフトが欲しい。
    TTTT2
    TTTT2 2010/06/04
  • VBAでサイトに自動ログイン&HTMLソースの取得 - パソコンQ&A

    VBAでログインしたページのHTMLソースを自動で「Sheet1」の「A1」セルに入力してみます。 VBA(Visual Basic for Applications)とは、簡単に言うとExcelのマクロです。 株の自動売買システムの初歩として最初のステップとして利用できます。 いくつものフリーメールを使ってる場合などにもどうでしょうか。 ただしサイト側のログインフォームが変わってしまったら修正が必要となります。 システムを変更するのは大変なので、デザインが変わってもFORMタグの構成は変わることは少ないです。 また証券会社のサイトなどでは、自動取引をしている人がいるのを知っていますから変更はあまりないみたいですね。 Sub test() Dim objIE As Object Dim URL01 As String Set objIE = CreateObject("InternetEx

  • 【HTMLタグの簡単検索】TAG index - ホームページ作成情報

    リファレンスについて HTML リファレンス HTML Living Standardに対応したリファレンスです。 HTMLタグ リファレンス HTML4の時代に作成したリファレンスです。古いWebページを更新する際などに参考にしてください。 CSS リファレンス CSS2の時代に作成したリファレンスです。

    【HTMLタグの簡単検索】TAG index - ホームページ作成情報
    TTTT2
    TTTT2 2010/02/18
  • 1