知らないとまずい？ホームページアドレスの最後の「/」っているの？いらないの？ | コラム | 簡単ホームページとりあえずHP
トップ › コラム › インターネットの基礎知識 › 知らないとまずい？ホームページアドレスの最後の「/」っているの？いらないの？ 知らないとまずい？ホームページアドレスの最後の「/」っているの？いらないの？ ホームページアドレス（URL）の一番後ろにくっついているスラッシュ「/（スラッシュ）」のことを「トレイリングスラッシュ(trailing slash)」といいますが、この「/」は入れたほうがいいのか、入れないほうが良いのか、誰もが1度は疑問に感じたことがあるのではないでしょうか？ 今回は3つのURLを例に、「/（スラッシュ）」あり・なしの違いをお伝えしていきたいと思います。 A. https://●●●.com/▲▲▲/ （スラッシュあり） B. https://●●●.com/▲▲▲（スラッシュなし） C. https://●●●.com/▲▲▲/index.html URLの最後
プロでもあやしい？意外と知らないHTMLタグの読み方 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ディレクターのエリカです。 HTMLは声に出して読めなくても、書ければ良い、と思います。 英単語が読めることと、コーディング能力・プログラミング能力に相関はありません！ しかし作業の中で、当該箇所を口頭で伝える場合もありますよね。 そんな時に初めて、HTMLの読み方の違いに気付くことがあります。 伝わりさえすれば良いと思うのですが、せっかくなので「正しい読み方」と「よくある間違い」をいくつかピックアップしてみました。 HTMLを読むときの参考にしてみてください！ 読みづらい系 widthの読み方 widthの読み方はウィズです。（発音記号はwídθ, wítθ/） よく使うのに高難易度！ 「ワイド」と意味だけ伝えることが多いでしょうか？ heightの読み方 heightの読み方はハイトです。（発音記号はhάɪt） 「ヘイト」と間違えやすいです。気持ちは分かります。 align
HTMLタグ/テーブルタグ/見出しの対象範囲を指定する - TAG index
この属性を指定することで、それがどのデータに対する見出しなのかを明確に示すことができます。 row … そのセルが、横列に対する見出しであることを示します。 col … そのセルが、縦列に対する見出しであることを示します。 rowgroup … そのセルが、行グループ（thead、tfoot、tbody）に対する見出しであることを示します。 colgroup … そのセルが、列グループ（colgroup）に対する見出しであることを示します。
colgroup要素 -- HTML 4.01リファレンス
固有属性 span="グループ化する列数" Strict: ○ | Transitional: ○ | Frameset: ○ たての列を何列分グループ化するかを指定します。値は1以上の整数です。省略した場合は1が指定されたものとみなされます。また、子要素にcol要素を含む場合、この指定は無効になります。 width="幅" Strict: ○ | Transitional: ○ | Frameset: ○ グループ化された列の幅をまとめて設定します。値はピクセル値、パーセント値に加え「2*」のような相対値が使えます。また特別な形として必要最小の幅を表す「0*」が使えます。子要素のcol要素にwidth属性が設定されている場合は、col要素のwidth属性が優先されます。 CSSで代用 colgroup { width: 横幅; } align="行揃え" Strict: ○ | Tran
テーブル -- ごく簡単なHTMLの説明
いくつかの属性とそのサンプルのような、2次元で表現できる情報は「表」の形にまとめると理解しやすくなります。表計算やデータベースでは、横軸に属性（氏名、住所、電話など）をとり、縦軸にサンプル（それぞれの属性を持つメンバー）をとって表現します。リストが「列挙」という形で1次元の情報を表現していたのと対比すると、「表」がふさわしい情報のタイプがよく分かります。 目次： テーブルの基本構成要素 簡単なテーブル 罫線とセルの境界 テーブルの説明 項目名 セルの伸張 セルの背景色 行と列のグループ化 取り上げる要素： table caption tr td th col colgroup thead tbody tfoot HTMLのテーブルはたくさんの要素や属性があって複雑ですが、XHTMLのモジュール化においてBasic Tableと分類されている範囲として、まず項目名あたりまで目を通しておくだけ
10分くらいで分かるXHTML+CSS
このブログをお読みの方には既に不必要かもしれませんが、XHTML 1.0 と CSS 2.1 の入門記事です。 社会人のためのWebデザインスクール 用に作成したプレゼン資料をもとに記事にしています。 授業の時は、先にこの話をしてから XHTML を書いてもらうのではなく、先に HTML/XHTML&スタイルシートレッスンブック―ステップバイステップ形式でマスターできる を読みながら XHTML と CSS で簡単なページを作成してからこの話をしています。 その理由としては、HTML や XHTML を1度も書いたことがない方に「ブロックレベル要素」や「インライン要素」、CSS の「セレクタ」等の話をしても何のことか分かりにくいだろうと考えているからです。 ※この記事は2012年に執筆したものです。現在の 社会人のためのWebデザインスクール では、HTML・CSS コーディングについては
めんどうな作業がわずか数秒に！新人デザイナーが 知らないと一生後悔するExcelを使ったHTML生成
お客さんから送られてきた、Excelデータからせっせとリストや表のHTMLをコーディングしているあなた！そろそろ手がが疲れてきていませんか？ そんなあなたは、この記事で紹介するExcelテクニックをぜひ覚えてください。 面倒な作業が、わずか数秒で終わります！ Excelを使った高速HTML生成 僕たちプログラマーは、ちょっとしたコード生成に、Excelを使います！ DreamweaverでもCSVファイルを取り込むことはできるのですが、<dl>タグでマークアップしたい時とか、カスタマイズしたい場合は、これから紹介するExcelを使った方法が簡単で、効果的です。 さぁ、↓のようなお客さんから送られてきたExcelデータから ... こんな感じの、<dl>タグでマークアップされたHTML生成する流れを説明します。データ数はうんざりするくらいあると思ってください。 Let's Excel 1)
外部phpの読み込み
外部に用意したphpを読み込めるようにします。 ブラウザー表示例 読み込むだけの物ですのでブラウザー表示例はありません。 準備 対象となるもの HTMLファイルが以下のような構文になっているものが対象です。 ここではランダムテキストを例としましたが、 これ以外でももちろんokです。 <?php header("content-type:text/html ; charset=Shift_JIS"); ?> <html> <head> </head> <body> <?php $rndtxt[0]='ランダムテキストその1'; $rndtxt[1]='ランダムテキストその2'; $rndtxt[2]='ランダムテキストその3'; $length=count($rndtxt)-1; srand((double)microtime()*1000000); $num=round(rand(0,$l
[CSS]シンプルなHTMLでタブを角丸にするチュートリアル（イラスト付き）
シンプルなHTMLでどのように角丸のタブを実装するか、分かりやすいイラストを交えたチュートリアルを紹介します。 Tabs with Round Out Borders デモページ [ad#ad-2] HTML HTMLは非常にシンプルで、リスト要素で実装しています。 <ul class="tabs group"> <li class="active"><a href="#one">One</a></li> <li><a href="#two">Two</a></li> <li><a href="#three">Three</a></li> <li><a href="#three">Four</a></li> </ul> classのactiveは、現在のタブを明示するものです。 リスト要素をどのように角丸のタブにするか、イラストでご紹介。
コーディングのスピードを上げる為の6つの方法
2017年7月25日 Webサイト制作, 便利ツール 今より少しでもコーディングを早くできれば、細かいデザインや機能にも時間をかけて取り組めそう…という事で今回はコーディングのスピードを上げるためにできる事を紹介します。便利なツールを使ったり、ちょっとやり方を変えるだけでより早くコーディングができるようになると思います！ ↑私が10年以上利用している会計ソフト！ 1. コーディング手順を簡略化する これは自分のコーディング能力を高めて手順を省く、便利なツールを使って手間を省くという事です。例えば私は昔このような手順でコーディングを進めていました。 CSSのレイアウトをノートに書き出す レイアウト部分（ヘッダー・メイン・サイド・フッター）のHTMLマークアップ CSSでレイアウト部分のスタイリング 表示確認 うまく表示できない箇所の修正 ヘッダー内のHTMLマークアップ CSSでヘッダー内の
ロボット排除 - CyberLibrarian
ロボットまたはクローラー(Crawler)と呼ばれるプログラムは、Webページに記述されているリンクを辿ってサイトを巡回し、自動的にサイト上の文書や画像などを収集、インデキシングしています。Webサーバの管理者やWebサイトの運営者は、自分たちが管理・運営するWebページをWeb検索エンジンに登録されたくない場合などに、ロボットを排除する設定を行うことができます。 現時点では、ロボット排除(Robot Exclusion)に関する公的な標準規格はありません。W3Cが発行しているHTMLの仕様書にはロボット制御の方法に関する記述はありますが、詳細な仕様とはなっていません。robotstxt.orgというサイトで示されている定義がデファクト・スタンダード(事実上の標準)になっており、世界中のほとんどのロボットがこの定義に従って行動しています。 robots.txt ロボットがサイトを訪問すると
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
フリーのデザイン秀逸なHTMLテンプレート４０:phpspot開発日誌
sakurachiro.com
Tattoo Ideas, Trending Hairstyles, Wordpress Themes and More!
CSS3、HTML5、jQuery、デザインなどウェブ制作のテクニックが動画で学べるサイト
http://webcache.googleusercontent.com/search?q=cache:r3lUFsICaWoJ:detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1137382721+%E3%82%B5%E3%82%A4%E3%83%88%E3%80%80%E3%82%A2%E3%83%83%E3%83%97%E3%83%AD%E3%83%BC%E3%83%89%E3%81%99%E3%82%8B%E9%9A%8E%E5%B1%A4&c
【インフォシーク】Infoseek ： 楽天が運営するポータルサイト