16.05.23수업 tag inline - govl2233/project_studyej GitHub Wiki

깃데스크가 불편하다-> 아톰자체로만 깃을 사용하고 싶을때 사용함.

  • pull : 집에서 작업한것을 학원컴퓨터로 푸쉬해서 받는행위 -> Ctrl + Shift + H pull은 내가 집에서 작업한것을 받는거임 push는 보내는 행위

  • add-> commit(현재 add가되어있는 파일을 코멘트를 작성하는 공간이 나옴(한글은 숫자로나옴,영어는그대로)) -> ctrl +s -> push (커밋이된애들만) 완료되면 하단부에 푸쉬했다고 나옴.

github에 올라오는걸 확인할수 있음 ( 깃데스크만 깃되는게 아님! 어떻게 하면 편리하게 할수있을까해서 나옴 ) (아톰말고도 html할수있는게 많고 그냥 도구일뿐이고 무료라서 사용하는것임)

tag

  1. block 속성
  2. inline 속성

block : h1~h6/table/ul,dt,dd/p 등등 용도 : 레이아웃구조를 만들때 사용하는 속성의 엘리먼트. 특징 : 개행(줄이바뀜)

★( inline 속성태그를 block이 감쌀수있음)

★block 에서 <div></div> : 하나로 묶어서 그룹으로 사용할때.(영역을 잡아줄때 사용) (아무의미없음)

inline : input/span/strong 등등 용도 : 레이아웃 안에 컨텐츠를 꾸밀때 사용하는 속성의 엘리먼트. 특징:줄이안바뀜

★(단,block 태그를 inline이 감싸지 못함)

★inline 에서 <span></span> : 한줄에서 사용할때 (아무의미없음)

inline 속성의 대표적인 tag들

<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% 사용

inline 추가입력사항

  <button type="button">버튼</button` -----type 이없어도 사용하지만 적는게 좋음
  <button type="submit">버튼</button>

<select>

    <option value="">서울</option>----------셀렉트박스.디자인이 원래안됨(제이쿼리로 같이사용해야함)

     <option value="">경기</option>

     <option value="">강원</option>

     <option value="">경남</option>

</select>

추가옵션 ★value="서울" 이라고 작성하지만 개발자가 하는거라 적지말기

inline 다른입력사항

<textarea> </textarea>

<textarea name="name" rows="8" cols="40"></textarea>

★여덟줄 공간보유에 한줄당 글자 40자로 만들어달라내용 -----보통 글자수 제어하지않고 사이즈로 준다. 이렇게 있다라고 생각만하기.

⚠️ **GitHub.com Fallback** ⚠️