
CSS) css 넣는 방법, 적용방법, box 종류
2020. 10. 23. 15:56
Frontend/HTML, CSS, DOM, jQuery
1. CSS 넣는 방법 2. CSS 적용하는 방법 CSS( Cascading Style Sheet) cascading은 순서대로 적용시킨다는 의미 셀렉트 -> 스타일 -> 끝에 콜론(;) 스타일 종류 text-decoreation font-weight font-style text-align .... so on 3. BOX 기본적인 박스 단위 div 박스 종류 2가지 inline (in the same line) ex) span, a, img block ex) p, div, header 등

HTML) sup tag, audio tag, input tag, label tag
2020. 10. 22. 23:04
Frontend/HTML, CSS, DOM, jQuery
4. 기타 태그 1) sup tag 2) audio tag src에 넣을 오디오 주소나 파일을 첨부한다. audio tag에 control, autoplay를 사용하게 하려면 enabled를 넣어주면 된다 enabled 자리에 공백이거나 true를 쓰면 enabled의 기능과 같이 사용된다. 3) input tag tag 정보 참고는 html mdn 검색하기 주소 링크: developer.mozilla.org/ko/docs/Web/HTML/Element input에 타입 컬러 input 타입 텍스트 input placeholder input 타입 submit은 placeholder처럼 하려면 value값을 넣어주기 required를 넣어줘서 반드시 입력하도록 할 수 있음 유효성검사 기능 ex) minln..

HTML) html 선언, meta tag, radio tag
2020. 10. 22. 22:49
Frontend/HTML, CSS, DOM, jQuery
2. HTML 규칙 1) 선언으로 시작한다 2) HTML 태그로 열고 닫는다 head는 환경설정을 의미해서 보이지 않는다. 페이지에 관한 설정을 해준다 body는 내용을 담아서 보이는 것이다 3. Meta tag 밖에 보이는 내용 메타태그는 부가적인 정보라는 의미이다 메타 태그를 잘 사용하면 구글 등 검색창에 상위에 뜨게 할 수 있다. 표현할 수 없는 다른 정보를 메타태그로 나타낸다. 메타태그는 meta name과 meta content가 있다 meta charset은 HTML 문서의 문자 인코딩 방식을 명시한다. 명확히 안 해주면, 한글 등의 언어가 깨져서 나올 수 있다. meta charset은 유니코드를 위한 문자셋인 보통 utf-8로 해준다. 그밖의 다양한 Meta tag 메타태그의 링크태그 li..

HTML) h tag, list tag, a tag(링크), img tag
2020. 10. 22. 20:50
Frontend/HTML, CSS, DOM, jQuery
1. 태그의 이해 태그는 의미는 없지만, 브라우저에게 이것이 어떤 역할을 하는지 알려준다. 1) h 태그 이것은 h1 이것은 h2 이것은 h3 이것은 h4 이것은 h5 2) 리스트 태그 순서가 없는 태그 UL(unordered list) 리스트 점 없애는 방법 순서가 있는 태그 OL(orderd list) li(list item) 3) 링크 태그 (a 태그) attribute가 필요하다 href가 필요 hyperlink reference target defalut값은 _self이다 _blank는 새창으로 열기이다 4) img 태그 방법-1 브라우저 주소 이미지 주소를 Img src에 넣기 방법-2 파일로 이미지 첨부