-
html -> (정보가 쭉 나열되어있는데 ) ->정보를 구별하기 쉽게 마크에서 만들어진 문서
-
css -> 문서에 시각적 요소 디자인하는것
-
js(자바스크립트) -> 움직이게하는것 ,프로그래밍 언어다(코드작성), ,css 가지곤 움직이게못함
-
HTML 이용 : 안녕 안녕 적었다 치면 서로구별하기 힘듬 그러므로 < subject>안녕< /subject> < content>안녕< /content>
-
태그 : 마크업(문서 구조화)하기 위해 사용되는 메타정보 EX) 위에 < Subject> , < content>
-
엘리먼트 : 마크업된 정보 덩어리.
-
css 이용 :
subject{
color:red;
font-size:20px;
} -> 가지수가 많아 외우지말고 css 글자 색상바꾸는법 이렇게 구글링 ,gpt 물어보기 (테그도 검색해서 쓰자) -
< hl>은 강조를 나타내는 태그의 시작을 나타내며, "< /hl>"은 강조를 마치는 태그입니다.
-
< div>< /div>는 HTML 문서에서 사용되는 코드 조각으로, 이는 일반적으로 구역을 나타냅니다. "
-
display:block :한줄다써라 , 이거 안적어줘도 자동적으로 적용
-
display: inline-block : 한줄을 최소한으로 사용
-
엘리먼트도 부모자식형제관계 가 있을수있다. table(할아버지)>tr2(아버지)>td3(나) + tap -> 자식은 > 로표시함
-
subject +탭누르면 자동완성된다.
-
border:10px; solid black; -> 테두리는 10px로 실선으로 검정색으로 하겠다는 뜻이다.
-
font-weight:bold; -> 굵게해준다
-
target="_blank" -> 새로운 웹사이트로 이동할수있다.
-
텍스트 정렬 : div{text-align:left;}->기본이 왼쪽이다. left 대신 center는 중앙정렬 right 는 오른쪽정렬
-
padding:20px; -> 상하좌우로 20px 그공간에 살을 찌우라는뜻이다.
-
margin:20px; ->요소 상하좌우로 여백을 만드는데 사용한다, 오른쪽만 주고싶으면 margin-right:20px;
-
margin:10px 20px 30px 40px; 은 시계방향으로 상우하좌 (padding 도 마찬가지다.)
-
똑같은 테그명에도 내가 선별할수있는데 , 그럴려면 class(여러개 선택가능) 와 id(하나만선택가능) 방식이있다
