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;)
Reference
この問題について(HTML, CSS,JavaScript), 我々は、より多くの情報をここで見つけました
https://velog.io/@0_cyberlover_0/HTML-CSSJavaScript
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
<html lang=""> :웹페이지 검색시 어떤 언어를 사용하는지 보여준다.
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;)
Reference
この問題について(HTML, CSS,JavaScript), 我々は、より多くの情報をここで見つけました
https://velog.io/@0_cyberlover_0/HTML-CSSJavaScript
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
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> : 줄 바꿈. 해당 태그에 들어가는 태그들을 묶어주는 역할
<span></span> : span만 사용시 아무 의미 없는 태그
인라인 요소 . 주로 짧은 글 , 단어에 쓰이면 유용
.tomato (class="tomato")
#tomato (id="tomato")
Reference
この問題について(HTML, CSS,JavaScript), 我々は、より多くの情報をここで見つけました https://velog.io/@0_cyberlover_0/HTML-CSSJavaScriptテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol