HTML超入門 リスト編

リストタグとは

リストとは箇条書きなど、同列の情報を列挙したものを意味します。

HTMLには、このリストを意味するタグがあります。
リスト全体を表す ulタグ と olタグ と、各アイテムを表すliタグです。

それぞれ以下の意味します。

  • ol:Ordered List(番号付きリスト)
  • ul:Unordered List(番号なしリスト)
  • li:List Item

この、olタグ、または、ulタグの開始タグと終了タグでliタグを囲みます。
すると各liタグに書かれた内容がリストとして表示されます。

実際に記述してみると以下の形になります。

<ol>
  <li>ひとつめー</li>
  <li>ふたつめー</li>
  <li>みっつめー</li>
</ol>

とやると、

1. ひとつめー
2. ふたつめー
3. みっつめー

というリストになります!

HTML超入門 テーブル編

テーブルは<table>タグ、<tr>タグ、<td>タグ、を使います。

それぞれのタグの意味は以下です。

table:テーブル全体を表すタグ
tr:テーブル内の一つの行を表すタグ
td:行の中の一つのマスを表すタグ

具体的には以下のように記載します。

<table>
<tr>
<td>にんじん</td>
<td>オレンジ</td>
<td>野菜</p>
</tr>
<tr>
<td>りんご</td>
<td>レッド</td>
<td>果物</td>
</tr>
</table>

ただこれだと各列が何を意味しているかわからないため、表の最初の行を各列のタイトルにします。
表題を入れるマスには td タグではなく、thタグを使います。

以下のようになります。

<table>
<tr>
<th>名前</th>
<th>色</th>
<th>カテゴリ</th>
</tr>
<tr>
<td>にんじん</td>
<td>オレンジ</td>
<td>野菜</p>
</tr>
<tr>
<td>りんご</td>
<td>レッド</td>
<td>果物</td>
</tr>
</table>

これで、各列が何なのかわるようになりました。
表題のマスは通常のマスと比べ、文字が太くなっていたり中央揃えだったりと、見え方が変わります。

このようにしてテーブルはいくつかのタグを組み合わせて表現します。

HTML超入門 – HTMLとは

HTMLとはなにか?

HTMLとはウェブページを作るためのものです。

具体的にはHTMLタグを使って、ウェブページに記載した文書や単語に意味付けをおこないます。

例えば、以下のような感じです。

<h2>タイトル</h2>
<p>本文ですですですです。<p>
<p>本文のつづきですです。</p>

上記の「<h2>」や「<p>」が、HTMLタグになります。

タグには、「開始タグ」と「終了タグ」があり、開始タグと終了タグで対象のテキストを囲むのが基本になります。

<h2>は、「見出し」を意味するHTMLタグです。

<p>はpalagraphなので、「段落」を表します。

それぞれ、</h2>, </p>という終了タグで閉じてます。

こんな感じでそれぞれ意味を持ったHTMLタグがいくつか種類があります。

これらのタグを使って、タイトルや段落、リストやテーブルを意味付けすることで、HTMLで書かれたウェブページは作られてます。

以下は、あるページのファイルの中身です。
ウェブページはこのようにHTMLタグで記述されてます。

<html>
<head>
<title>今日の出来事</title>
</head>
<body>
<h1>今日の出来事</h1>
<p>
今日は運が良いのか悪いのか、珍しいことが3つも起こりましたので紹介します。</p>

<h2>100円拾った</h2>
<p>
自販機でオランジーナを買って取り出そうとしたら100玉が落ちてたので拾った。ゲーセンのコインだった。
</p>

<h2>芸能人を発見した</h2>
<p>
銀座に昼飯を食いに行ったら堀北真希がいた。ホラン千秋だった。損した気分がした。
</p>

<h2>ガムを踏んだ</h2>
<p>
うん◯じゃなくてラッキーと思うことにした。超ポジティブ。
</p>

</body>
</html>

LINE乗っ取り問題の対策

いま、世間ではLINEのアカウントの乗っ取りが問題になっており、その乗っ取られたアカウントで、LINEで繋がった友達に詐欺行為を働く事例が増えてます。

LINEで繋がった友達からの金銭の要求や怪しい依頼があった場合は、相手が本人かどうかをメールなどの別の手段で確認しましょう!

この問題の対策の為に、LINEはログイン時のセキュリティを強化すると発表してます。
具体的には、いままでのログイン手順にPINコードの入力が追加されるとのこと。(設定しなければ今まで通りだお思われる)

 具体的に、PINコードを設定するには、17日午後3時以降にスマートフォン版LINEアプリで「その他」-「設定」-「アカウント」-「PINコード」とタップしてPINコード登録画面を呼び出し、4桁の数字を登録すればよい(図)。以後、第三者が別のスマートフォンでログインしようとした際には、認証途中にPINコードの入力を求める画面が表示されるようになる。

http://itpro.nikkeibp.co.jp/atcl/news/14/071500067/

Google glass のパートナー会社を発表!

google が、ウェアラブル機器である google glassの認定パートナーを発表しました!

残念ながら日本企業はなし!

—————————————————-
 今回、Glass at Workで正式認定したパートナー「Glass at Work Certified Partners」の第1弾として、米APX、米Augmedix、 米CrowdOptic、米GuidiGO、米Wearable IntelligenceをGlass at Workの専用サイト紹介した。
—————————————————-