0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

THML CSSの基本の書き方

Last updated at Posted at 2019-02-10

こんにちは!
プログラミング初心者のめいです!:relaxed:

昨日から学んでいる、プログラミングの超基本事項、HTMLとCSSの基本的な使い方について書いて行きます!

□HTML
HTMLとは……ウェブページの要素や構造を指定するための言語。
*HTMLの使いかた
HTMLはタグでできている!

image.png

<>の中身によって画像やリンクを張ることができます。

a href="url" ←リンクを表せる
img src="URL" ←画像を表せる
ul li ←リスト化できる

□CSS
CSSとは……HTMLで作った構造にカラーやデザインを付け加え、装飾するための言語。

*CSSの書き方
image.png

HTMLで用意した要素に対して、CSSを用いてでは「どこの」「何を」「どうする」を作ります。
上の図では、h1の(どこの)color(何を)#ff0000(どうする)となります。

「何を」に当たる部分はプロパティと呼ばれ次のようなものがあります。

*プロパティ一覧
color 色
font-size フォントサイズ
background-color 背景色
width 幅
height 高さ

本日はHTML、CSSの超基本事項について書きました!
ありがとうございました。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?