ハイパーテキストマークアップ言語 HTML5 の実装
HTML5です。ハイパーテキストマークアップ言語
html5: フォーマットされたものでなく、あるものを表現するために
マークアップ
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
<meta charet=utf-8>
</head>
<body>
My first html page
</body>
</html>
ブラウザはネイティブコードに従ってhtmlをパースする
段落（通常のブラウザでは改行なし）
段落の分割
--段落、最終レンダリング（空白行の有無など、ブラウザの判断による。）
段落内分岐
<br>
エンドマーカーなし
第一階層タイトル
<h1></h1>
で、6段階の見出しとして使用でき、数字が大きくなると文字が小さくなります（自動改行が組み込まれています）。
単語の分割
<wbr></wbr>
は、単語を分割して正しく整列させることができることをブラウザに知らせます。
連続する2レベルの見出し
<hgroup></hgroup>
<hgroup>
<h1>I like</h1>
<h2>You</h2>
</hgroup>
<b></b>
フォントスタイル
太字
<i></i>
イタリック体
<tt></tt>
ネスト可能
タイプライターフォント
<small></small>
単語削減
<del></del>
削除
<ins><ins>
追加
<s></s>
を提唱していない。
<sup></sup>
delと同様の効果があります。
上付き文字(四角)
<sub></sub>
添え字
<mark><mark>
ハイライト
<em></em>
フレーズ形式
強調表示
<strong></strong>
強調表示
<dfn></dfn>
定義
<code></code>
, コード（小段落）
<samp></samp>
, サンプルコード
<kbd></kbd>
, ユーザーの入力
<var></var>
, 変数
<cite></cite>
リファレンス
<address></address>
特殊なフォーマット
住所
<blockquote></blockquote>
インデント(入れ子可能)
<q></q>
スモールクォート
<pre></pre>
再フォーマットなし（元の書式を表示可能）
<hr>
属性
分割行を追加する
<hr width=50%>
のように、閉じ記号を使用しないでください。
<abbr title="People's Republic of China">PRC</abbr>
(width=50、50ピクセル）、分割行の長さはページの50％、高さsize=10、align=最左、省略形
title=""
すべてのタグの後に
<bdo dir=rtl><bdi></bdi></bdo>
マウスオーバーでテキストが表示される
a<2
右から左へのテキスト
小なり記号／大なり記号：a<2--。
a>2
,a>2-
&
,&:
, アンブレイカブルスペース
ü
ü--
ü.
,Ü--
<ul>
リスト
テキストの前に-を形成する（テキストの前に番号を形成する、すなわち
<ol>
は
<ul>
<li>black tea</li>
<li>Coke</li>
</ul>
)
<ol strart=-1>
を使用する場合
<dl>
<dt>square of sugar</dt>
<dd> square of sugar, sweet</dd>
</dl>
の場合、最初のアイテムマーカーは-1
砂糖の正方形、甘いという言葉を形成しています。
<img src="mama.jpg(can add URLs of other sites)" width="200" alt="mama"(put at the bottom of the image so it doesn't load)/>
画像
は、htmlでは左から右に並んだ文字と見なします。
<iframe src="http://... .com"><iframe>
属性の値は、伝統的に引用され、gif、jpg、png他のフォーマットは、必ずしもブラウザで見ることができない、ページを追加します。
<a href="http: " (protocol is very important, if not will look for the current directory)>NetEase News</a>
幅と高さの属性を追加することができます。
リンク
1.
<p>
テキストにハイパーリンクを追加する "ネットイースニュースで"。
2. ページのセクションに移動します。ページのセクションに移動する
<p id="haha">
を持つ段落で
<a href="you.html #haha"> Go to the location of the you page</a>
(h1,h2も使用可能) ハイパーリンク付き
<a href="http://news.163.com" target=-blank(create new blank page)>NetEase News</a>
がある場合
<img src="" width=100 hight=100 usemap="#map" />
グラフィックスにハイパーリンクを作成する
<map name="map">
<area shape="ract" coords="0,0(coordinates),50,50(length&width)" href="http... " alt="news" />
<area shape="circle" coords="75,75,25 (radius)" href="http... " alt="news" />
</map>
<table></table>
テーブル
<thead>
<tbody>
<tfoot>
</tfoot>
</tbody>
</thead>
大きなテーブルには
<table>:no gridlines at this time<table border="1">:gridlines at this time
<tr>a row of the table
<td>ios</td> a cell in a row
<td>yes</td>
<td>yes</td>
</tr>
<thead>
<tr>
<th>OS</th>
<th>Chinese</th>
<th>French</th>
</tr>
</thead>
<table>:no gridlines at this time<table border="1">:gridlines at this time
<tr>a row of the table
<td>ios</td> a cell in a row
<td>yes</td>
<td>yes</td>
</tr>
<thead>
<tr>
<th>OS</th>
<th>Chinese</th>
<th>French</th>
</tr>
</thead>
フォーム`
列の幅は、テーブルに応じて自動的に調整されます
以上、HTML5ハイパーテキストマークアップ言語について解説しました。HTML5 hypertext markup languageについては、Script Houseの過去記事を検索していただくか、引き続き以下の関連記事をご覧ください。
関連
-
html5フォームにおけるrequired属性の使用について
-
html5ジャンプアプレット wx-open-launch-weappは落とし穴に踏み込んだ
-
amazeuiのツリーノード自動展開パネルの実装と、最初のツリーノードの選択
-
キャンバスの内容を消去する（点消去＋線消去）
-
canvasを用いたキャプチャ表示の実装
-
Html5によるマンドモバイル活用の甌穴（おうけつ）踏査
-
Html5ページオープンアプリに関するいくつかの考察
-
postMessageを使用してiframeの高さを適応させる例
-
Canvas wave garlandのサンプルコード
-
HTMLでIMGをDIVコンテナのサイズに自動的に適応させる方法
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン