[SEAC DTプロセス]HTML,CSSの概念

3649 ワード

1️⃣ HTML

HTML(HyperText Markup Language)

Webで最も重要な基礎言語

ページの構成を作成します.

HTMLデフォルトラベル

タイトルラベル

<head></head>
- 문서의 기본정보

本体マーク

<body></body>
- 출력되는 문서 내용

リストタグ

親ラベル(親ラベル)<ul></ul> <ol></ol>

サブタブ(サブタブ)<li></li>💡ul、olラベルはサブラベルで、liしかありません.

親ラベル(親ラベル)<dl></dl>

サブタブ(サブタブ)<dt></dt> <dd></dd>💡 ddラベルにリストラベルを追加できます.

アンカーマーク

<a href="" target="_blank"></a>
- 하이퍼링크 연결 태그

ツールバーの
1)href=「リンクするページパス」
2)target=「リンクページのウィンドウを開く」

「blank」(新しいウィンドウで開く)

「self」(デバッガ値で開く)

画像タグ

<img src="" alt="">

画像ラベルを挿入

単独タグ(終了タグなし)

プロパティ
1)src=「イメージパス」
2)alt=置換テキスト(画像説明)が必要!

(メタレベル)の無意味な画像に対して、空のalt(alt="")

を書き込むことができる
2️⃣ CSS

CSS(Cascading Style Sheet)

Web文書スタイル言語

制定法
1)ライン内ラベル

lnineタグ要素を使用して

を作成

style=「属性:値;属性:値...」

プロパティ:値間のセミコロン(;)

2)内部

<head><style>선택자{속성:값;속성:값;속성:값…}</style></head>

3)外部

選択者

セレクタ=呼び出し可能な名前

タイプ
1)ラベル名
2) class
-同じスタイルを複数の要素に適用できます.
-呼び出し方法:class名の前.
3) id
-1つの要素にのみ適用
-呼び出し方法:id名の前の#

余白:要素と要素の間の余白

border:paddingプロファイル

padding:要素の余白(「幅、高さ」の外側距離)

この問題について([SEAC DTプロセス]HTML,CSSの概念), 我々は、より多くの情報をここで見つけました https://velog.io/@e_ong/SeSAC-DT-과정-1주차1

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol