周知のHTML、CSS準備
6013 ワード
HTMLのクリーンアップ
Hyper Text Markup Language
超テキスト表記言語(概念を説明するにはおじいさんのようにハハ)
表記言語は資料構造を表す言語と言える!(もう聞こえる声)
簡単だ聞いてくれ
文字でページを作る.
マウスでWebページを描けばいいと思ったのでしょうか?ははは
ここの絵は文字で描かれています.
△簡単に言えば、社長たちは給料をあげる理由がありません.
何時かを知り、検索して適用すればいいだけです
ほほほ?
では始めましょう
1番Vscodeプログラムのインストール
ここをクリックしてこれをインストールします.
△それからスターバックスに行ってこれを開けばいいです.A-32番のお客様が注文したアメリカンコーヒーがいいです.
他にもプログラムがあり、ブレックトスというものもあります(変態たち以外はvsを使います.これを書く理由を書くときに教えてあげます)
皆さんご存知の通り設置されています!!
次に、作業するフォルダを作成し、作成するファイルを作成してから始めましょう.
実はお兄ちゃんたちはもう知ってるTMIと言う理由はありません.
そんなことができなければコメントを残して基本シリーズをスタートしましょう!!
htmlファイル2番作成
ファイル名.htmlといえば、空の画面が表示されます.
空白の画面に次のコードを書いてから始めます.これは国のルールを超えています.世界のルールですか.ははは
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
毎回コードを入力できないので、ショートカットキー(macベース)を教えてあげます.
切り替えキー+感嘆符+タブキーは直ちに低符号を入力できます
気持ちいいよニコニコ
しかもHTMLは直接内容を書くことができますが、それなら直接文字を書いて、文字で言語を表記しますか、ヒューマン.
<タイトルラベル>タイトル
<リストラベル>リスト
このようにラベルを使って内容がどのような構造に入ったかを表します.
詳しい内容は連載しますから、理解すればいいです.
3番目のCSSファイルを作成
cssは積層スタイルシートです.
滝のようにスタイルを着こなしますか?こんな感じです.
HTMLにスタイルを入れてもいいですが...繰り返したり管理したりするのは難しいので、異なるスタイルで管理するだけです.
ファイル名.cssと呼ばれています.
もちろんHTMLに接続しないと書けないんですよね?ははは<link href="님들의css파일경로~~" rel="stylesheet">
これだけのコードを対応するhtmlに入れるだけでいいです.
コードの場所:<head>
여기에 넣으면됨
</head>
理解済み?!
またcssはクラスでidがあります.
スタイルクラス{
スタイルのプロパティすたいるのぷろぱてぃ:プロパティの値ぷろぱてぃのあたい;
スタイル属性2:属性値2;
}
#スタイルID{
スタイルのプロパティすたいるのぷろぱてぃ:プロパティの値ぷろぱてぃのあたい;
スタイル属性2:属性値2;
}
複数のクラスを同時に適用できます.
特定のIDが1つしか使用できません.
書きます.
整理する
HTMLは、寸法言語を使用してWeb構造とコンテンツを作成します.
CSSは、ウェブページの読みやすさを向上させるために設計されたスタイルです.
Reference
この問題について(周知のHTML、CSS準備), 我々は、より多くの情報をここで見つけました
https://velog.io/@sud665/다들-알고-있는-HTML-CSS-기초-개념
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
<link href="님들의css파일경로~~" rel="stylesheet">
<head>
여기에 넣으면됨
</head>
HTMLは、寸法言語を使用してWeb構造とコンテンツを作成します.
CSSは、ウェブページの読みやすさを向上させるために設計されたスタイルです.
Reference
この問題について(周知のHTML、CSS準備), 我々は、より多くの情報をここで見つけました https://velog.io/@sud665/다들-알고-있는-HTML-CSS-기초-개념テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol