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があります。

序列リスト

  1. 南瓜
  2. 西瓜
  3. 苦瓜

リストマークの変更

またtype属性です。
  1. 1がアラビア数字
  2. aが小文字のアルファベット
  3. Aが大文字のアルファベット
  4. iが小文字ローマ数字
  5. Iが大文字ローマ数字

値の変更をする

開始の値を変更するにはstart属性(olタグ)を使います。
liタグにはvalue属性を設定してリストの中で値を変更します。
  1. usi
  2. uma
  3. hituji
  4. yagi
  5. rama