2
2

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 3 years have passed since last update.

HTMLについて

Last updated at Posted at 2021-03-01

#HTMLについて
 HTMLとは、私達が画面で見ている文字のことです
 コードで書く場合は"タグ"で囲みます。
 これをマークアップというみたいです。
#マークアップしてみよう!

index.html
<h1>HTMLについて</h1>

ブラウザで表示するとこうなります。
これが見出しになります。

スクリーンショット 2021-03-01 15.00.36.png

と表示されます!
*エディターはVSCodeです。 https://azure.microsoft.com/ja-jp/products/visual-studio-code/
*ブラウザはGoogleChromeです。
https://www.google.co.jp/chrome/?brand=FDKM&gclsrc=aw.ds&&gclid=CjwKCAiAm-2BBhANEiwAe7eyFAQxQ3wNHOAnBFJBOU2032-zXQrDrS3oUBTBkUxAFPLi0-XkEyfAFBoCuUwQAvD_BwE

#いろんなタグ

index.html
<h1>HTMLについて</h1>
<P>この記事は初心者が書いていますので、<br>お手柔らかにお願いいたします。</br></p>

と入力するとこうなります

スクリーンショット 2021-03-01 15.25.39.png

pタグ は、段落を表します。
brタグは、改行の場合に使います。

##写真挿入
では写真を挿入してみましょう。

index.html
<h1>HTMLについて</h1>
<P>この記事は初心者が書いていますので、<br>お手柔らかにお願いいたします。</br></p>
<img src="images/images (1).jpeg">

と入力すると以下のようになります

スクリーンショット 2021-03-01 15.38.36.png

次回はCSSについてアウトプットしていきます。

ちなみにこのページ結構わかりやすいです。
https://developer.mozilla.org/ja/
タグについて解説してくれてます😊

2
2
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
2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?