HTMLの型とよく使うコード CSSの書き方とプロパティ
超初心者のたかみんです。
今日習ったことをアウトプットしていきます。
この記事でわかること
- HTMLの型
- よく使うHTMLのタグ
- CSSの書き方
- よく使うCSSのプロパティ
- その他補足
HTMLの型
HTMLには書く必要のある決まった型があります。
残念ながらインデントができません(´;ω;｀)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>タブのタイトル</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body>
<header>ヘッダー関連はここに書く</header>
<main>メイン関連はここに書く</main>
<footer>フッター関連はここに書く</footer>
</body>
</html>
覚えたら勝ちです。どこかに保存しておけばいつでも素早く使えますね。
HTMLタグ
- 見出し
<h1~h7> - 段落
<p> - コメント
<!-- --> - リンク
<a href="urlをかく"> - 画像
<img src="画像のurlをかく"> - リスト
<ul>の中に<li>を書く - まとまり
<div> - 一部
<span> - 一行のコメント
<input> - 複数行のコメント
<textarea> - 送信ボタン
<input type="submit" value="送信"'
CSSの書き方
CSSとは、HTMLに色や高さ、大きさ、場所などあらゆる装飾ができるコードです。
CSSを書くにはまずstylesheet.cssを作り、そこに書きます。
書き方の例
h1{
color: red;
background-color: blue;
}
CSSプロパティ
- 文字の色
color: red; - コメント
/**/ - 文字サイズ
font-size: 10px; - 文字の種類
font-family: serif; - 背景
background-color: red; - 幅
width: 10px; - 高さ
height: 10px; - 黒点を消す
list-style: none; - 左から横並び
float: left; - ボーダー内の余白
padding: 上px 右px 下px 左px; - ボーダー外の余白
margin:; - ボーダー
border: 5px solid red;
その他
- HTMLタグにclassで名前を付けられる。
<a class="img1" href=""> - CSSで名前付きのタグを指定したい。
.img1{} - 1行まるまる使うもの:
ブロックライン要素 - 対して、その部分だけ:
インライン要素
まとめ
HTML, CSSについて大まかにまとめました。
Author And Source
この問題について(HTMLの型とよく使うコード CSSの書き方とプロパティ), 我々は、より多くの情報をここで見つけました https://qiita.com/takamin3106/items/d7a987f24b85c2473a26著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .