-
[HTML]Day3 - input태그를 이용한 입력양식Frontend 2019. 2. 9. 22:07
Day3- input태그를 이용한 입력양식- [1] XHTML에서 사용되던 태그 --->영역 지정 ->파일 첨부를 위해 ->get: 속도 빠름/보안 취약/ 글자 1024제한/새로고침O ->post: 속도 느림/보안 나음/글자 무제한/새로고침X --->그룹 형성 ---> 그룹 제목 표시 제목-기타 들어갈 수 있는 속성: placeholder: 설명글 ex)아이디를 입력하시오. 제목 --->JS와 같이 사용 -> 제출 ->모든 입력 내용 삭제=버튼 표시 텍스트 ->이미지 버튼 ... 화면표시 내용 ...기본적으로 작성되어있을 내용 [2] HTML5에서 추가된 태그
-
[HTML]Day2 - 문장 꾸미기/테이블/멀티미디어Frontend 2019. 2. 9. 22:05
Day2- 문장 꾸미기/테이블/멀티미디어- [1] 문장/단어 강조1. 폰트 태그.... , 굵게 기울임 / 밑줄 2. ...: CSS스타일을 적용하기 위한 영역 지정 3. ...: 형광펜 기능 4. ... 링크 기능 -"#"-현재 페이지로 이동 / "#id값" -그 id값 위치로 이동 [2] 테이블 만들기 ---> 상단 제목 영역(생략가능) --->1줄 ->열의 제목 ->열의 내용 --->본문(생략가능) --->하단(생략가능) (기타) rowspan (th, td에 적용 가능) 행 병합(세로로 병합) colspan (th, td에 적용 가능) 열 병합(가로로 병합) [3] 멀티미디어 1. 이미지: 2. 이미지 상대경로 표시법../ ---> 한 칸 위로./ ---> 현재 폴더ex) folder1/photo..
-
[HTML] Day1 - HTML의 기본구조Frontend 2019. 2. 9. 21:59
Day1 -HTML의 기본구조- 1. 기본 구조 2. 단락관련 태그~: 제목, / : 리스트(ordered, unordered): 본문: 인용문: 영역 나눔: 직선 표시 / : 줄 바꿈: 주소, 저작권(카피라이트), 회사 연락처 등등 *id 속성: -웹 페이지에서 고유한 요소를 의미하는 값. -특수문자:© :카피라이트 특수문자 :띄어쓰기 & :&: ---> >: « 내용 »왼쪽 화살표/오른쪽 화살표: ← / → *구조를 표현하기 위한 기타 시멘틱 태그들: 주로 ~와 같이 사용: 사이트 앞머리, 머릿글, 사이트 소개 등등: 블로그 포스팅, 뉴스 기사, 회사 소개 등: 본문과 상관없는 사이드바/배너 영역: 페이지 하단:주로 메뉴: 제목과 관련 부제목 하나로 묶기
-
블로그를 처음 시작하며.Review, Chat 2019. 2. 9. 21:53
이제 곧 입사한지 1년이 되어가는 꼬꼬마 웹 퍼블리셔입니다. 프론트엔드 개발자를 꿈꾸며 오늘도 열심히 공부하고 있습니다. 처음 코딩 공부를 시작했을 때 정리의 필요성을 느껴 에버노트에 차곡 차곡 정리해뒀었는데 좀 더 체계적으로 정리하고 싶기도 했고 나 혼자 꽁꽁 숨기고 있을게 아니라 많은 사람들과 공유하고 발전시켜나가고 싶었습니다. 그 동안 공부하면서 쌓아온 2년치 자료들 + 앞으로 공부하면서 정리해야할 것들을 전부 옮기려니 막막하기도 하지만 차근차근 하다보면 언젠간 끝이 보이겠죠..!