[HTML&CSS] Day 1
42 seoul終了1ヶ月...一緒に頑張っているお姉さんたちと一緒にアプリを開発することにしました.でも!コツコツ!!これまで1つのC言語しか触れていなかったので、アプリケーションを開発するためにHTML、CSS、JavaScriptを再学習することにしました.まず最初に始めるのは、Webドキュメントの生成言語HTMLと、作成したWebドキュメントを飾るCSS!
という本を見つけ、この本とGoogle自身でやろうと思った.
エディタは、元のVscodeを使用します.
まずは一番上に書いてあるは、現在のドキュメントがhtmlで書かれたWebドキュメントであることを意味します.ドキュメントの種類を指定します.
~
タグはWebドキュメントの開始を示し、タグはドキュメントの終了を示す.
~
タグとタグの間には、Webブラウザが表示されないが知る必要がある情報が含まれています.例えば、al ~
タグとタグの間には、実際のブラウザに表示される内容が含まれています.この部分は実際にユーザーが見たものです.
見出し
から まで表示される最大値
から 最小
段落
折り返し
ラベルを閉じていません!!
水平線
水平線の挿入と閉じるフラグがありません
引用文
太字表示
「強調表示」する太字テキスト
から太字の「表示」テキスト
*2つのラベルは画面に表示されても差はありません.
斜体
~斜体で「強調表示」するテキスト
~斜体で「表示」するテキスト
参照
蛍光ペン
から蛍光ペン
段落を改行しない
~を使用して、改行せずにスタイルを適用するテキストをまとめます.
無秩序リスト
から まで各項目を表示第1部 第2のコンテンツ 第3部 順序付きリスト
から まで各項目を表示第1部 第2のコンテンツ 第3部 それ以外にもHTMLにはいろいろなマークがありますが、私はこれらのマークを全部暗記しません.必要なラベルさえあれば検索できるから!
このサイトはいろいろなhtmlタグを使う順番に並んでいます.
https://www.advancedwebranking.com/seo/html-study/
エディタは、元のVscodeを使用します.
HTMLドキュメントのデフォルト構造
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> HTML과 CSS </title>
</head>
<body>
<h1> Hello World </h1>
</body>
</html>
まずは一番上に書いてあるは、現在のドキュメントがhtmlで書かれたWebドキュメントであることを意味します.ドキュメントの種類を指定します.
~
タグはWebドキュメントの開始を示し、タグはドキュメントの終了を示す.
~
タグとタグの間には、Webブラウザが表示されないが知る必要がある情報が含まれています.例えば、al ~
タグとタグの間には、実際のブラウザに表示される内容が含まれています.この部分は実際にユーザーが見たものです.
テキストに関連するタグ-(1)
見出し
段落
~
前後に改行されたテキストブロック折り返し
ラベルを閉じていません!!
水平線
水平線の挿入と閉じるフラグがありません
引用文
~引用文を挿入するため、他のテキストよりインデントする
テキスト関連ラベル-(2)
太字表示
「強調表示」する太字テキスト
から太字の「表示」テキスト
*2つのラベルは画面に表示されても差はありません.
斜体
~斜体で「強調表示」するテキスト
~斜体で「表示」するテキスト
参照
~参照に自動的に「~」&改行しない
蛍光ペン
から蛍光ペン
段落を改行しない
~を使用して、改行せずにスタイルを適用するテキストをまとめます.
リストのタグを作成
無秩序リスト
- ~
<ul>
<li> 첫번째 내용 </li>
<li> 두번째 내용 </li>
<li> 세번째 내용 </li>
</ul>
- から
<ol>
<li> 첫번째 내용 </li>
<li> 두번째 내용 </li>
<li> 세번째 내용 </li>
</ol>
このサイトはいろいろなhtmlタグを使う順番に並んでいます.
https://www.advancedwebranking.com/seo/html-study/
Reference
この問題について([HTML&CSS] Day 1), 我々は、より多くの情報をここで見つけました https://velog.io/@gaeon/HTMLCSSテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol