HTMLとは?
HTMLとはHyperTextMarkupLanguageの略になります。
HTMLの役割
HTMLは文章を構造化します。
属性をつけることで見た目も変えることが出来ます。
構造化するには
文章を構造化するにはタグで文字列を囲んで行きます。
タグとは
タグとは特殊な文字列になり、
HTMLで文章の構造を示すのに使用します。
基本タグ
<html>
HTMLの宣言をします。
<head>
文書自体の情報を示す。
<body>
文章を記述する。
<title>
ヘッダー部分に記され、タイトルを記述する。
テキストに関するタグ
<p>
段落を示します
<br>
改行します。
<hr>
水平線を引きます。
属性
alignで行揃え
colorで色の指定
widthで線の長さ
sizeで線の太さ
noshadeで線を平面柄にします
<h1>〜<h6>
見出しを示します。
<!--コメント-->
文書内にコメントを記入するが、HTML上では見えません。
<font>
テキストの一部分の文字の設定を行います。
コンピューターでは
red
green
biue
の3色で色を表現します。
size属性を使うと
font1からfont7まで設定できます
<b>
文字を太字で表します。
<strong>
strongタグも同様に太字になりますが、
強調した結果1太字になります。
<I>
斜体で表します。
<em>
emタグも同様に斜体になりますが、
強調の結果斜体になります。
<U>
下線を引きます。
<S>
打ち消し線を引きます。
<div>
このタグで囲った部分は1つのブロックとして扱われます。
例えばdivタグで囲いました。
divタグで囲いました。
非序列リストを作る時は<ul>タグを
序列リスト<ol>タグを使います。
項目を作成するには<li>タグを使います。
非序列リスト
リストマークの変更
リストマークを変更するにはtype属性を設定できます。
type属性にはdisc(初期値)とcircleとsquareがあります。
序列リスト
- 南瓜
- 西瓜
- 苦瓜
リストマークの変更
またtype属性です。
- 1がアラビア数字
- aが小文字のアルファベット
- Aが大文字のアルファベット
- iが小文字ローマ数字
- Iが大文字ローマ数字
値の変更をする
開始の値を変更するにはstart属性(olタグ)を使います。
liタグにはvalue属性を設定してリストの中で値を変更します。
- usi
- uma
- hituji
- yagi
- rama