16.05.23수업 tag inline - govl2233/project_studyej GitHub Wiki
깃데스크가 불편하다-> 아톰자체로만 깃을 사용하고 싶을때 사용함.
-
pull : 집에서 작업한것을 학원컴퓨터로 푸쉬해서 받는행위 -> Ctrl + Shift + H pull은 내가 집에서 작업한것을 받는거임 push는 보내는 행위
-
add-> commit(현재 add가되어있는 파일을 코멘트를 작성하는 공간이 나옴(한글은 숫자로나옴,영어는그대로)) -> ctrl +s -> push (커밋이된애들만) 완료되면 하단부에 푸쉬했다고 나옴.
github에 올라오는걸 확인할수 있음 ( 깃데스크만 깃되는게 아님! 어떻게 하면 편리하게 할수있을까해서 나옴 ) (아톰말고도 html할수있는게 많고 그냥 도구일뿐이고 무료라서 사용하는것임)
- block 속성
- inline 속성
block : h1~h6/table/ul,dt,dd/p 등등 용도 : 레이아웃구조를 만들때 사용하는 속성의 엘리먼트. 특징 : 개행(줄이바뀜)
★( inline 속성태그를 block이 감쌀수있음)
★block 에서
<div></div>
: 하나로 묶어서 그룹으로 사용할때.(영역을 잡아줄때 사용) (아무의미없음)
inline : input/span/strong 등등 용도 : 레이아웃 안에 컨텐츠를 꾸밀때 사용하는 속성의 엘리먼트. 특징:줄이안바뀜
★(단,block 태그를 inline이 감싸지 못함)
★inline 에서
<span></span>
: 한줄에서 사용할때 (아무의미없음)
<b></b>----디자인상으로 굵은 bold
<strong></strong>-----b태그보다 사용빈도 높음.강조할때 굵음용 (리딩기가 읽을땐 악센트가 붙음)
<i></i> -------글자 기울임꼴 이탤릭체
<em></em>-----강조의 다른태그 이탤릭체 하면서 굵음.(리딩기가 하이톤으로 읽음)
<sup></sup>---- 위로
<sub></sub>----아래로
<q></q> ------짧은 인용문 (문자열가르킴) (따옴표 안써도 저절로생김) 쿼터의약자 ex) 철수왈..등등
<ins></ins>----- del 태그랑 같이움직임(ex 쇼핑몰할인가,정가 )
<del></del>-----딜리트의 약자
<u></u> ----- 추가없이 밑줄되는것
ins와 del은 무엇을 삭제하고 사용하는거고
- span, strong,em 만 90% 사용
<button type="button">버튼</button` -----type 이없어도 사용하지만 적는게 좋음
<button type="submit">버튼</button>
<select>
<option value="">서울</option>----------셀렉트박스.디자인이 원래안됨(제이쿼리로 같이사용해야함)
<option value="">경기</option>
<option value="">강원</option>
<option value="">경남</option>
</select>
추가옵션 ★value="서울" 이라고 작성하지만 개발자가 하는거라 적지말기
<textarea> </textarea>
<textarea name="name" rows="8" cols="40"></textarea>
★여덟줄 공간보유에 한줄당 글자 40자로 만들어달라내용 -----보통 글자수 제어하지않고 사이즈로 준다. 이렇게 있다라고 생각만하기.