HTML
をテンプレートにして作成
LECTURE
担当科目一覧
コンピュータ概論/2024
データサイエンス/2024
3DCG演習/2024
情報デザイン研究/2024
卒業研究/2024
KEYWORDS
WEB DESIGN
SOCIAL DESIGN
SQUARES
LINKS
九州産業大学
芸術学部
芸術研究科
九産大美術館
九産大図書館
年間スケジュール
動画ニュース他
交通情報
気象・環境情報
危機に備えて
K'sLife
Office365Mail
Tools
SEARCH
開始行:
*Hyper Text Markup Language
[[HTML]]｜[[HTML/Tags]]｜[[HTML/Sample]]｜[[HTML/Tips]]
~
***はじめに
HyperText Markup Language（ハイパーテキスト マークアップ ...
HTMLファイルは、ごく普通のテキストファイル（文字が並ん...
~
***MENU
#contents2_1
~
**HTMLの基本構造
ひとつのHTMLファイル、すなわちひとつのWebページは、
おおよそ以下のような構造のソースコードで記述されています。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset = "UTF-8">
<title>Sample Page</title>
</head>
<body>
<h1>見出し</h1>
<p>
本文
</p>
</body>
</html>
~
***＜!DOCTYPE html＞
ドキュメントタイプ宣言。標準準拠モード(Standard Mode)のHT...
~
***＜html＞ ～ ＜/html＞
HTML文書の最上位階層(ルート)要素です。ページ全体は<html>...
この中に head と body の２つが入りますが、head も body ...
~
***＜head＞ ～ ＜/head＞
ページに関する付加情報(メタデータ)を記述する部分です。ペ...
~
***＜body＞ ～ ＜/body＞
ページのコンテンツです。ブラウザに表示されるすべての要素...
~
~
**タグと属性
***開始タグと終了タグ
HTMLの記述では、文章（文字列）要素を「開始タグ」と「終了...
<要素名>文章</要素名>
''参考''：HTML5で閉じタグを書かないもの一覧
br,img,hr,meta,input,embed,area,base,col,keygen,link,par...
~
***属性情報
タグには、属性情報（複数可）を与えることができます。
<要素名 属性名 =値 属性名 =値 ・・>文章</要素名>
~
~
**グローバル属性
属性はタグによって使えるものが異なりますが、すべての要素...
~
***id ="名前"
ページ上で唯一の要素にを指す固有名で、CSSのセレクタになり...
id名は、以下のようにしてページ内リンクに使うことができま...
<div id="pageTop"> </div>
:
<a href="#pageTop">ページの先頭へ</a>
~
***class ="名前"
ページ上で複数の要素に適用できる分類名で、CSSのセレクタに...
~
***style ="スタイル記述"
CSSを直接書き込む場合に使用 例：<p style="color:red;">文...
~
***title ="表題"
表題や説明フレーズが入ります
~
***lang ="言語コード"
日本語のページであれば、言語コードは ja 例：＜html lang...
~
~
**HTMLタグ
ページを独立させました ＞ [[HTML/Tags]]
~
-[[GoogleImage:HTML5 コンテンツモデル]]
-[[GoogleImage:HTML5 Semantic]]
~
~
終了行:
*Hyper Text Markup Language
[[HTML]]｜[[HTML/Tags]]｜[[HTML/Sample]]｜[[HTML/Tips]]
~
***はじめに
HyperText Markup Language（ハイパーテキスト マークアップ ...
HTMLファイルは、ごく普通のテキストファイル（文字が並ん...
~
***MENU
#contents2_1
~
**HTMLの基本構造
ひとつのHTMLファイル、すなわちひとつのWebページは、
おおよそ以下のような構造のソースコードで記述されています。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset = "UTF-8">
<title>Sample Page</title>
</head>
<body>
<h1>見出し</h1>
<p>
本文
</p>
</body>
</html>
~
***＜!DOCTYPE html＞
ドキュメントタイプ宣言。標準準拠モード(Standard Mode)のHT...
~
***＜html＞ ～ ＜/html＞
HTML文書の最上位階層(ルート)要素です。ページ全体は<html>...
この中に head と body の２つが入りますが、head も body ...
~
***＜head＞ ～ ＜/head＞
ページに関する付加情報(メタデータ)を記述する部分です。ペ...
~
***＜body＞ ～ ＜/body＞
ページのコンテンツです。ブラウザに表示されるすべての要素...
~
~
**タグと属性
***開始タグと終了タグ
HTMLの記述では、文章（文字列）要素を「開始タグ」と「終了...
<要素名>文章</要素名>
''参考''：HTML5で閉じタグを書かないもの一覧
br,img,hr,meta,input,embed,area,base,col,keygen,link,par...
~
***属性情報
タグには、属性情報（複数可）を与えることができます。
<要素名 属性名 =値 属性名 =値 ・・>文章</要素名>
~
~
**グローバル属性
属性はタグによって使えるものが異なりますが、すべての要素...
~
***id ="名前"
ページ上で唯一の要素にを指す固有名で、CSSのセレクタになり...
id名は、以下のようにしてページ内リンクに使うことができま...
<div id="pageTop"> </div>
:
<a href="#pageTop">ページの先頭へ</a>
~
***class ="名前"
ページ上で複数の要素に適用できる分類名で、CSSのセレクタに...
~
***style ="スタイル記述"
CSSを直接書き込む場合に使用 例：<p style="color:red;">文...
~
***title ="表題"
表題や説明フレーズが入ります
~
***lang ="言語コード"
日本語のページであれば、言語コードは ja 例：＜html lang...
~
~
**HTMLタグ
ページを独立させました ＞ [[HTML/Tags]]
~
-[[GoogleImage:HTML5 コンテンツモデル]]
-[[GoogleImage:HTML5 Semantic]]
~
~
ページ名:
