トップ 新規 編集 差分 一覧 ソース 検索 ヘルプ PDF RSS ログイン

調べ学習_HTML

???サービスの解説


 調査担当者

ok田

 HTMLとは


ウェブページを作成するために開発された言語 HyperText Markup Language

 HTMLの特徴

利点

  1. コンピューターに読み取らせる共通言語として<見出し>等をつけることで、コンピューターが情報内容の構造を理解することができる。

Google等で検索した際、自動で関連するページが表示される

  1. ハイパーリンクを活用し、情報を整理できる

 HTMLの応用

向く分野

リンクなど、関連性を多数表示したい企業webページなど

向かない分野

以下の欠点があるため、めんどくさがり屋の素人の作成するwebページなど
・一つの入力ミスでページが表示されないなどという欠点があるため
・入力後に形が崩れてないかとか、ページが重くなってないか、ちゃんとリンクが張れているかなどを自分で確認しなければならない

 HTMLと組み合わせると有効的なもの



・Java Script
webページでの写真や文章タイトルなどの動きなどを指定する。



例1:現在日時を表示する

<html>
<head>
<title>TAG index Webサイト</title>
</head>
<body>
<script type="text/javascript">
<!--
var now = new Date();
document.write(now.toLocaleString());
</script>
</body>
</html>

例2:おみくじ

<html>
<head>
<title>TAG index Webサイト</title>
</head>
<body>
<script type="text/javascript">
<!--
var msg = new Array();
msg[0] = '<b>大吉</b> … 大吉です。';
msg[1] = '<b>中吉</b> … 中吉です。';
msg[2] = '<b>吉</b> … 吉です。';
msg[3] = '<b>小吉</b> … 小吉。';
msg[4] = '<b>末吉</b> … 末吉です。';
msg[5] = '<b>凶</b> … 凶です。';
msg[6] = '<b>大凶</b> … 大凶です。';
var no = Math.floor(Math.random() * msg.length);
document.write(msg[no]);
</script>
</body>
</html>







・CSS
webサイト上の文字の表示などを指定する。(色・大きさなど)

例1:マウスカーソルを変化させる

{ cursor: wait; }


例2:背景や文字の色を設定する

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>背景と文字の色</title>
<style type="text/css">
body {
background-color: #0000ff;
color: #b5a642;
}
</style>
</head>
<body>
背景の色と文字の色を指定しています。
</body>
</html>



 コメント

お名前: コメント:
おみくじ.txt 現在時刻.txt 背景の色.txt

最終更新時間:2018年01月18日 10時52分36秒