HTML+CSSコーディングが10倍速くなるZen Coding

Zen Codingでリンクを作成する

ページ

Zen Codingでリンクを作成する

ほかのページやサイトへ移動するためのリンクも、Webページによく入れるもののひとつです。

HTMLでは、「<a href="リンク先のURI"></a>」と記述します。

Zen Codingでは、aタグの省略形は「a」となっています。

省略形「a」を入力して展開すると「<a href=""></a>」となるので、href属性にリンク先のURI、aタグの開始タグと終了タグの間にリンクテキストを入力します。

  1. 省略形の入力

    省略形「a」を入力する。

    省略形の入力
  2. 省略形の展開

    ショートカットキーで展開する。

  3. コードが展開された

    「a」が「<a href=""></a>」と展開されている。

    コードが展開された
  4. リンクの内容の入力

    「"」と「"」の間にリンク先URI、<a href="">と</a>の間にリンクテキストを入力する。

    <p><a href="continue.html">続きを読む</a></p>
    リンクの内容の入力

ページ

HTML+CSSコーディングが10倍速くなるZen Coding
  • HTML+CSSコーディングが10倍速くなるZen Coding
  • こもり まさあき・岡部 和昌 著
  • ISBNコード
    978-4-8443-2945-9
  • インプレス

この記事は、書籍『HTML+CSSコーディングが10倍速くなるZen Coding』の内容の一部を、Web担向けに特別にオンラインで公開しているものです。

ネットで話題の"究極の超速コーディング"がだれでもマスターできる!

めんどうなタグ入力も、一瞬でラクラク変換! Zen Codingを使えば、かんたんな「省略形」だけでHTML/CSSタグがどんどん入力でき、複雑なHTML/CSSも、あっという間にコーディング可能です!同じタグの繰り返しや入れ子構造、連番も一発で自動変換。Webページ制作が画期的にスピードアップできます。 日々大量のタグを打つWebデザイナー、マークアップエンジニア、サイト更新担当者らが泣いて喜ぶマジックツール、Zen Codingのはじめての解説書です。

この記事が役に立ったらシェア!
みんなが読んでるWeb担メルマガで、あなたも最新情報をチェック
  • SEOやデジタルマーケの最新情報をゲット
  • 事例やインタビューも見逃さない
  • 要チェックのセミナー情報も届く
みんなが読んでるWeb担メルマガで、あなたも最新情報をチェック
  • SEOやデジタルマーケの最新情報をゲット
  • 事例やインタビューも見逃さない
  • 要チェックのセミナー情報も届く

今日の用語

オーガニック検索
検索結果ページに表示されるもののうち、検索連動型広告などの広告表示を除いた、いわ ...→用語集へ

連載/特集コーナーから探す

インフォメーション

Web担のメルマガを購読しませんか?
Web担の記事がコンパクトに毎週届くメールマガジン「Web担ウィークリー」は、10万人が読んでいる人気メルマガ。忙しいあなたの情報収集力をアップさせる強い味方で、お得な情報もいち早く入手できます。

Web担に広告を掲載しませんか?
購読者数10万人のメールマガジン広告をはじめとする広告サービスで、御社の認知向上やセミナー集客を強力にお手伝いいたします。

サイトマップ
RSSフィード


Web担を応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]