HTML文書作成法

ソースを比較してみようかしら。

これを記述した時の、ソースの比較。

　

＜メモ帳＞（手打ち）　自分で打つと不安定性が・・・。

<html>

<head>
<title>鬱色時代にアクセス！</title>
</head>

<p>鬱色時代にアクセス！</p>

<p><a href="https://www.hatosan.com/">https://www.hatosan.com/</a></p>

<p>　</p>

<p align="right">管理人は　ううせいじん</p>

<p align="center">眠い・・・</p>

</body>
</html>

　

＜Front Page Express＞　文字コードがx-sjisのまま。

<html>

<head>
<meta http-equiv="Content-Type"
content="text/html; charset=x-sjis">
<meta name="GENERATOR" content="Microsoft FrontPage Express 2.0">
<title>鬱色時代にアクセス！</title>
</head>

<body bgcolor="#FFFFFF">

<p>鬱色時代にアクセス！</p>

<p><a href="https://www.hatosan.com/">https://www.hatosan.com/</a></p>

<p>　</p>

<p align="right">管理人は、ううせいじん</p>

<p align="center">眠い・・・</p>

<p align="center">　</p>

<p align="right">　</p>
</body>
</html>

　

＜Netscape Composer（7に付属のもの）＞　かなりまとも。やや重たい。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>鬱色時代にアクセス！</title>
</head>

<body>

<p>鬱色時代にアクセス！</p>

<p><a href="https://www.hatosan.com/">https://www.hatosan.com/</a></p>

<p>　</p>

<p align="right">管理人は　ううせいじん</p>

<p align="center">眠い・・・</p>

</body>
</html>

　

＜Microsoft　Word＞　無駄なソースが多すぎる。実名まで晒される。

<html xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:w="urn:schemas-microsoft-com:office:word"
xmlns="https://www.w3.org/TR/REC-html40">

<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<meta name=ProgId content=Word.Document>
<meta name=Generator content="Microsoft Word 9">
<meta name=Originator content="Microsoft Word 9">
<link rel=File-List href="./wh.files/filelist.xml">
<title>鬱色時代にアクセス！</title>
<!--[if gte mso 9]><xml>
<o:DocumentProperties>
<o:Author>管理人の実名</o:Author>
<o:Template>Normal</o:Template>
<o:LastAuthor>管理人の実名</o:LastAuthor>
<o:Revision>2</o:Revision>
<o:TotalTime>3</o:TotalTime>
<o:Created>2003-05-04T15:31:00Z</o:Created>
<o:LastSaved>2003-05-04T15:31:00Z</o:LastSaved>
<o:Pages>1</o:Pages>
<o:Words>2</o:Words>
<o:Characters>16</o:Characters>
<o:Lines>1</o:Lines>
<o:Paragraphs>1</o:Paragraphs>
<o:CharactersWithSpaces>19</o:CharactersWithSpaces>
<o:Version>9.3821</o:Version>
</o:DocumentProperties>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:WordDocument>
<w:PunctuationKerning/>
<w:DisplayHorizontalDrawingGridEvery>0</w:DisplayHorizontalDrawingGridEvery>
<w:DisplayVerticalDrawingGridEvery>2</w:DisplayVerticalDrawingGridEvery>
<w:Compatibility>
<w:SpaceForUL/>
<w:BalanceSingleByteDoubleByteWidth/>
<w:DoNotLeaveBackslashAlone/>
<w:ULTrailSpace/>
<w:DoNotExpandShiftReturn/>
<w:AdjustLineHeightInTable/>
<w:UseFELayout/>
</w:Compatibility>
</w:WordDocument>
</xml><![endif]-->
<style>
<!--
/* Font Definitions */
@font-face
{font-family:"ＭＳ 明朝";
panose-1:2 2 6 9 4 2 5 8 3 4;
mso-font-alt:"MS Mincho";
mso-font-charset:128;
mso-generic-font-family:roman;
mso-font-pitch:fixed;
mso-font-signature:-1610612033 1757936891 16 0 131231 0;}
@font-face
{font-family:Century;
panose-1:2 4 6 4 5 5 5 2 3 4;
mso-font-charset:0;
mso-generic-font-family:roman;
mso-font-pitch:variable;
mso-font-signature:647 0 0 0 159 0;}
@font-face
{font-family:"\@ＭＳ 明朝";
panose-1:2 2 6 9 4 2 5 8 3 4;
mso-font-charset:128;
mso-generic-font-family:roman;
mso-font-pitch:fixed;
mso-font-signature:1 134676480 16 0 131072 0;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{mso-style-parent:"";
margin:0mm;
margin-bottom:.0001pt;
text-align:justify;
text-justify:inter-ideograph;
mso-pagination:none;
font-size:10.5pt;
mso-bidi-font-size:12.0pt;
font-family:Century;
mso-fareast-font-family:"ＭＳ 明朝";
mso-bidi-font-family:"Times New Roman";
mso-font-kerning:1.0pt;}
a:link, span.MsoHyperlink
{color:blue;
text-decoration:underline;
text-underline:single;}
a:visited, span.MsoHyperlinkFollowed
{color:purple;
text-decoration:underline;
text-underline:single;}
/* Page Definitions */
@page
{mso-page-border-surround-header:no;
mso-page-border-surround-footer:no;}
@page Section1
{size:595.3pt 841.9pt;
margin:99.25pt 30.0mm 30.0mm 30.0mm;
mso-header-margin:42.55pt;
mso-footer-margin:49.6pt;
mso-paper-source:0;
layout-grid:18.0pt;}
div.Section1
{page:Section1;}
-->
</style>
</head>

<body lang=JA link=blue vlink=purple style='tab-interval:42.0pt;text-justify-trim:
punctuation'>

<div class=Section1 style='layout-grid:18.0pt'>

<p class=MsoNormal><span style='font-family:"ＭＳ 明朝";mso-ascii-font-family:Century;
mso-hansi-font-family:Century'>鬱色時代にアクセス！</span></p>

<p class=MsoNormal><span lang=EN-US><a href="https://www.hatosan.com/">https://www.hatosan.com/</a></span></p>

<p class=MsoNormal><span lang=EN-US><![if !supportEmptyParas]>&nbsp;<![endif]><o:p></o:p></span></p>

<p class=MsoNormal align=right style='text-align:right'><span style='font-family:
"ＭＳ 明朝";mso-ascii-font-family:Century;mso-hansi-font-family:Century'>管理人は　ううせいじん</span></p>

<p class=MsoNormal align=center style='text-align:center'><span
style='font-family:"ＭＳ 明朝";mso-ascii-font-family:Century;mso-hansi-font-family:
Century'>眠い・・・</span></p>

</div>

</body>

</html>

　

　

トップページ　HTML文書作成法