6月16日(火)1,2コマ目(A班)、3,4コマ目(B班)

今日のネタ

HTMLです。以下のサイトを使います。



今日、やったこと

  • HTML入門
  • <html>、<head>、<body>タグ
  • <p>タグ、<h1>~<h6>タグ、<img>タグ
  • style属性
  • <style>タグ

今日のホワイトボード

ホームページはHTMLでできている

ということで、HTMLを使えばホームページができる。
HTMLを理解する = タグを使えるようになる



文字の色・サイズを変える

style属性を使って、文字の色(項目名:color)、サイズ(項目名:font-size)等が変更できる。
また、変更する範囲をしているために<span>タグを使う場合もある。
もし、<p>~</p>の範囲全体を変更したい場合は、<p>タグにstyle属性を指定する。

 <p style="color : #451722">ここは阪急マルーンで表示される</p>


<span>タグ

範囲を指定するために使うタグ。
似たような機能を持つ<div>タグもある。

 <span>タグ・・・単語や文章中の一部分だけに使う。
 <div>タグ・・・複数の要素を含む範囲を指定する際に使う。

ネストする際にご注意!!

<style>タグ

<head>~</head>内で。
タグやid、クラス(来週やります)単位でデザインを指定することができる。

来週以降もHTMLをやります。

コメント

このブログの人気の投稿

6月2日(火)1,2コマ目(A班)、3,4コマ目(B班)

7月21日(火)1、2コマ目

9月1日(火)1、2コマ目