タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

tutorialとTutorialとHTMLに関するtyosuke2011のブックマーク (6)

  • HTML: コンテンツの作成 - ウェブ開発の学習 | MDN

    この段落要素についてもう少し詳しく見ていきましょう。 要素は主に以下のようなもので構成されています。 開始タグ (opening tag): これは、要素の名前(この場合は p)を山括弧で囲んだものです。どこから要素が始まっているのか、どこから効果が始まるのかを表します。 — 今回の場合どこから段落が始まるかを表しています。 終了タグ (closing tag): これは、要素名の前にスラッシュが入っていることを除いて開始タグと同じです。どこで要素が終わるのかを表しています。 — この場合は、段落が終わる場所を表します。終了タグの書き忘れは、初心者のよくある間違いで、おかしな結果になることがあります。 コンテンツ (content): 要素の内容です。今回の場合はただのテキストです。 要素 (element): 開始タグ、終了タグ、コンテンツで要素を構成します。 要素には属性 (attri

    HTML: コンテンツの作成 - ウェブ開発の学習 | MDN
  • HTML によるコンテンツの構造化 - ウェブ開発の学習 | MDN

    次のページ HTML は、あらゆるウェブサイトのコンテンツと構造を定義する技術です。適切に記述すれば、コンテンツの意味(意味論)を機械が読み取り可能な方法で定義することもでき、これはアクセシビリティ、検索エンジン最適化、ブラウザーが提供する組み込み機能を使用してコンテンツを最適化するために不可欠です。段落、リスト、見出し、リンク、画像、マルチメディアプレーヤー、フォーム、又は他の数多くの要素の一つ、又はユーザーが定義した新しい要素などです。 このモジュールを始める前には、少なくともコンピューターを使用すること、ウェブを受動的(つまり、ただ見ていく、コンテンツを消費していく)に使用することについて基的な知識がある必要があります。基的なソフトウェアのインストールで詳しく説明されているように、基的な動作環境を設定し、ファイルの作成と管理する方法を理解している必要があり、これはファイルの扱い

    HTML によるコンテンツの構造化 - ウェブ開発の学習 | MDN
  • Google Maps APIを使ったページの基本構成 | Google Maps JavaScript API入門

    Google Maps APIを使うことでWebページの中に地図を使ったコンテンツを表示することができます。ここではGoogle Maps APIを実際に使ったWebページの簡単な例をご紹介します。 1.Google Maps APIを使ったWebページの構成 2.サンプルコード Google Maps APIを使ったWebページの構成 まず元となるWebページとして次のようなものを使います。HTML5ベースです。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>Google Maps API サンプル</title> </head> <body> <p>自宅の地図です。</p> </body> </html> 地図を表示したい場所に「map」という名前でdiv要素を記述します。このdiv要素があと

  • HTMLを効率よく書く!Emmetの書き方・使い方まとめ

    コードエディターにはHTMLCSSを効率良く編集する方法でも書いたように、コードの自動補完などの機能が備わっています。これらの機能を使うことで効率良くコードを記述することができるのですが、ここではさらに効率アップできるEmmetを使ってみます。 Emmetを使うとHTMLタグを記述する際に必要な< >などを省略したり、長いHTMK構造をたった数行で書くことができるようになります。慣れるとこれ以外で書くのがめんどくさくなるというデメリットがありますが、とにかく効率良く記述できるのでまだ使ってない人は是非使ってみて下さい。 EmmetにはHTMLCSSがありますが、ここではHTMLの記述方法を紹介します。 CSS編はこちら -> CSSを効率良く書く!Emmetの書き方・使い方まとめ Emmetのインストール方法 コードエディターにEmmetをインストールする Emmetはコードエディター

    HTMLを効率よく書く!Emmetの書き方・使い方まとめ
  • はじめてWordPressのオリジナルテーマを作るときの参考になればと思って書きました(サンプルダウンロード)

    初めて WordPress でオリジナルテーマを作ろうと思ったとき、真っ先に参考にしたいのが公式のデフォルトテーマだと思います。でも最近のデフォルトテーマは、ちょっといろいろな機能もついていて複雑な構造をしています...。今回は初めて WordPress でオリジナルテーマを作りたい!っていう人向けに、シンプルなテーマをもとに制作フローをまとめてみました。サンプルはダウンロードしてご活用ください。 WordPress もバージョンアップを重ねて、最近では 3.5 になりました。それに伴ってデフォルトのテーマも、新しい TwentyTwelve になりました(2013年 1月現在)。WordPress で初めて自分だけのオリジナルテーマを作ろうと思うと、まず最初に参考にしたいのがデフォルトテーマ …。でも最近のデフォルトテーマは、ちょっと難しい構造になってる … と思ったりしませんか? 私が

  • W3Schools.com

    W3Schools offers a wide range of services and products for beginners and professionals, helping millions of people everyday to learn and master new skills. Free Tutorials Enjoy our free tutorials like millions of other internet users since 1999

    W3Schools.com
  • 1