2010年11月20日

HTMLの基本〜箇条書き〜

ここも以前に勉強していた箇所です。
反復することで、自然に出てくるレベルを目指して。

【この課での目標】

HTMLでの各種箇条書き

【教材範囲】
はじめてのホームページHTML入門 の76〜92ページ

【成果物】

http://programming.so.land.to/20101120-2.html
※Chromeだと見れません。

【つまづいた箇所・解決法】

特になし。

【未解決の悩み】

特になし

【ソース】

※タグのカッコを半角から全角に置換してあります。

<html>
<head>
<title>2010/11/20 A</title>
</head>
<body>
<div>
箇条書きの練習です。
</div>

<p>
<ul>
<li>愛のままに</li>
<ul>
<li>わがままに</li>
</ul>
<li>僕は君だけを</li>
<li>傷つけない</li>
<ul>
<li type="square">いえー</li>
</ul>
</ul>

<ol>
<li>部屋と</li>
<li>Yシャツと</li>
<li>私</li>
</ol>

<ol type="a">
<li>愛する</li>
<li>あなたの</li>
<li>ため</li>
</ol>

<ol type="i">
<li value="4">毎日</li>
<li>きれいで</li>
<li>いたいから</li>
</ol>
</p>
</body>
</html>
posted by yuuya1986 at 17:22| Comment(0) | HTML | このブログの読者になる | 更新情報をチェックする

HTMLタグの基本タグ〜太字や罫線など〜

それでは記念すべき第一回です。
すでに少しだけHTMLの勉強はしていたので、今回は復習からとなります。

なにか気づいた点などがあればご指摘頂けるとほんと嬉しいです。
それではこの先よろしくお願いします。


【この課での目標】

HTMLの基本タグの復習
(太字にする・罫線など)

【教材範囲】
はじめてのホームページHTML入門 の1〜75ページ

【成果物】

http://programming.so.land.to/20101120-1.html
※Chromeだと見れません。

【つまづいた箇所・解決法】

特になし。
スペルミスはちょいちょい

【未解決の悩み】

なし

【ソース】

※※タグのカッコの一部を半角から全角に置換してあります。

<html>
<head>
<title>プログラミング初心者・虎の穴</title>
</head>

<body text="gray">
<h1 align="center">
プログラミング初心者・虎の穴
</h1>

<p>
<font color="red">
<small><b>はじめてのホームページ</b></small>
</font>
</p>

<div>
<big><u><i>はじめてのホームページ</i></u></big>
</div>

<br>

<hr align="center" width="70%" color="#ff6600" size="20">

<br>

<div>
<abbr title="Hyper Text Markup Language">HTMLの勉強です。</abbr><br>
このホームページではプログラミング初心者の僕が色々やります。<br>
<s>そう、色々。</s>
</div>
<br>

<div>
<pre>
┌ーーーーーーーーーーーーーーーーーーーーーーー┐
│おちゅか、おつかれさまです          │
│外は寒いですか?               │
│そんな時はおちゃでも飲んで          │
│ゆっくりしていってね!            │
└ーーーーーーーーーーーーーーーーーーーーーーー┘
</pre>
</div>

<div align="right">
<acronym title="ネコとネズミ"><トム&ジェリー></acronym>
<br>
<sup>2</sup><sub>2</sub>
</div>
<hr align="center" width="70%" color="#ff6600" size="20">

</body>
</html>
posted by yuuya1986 at 17:01| Comment(0) | HTML | このブログの読者になる | 更新情報をチェックする
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。