HTML, CSS,JavaScript



HTML


Html:Webページの基本フレームワーク、スケルトンと理解すれば良いです.
<html lang=""> :웹페이지 검색시 어떤 언어를 사용하는지 보여준다.

CSS


Webページの表示を容易にする(HTMLの役割を設計する)
Htmlが骨格なら、cssを筋肉にたとえるといいようです.

JavaScript


Webページを明確にする
人間の臓器をJavascriptにたとえると、脳が一番適切なようです.

HTML


ui : 순서 없는 리스트에 사용

<li></li> : 태그를 이용하면 간단한 분류가 됨

ol :순서있는 리스트 (숫자가 적용됨)

<li></li>  :태그를 넣어 줘야 작동함

 li(ul,ol)   에서 사용 되는 태그

a   :anchor 돛 // 링크를 가져 올때 사용함

<a href=""></a> : 사이트 이동

<a href=""></a> + <a target="_blank"></a>   : 새로운 탭으로 사이트 이동

<img src=""/>    : 이미지 태그

<meta/>    : 부가적인 설명 태그 실질적으로 구현하는 기능은 없음

<meta content=""/>     : 컨텐츠

<meta name=""/>     : 이름

<meta charset="UTF-8"/>  : 웹 글자 지원

 

<form></form>     : html에서 굉장히 중요한 태그

form 태그 안에 들어가야 제대로 작동한다.

<input placeholder=""/>    : input 안에 글자를 넣어줌

<input required placeholder=""/>     : 입력란 작성 필요

<input type=""/>     : type을 정함 text,password,date,등 많은 것들이 있음

<label for=""></label>   : for와 id가 같은 값이여야

<input id=""/>                 둘다 적용이 됨

<input type=""file"/>       :  파일 첨부 태그

<input type="file" accept=""/>    : 파일 첨부 양식 설정
image만 원한다면 accept="image/*"
<div></div>     : 줄 바꿈. 해당 태그에 들어가는 태그들을 묶어주는 역할
divのみを使用する場合の意味のないタグ
ブロックレベル要素.長文
divに直接表示されるのではなく、親に適用されます.
divにはサブアイテムのみがdivに適用されます.
Display: flex; 適用後にification-content,align-itemsを適用できます!
その後、pxではなくvhにheightを適用します.
すべてのマシンが画面をアクティブに適用できます.
<span></span>  : span만 사용시 아무 의미 없는 태그

인라인 요소 . 주로 짧은 글 , 단어에 쓰이면 유용
class:複数のタグを含めることができます.(再利用可能)
を選択します.
ex:)


.tomato (class="tomato")


id:任意のラベルに配置できますが、1つのラベルしか含まれません.
ラベルにはidが1つしかありません.(再利用不可)
#(アイデンティティー)
ex:)
 #tomato (id="tomato")
インラインラベルa,span,img以外のラベルの大部分はblockである.
マークdivがあります.
表示設定に変更できます.
(表示:inline;または表示:block;)