1
1

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.

HTML超入門:基礎知識とマークアップ

Posted at

##はじめに
大学4年法学部法律学科のど文系です。
プログラミングはまったくの初心者ですが、訳あって新卒エンジニアとして採用されたので入社前に一から勉強しようかな、と
備忘録的な感じなので、間違ったところがあれば訂正してほしいです~!

プログラミングはじめるなら、ということでまずはHTML/CSS勉強します。
この二つに関しては「いちばんよくわかるHTML5&CSS3デザイン きちんと入門」という本で勉強しました。

##HTMLとは
HTMLはWebページを作成するためのコンピュータ言語。Webページの正体はHTMLタグを使って構成されている文書であり、これがブラウザで読み込まれることでWebページが表示される。
開始タグと終了タグでコンテンツを囲むのが基本的な書式で、これをぜんぶまとめて要素という。

##基礎知識とマークアップ
・見出しを立てる<h1>
記事の中には見出しが必要。ないと見づらい。<h2>から<h6>タグは重要度が低く、記事の一部を部分的に要約する。

<h1>これは見出し1</h1>
<h2>これは見出し2</h2>
<h3>これは見出し3</h3>

これが
#これは見出し1
##これは見出し2
###これは見出し3
こんな感じになる

・段落を作る<P>

・箇条書きを作る<ul><li>
<ul>と<li>でマークアップすると、<li>~</li>で囲まれるテキストの先頭には自動的には自動的に「・」がつく

<ul>
 <li>場所</li>
 <li>日時</li>
 <li>入場料</li>
</ul>

これが
・場所 
・日時
・入場料
こんな感じ

・強調する<strong>
テキストを太字にする場合には<b>タグを使用する。タグで囲むテキストが重要な場合には、<strong>を使用する。

<strong>これは重要です</strong>

これは
これは重要です
こうですね~

・すべてのHTMLに共通する基礎部分

<!DOCTYPE html>
<html lang="ja">
<head>
<mata charset="utf-8">
<mata name="description" content="ページの概要をここに書く">
<title>タイトル</title>
</head>
<body>
<article>
・・・
</article>
</body>
</html>

<!DOCTYPE html> どのタイプのHTMLで書かれてるかを示している
<html lang="ja"> Webページで使用する主な言語を指定している
<meta charset="utf-8"> 文字コードを指定。現在はUTF=8が標準
<article> 記事全体をこのタグでひとまとめにする

##最後に
HTMLの基礎をばーっと勉強しました。内容自体はそこまで難しくなかったけど、Qiitaに記事を書くほうが大変だった、、、難しい、使いこなすのに時間がかかりそう、、、

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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?