おなかはすいたし、特に話題もないんで・・・今日は、基本のHTMLをかくよ。
ZENで少し勉強したので、タグとかにその名残があるよ。
メイリオがすきだよ。
自分とこのHPは・・・結構昔につくったんで、ガタガタだけどね・・・。
でも、基本ってのも、ちょこちょこ変わるんだよね。
とりあえず、今現在、最新の自分の基本HTMLです。
あ、本当はEUCなんですけどね。まぁいいよね。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>TITLE</title>
<META name="keywords" content="a,b,c,d,e,f,g,h,i,j" lang="ja">
<META name="description" content="ホームページの簡易説明">
<META name="identifier" content="http://www.aiueo.com/">
<META http-equiv="Content-Script-Type" content="text/javascript">
<style type="text/css">
<!--
body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li,
brockquote pre table caption address form fieldset legend, object {
margin: 0;
padding: 0;
}
table{
border-collapse:collapse;
border-spacing:0;
font-size : 1em;
line-height:1.5;
}
BODY{
padding : 0px;
margin : 0px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, "Hiragino KakuGothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
text-align : center;
font-size : 0.8em;
line-height:1.5;
}
a{
color : gray;
text-decoration : none;
}
a:visited{
color : gray;
}
a:hover{
color : #ff8040;
text-decoration : underline;
}
.clear{
clear : both;
width : 100%;
}
.text_left{
text-align:left;
}
.text_center{
text-align:center;
}
.text_right{
text-align:right;
}
#what{
padding : 0;
margin : 0;
}
#what ul{
padding : 0px;
list-style-type : none;
margin : 0 10px;
text-align : left;
}
#what li{
padding : 0;
}
#what ul li p{
padding:0;
margin : -1.4em 0px 5px 6em;
}
-->
</style>
</head>
<body>
<div id="container">container
<div id="intro">intro
<div id="pageheader">pageHeader
<h1><span>H1</span></h1>
<h2><span>H2</span></h2>
<div id="quickSummary">quickSummary 補助文章</div>
</div>
</div>
<div id="menu">
<div id="menu_in">
<ul>
<li><a href="./"><span>menu</span></a></li>
<li><a href="./"><span>menu_in</span></a></li>
</ul>
</div>
</div>
<div id="preamble"><div id="preamble_in">preamble
<div id="what">
<ul>
<li>05月25日
<p>ホームページをリニューアルしました。</p>
</ul>
</div>
</div></div>
<div id="footer"><div id="copy">Copyright(C) 社名. All Rights Reserved.</div></div>
</div>
</body>
</html>
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>TITLE</title>
<META name="keywords" content="a,b,c,d,e,f,g,h,i,j" lang="ja">
<META name="description" content="ホームページの簡易説明">
<META name="identifier" content="http://www.aiueo.com/">
<META http-equiv="Content-Script-Type" content="text/javascript">
<style type="text/css">
<!--
body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li,
brockquote pre table caption address form fieldset legend, object {
margin: 0;
padding: 0;
}
table{
border-collapse:collapse;
border-spacing:0;
font-size : 1em;
line-height:1.5;
}
BODY{
padding : 0px;
margin : 0px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, "Hiragino KakuGothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
text-align : center;
font-size : 0.8em;
line-height:1.5;
}
a{
color : gray;
text-decoration : none;
}
a:visited{
color : gray;
}
a:hover{
color : #ff8040;
text-decoration : underline;
}
.clear{
clear : both;
width : 100%;
}
.text_left{
text-align:left;
}
.text_center{
text-align:center;
}
.text_right{
text-align:right;
}
#what{
padding : 0;
margin : 0;
}
#what ul{
padding : 0px;
list-style-type : none;
margin : 0 10px;
text-align : left;
}
#what li{
padding : 0;
}
#what ul li p{
padding:0;
margin : -1.4em 0px 5px 6em;
}
-->
</style>
</head>
<body>
<div id="container">container
<div id="intro">intro
<div id="pageheader">pageHeader
<h1><span>H1</span></h1>
<h2><span>H2</span></h2>
<div id="quickSummary">quickSummary 補助文章</div>
</div>
</div>
<div id="menu">
<div id="menu_in">
<ul>
<li><a href="./"><span>menu</span></a></li>
<li><a href="./"><span>menu_in</span></a></li>
</ul>
</div>
</div>
<div id="preamble"><div id="preamble_in">preamble
<div id="what">
<ul>
<li>05月25日
<p>ホームページをリニューアルしました。</p>
</ul>
</div>
</div></div>
<div id="footer"><div id="copy">Copyright(C) 社名. All Rights Reserved.</div></div>
</div>
</body>
</html>
PR