기록 :-)

오늘부터 본격적인 교육이 시작된다 틈틈히 기록해야지 ! 요소 : 웹 양식의 여러 컨트롤과 레이블()을 묶을 때 사용함. 요소로 그룹의 설명을 제공할 수 있음 *특성 disabled : 지정한 경우, 모든 자손 컨트롤 비활성화되므로 편집 불가능 단, 안의 양식 요소는 비활성 상태로 전환되지 않음 form : 요소와 연결할 요소의 id name : 그룹과 연관지을 이름 Disabled fieldst Name: 비활성화 된 을 볼 수 있따 순서가 있는 목록을 만들때는 ol 의미없는 목록을 만들때는 ul 항목은 li 태그 : 테이블을 만드는 태그 : 테이블의 헤더부분을 만드는 태그 테이블의 행을 만드는 태그 테이블의 열을 만드는 태그 * 와 의 개수는 동일한 것이 좋고 값을 비워야한다면 로 열을 생성 후 , 값..

5,6월부터 웹 개발공부를 조금씩 해 나갔지만 다른사람들과 힘을 합쳐 만들어본 경험은 처음이다. 어떻게 보면 첫 프로젝트이자 포트폴리오라 할 수 있지만 (내가 한 부분은) html/css 밖에 안들어갔고 아직은 많이 부족해서 조금 민망하다.. js는 swiper만 조금 들어갔다 ,,^^,,,, node.js를 이용해 서버에 올리는거까지 해야 최종 마무리지만 아직 미숙한 실력탓에 도움이 별로 못 되었다. 내 첫 프로젝트는 서버에 대해서도 정말 많이 공부해야겠다고 다짐하게 만들어줬다 ..! 왼쪽이 내가 만든거고 오른쪽이 실제 베라 웹 모바일 버전이다. 메인 페이지를 제외하고 추가로 기능이 들어가있는 페이지 3,4개를 더 만드는게 목표였기때문에 메인페이지, 로그인, 회원가입, 사이드메뉴, 메뉴 소개 사이트를 ..

CSS는 웹 사이트의 스타일링을 담당하므로 빼놓을 수 없는 요소다. HTML에 적용하는 3가지 방법에 대해서 알아보자 :D 1. 내부 스타일 시트 ( 에 입력 ) class와 id class: 여러개를 묶어서 효과지정이 가능하다. id: 하나만 가능하다. 대신 고유성을 줄 수 있다. 그동안 올린 게시글에서 항상 썼던 방식이다. html파일 안 에 있는 태그 안에 적으면 된다. 2. HTML 태그에 적용하기 class와 id class: 여러개를 묶어서 효과지정이 가능하다. id: 하나만 가능하다. 대신 고유성을 줄 수 있다. 직접 태그 안에 style=""을 적어서 입력하는 방식이다. 개인적으로는 지저분해 보이고 한 눈에 안 들어와서 별로 안 좋아하는 방식 ! 3. 외부 스타일 시트 마지막 방법은 직접 ..

클래스 지정하기 클래스는 보통 효과를 따로 주고싶을 때 사용한다 클래스 사용하기 /*클래스 이름은 first*/ class = "클래스 이름" 을 입력하고 클래스 사용하기 두 개의 클래스를 사용하고 싶다면 class=" 클래스 이름명1 클래스 이름명2" 처럼 띄어쓰기만 하고 적어주면 된다 아이디(id) 사용하기 클래스는 . 을 쓰지만 아이디는 #을 적는다. 아이디를 배워보자 이렇게만 보면 .과 #의 차이빼고는 비슷해보이지만 클래스는 중복이 가능하고 아이디는 중복이 불가능하다는 차이점이 있다. 클래스는 여러 태그에 붙여서 연관성과 통일성을 부여할 때 활용할 수 있고 아이디는 하나의 태그에만 붙여서 고유성을 줄 수 있다. 예시 class와 id class: 여러개를 묶어서 효과지정이 가능하다. id: 하나만..

웹사이트에 링크 넣는 법 HTML에 대해서 알아보자 구글 위의 코드처럼 주소이름을 입력하면 된다. 주소 이름 부분에는 내가 원하는대로 적으면 된다 !여기서 탭이 따로 열리길 바란다면 target="_blank"을 덧붙이면 된다. 웹사이트에는 이렇게 반영되는 것을 볼 수 있다. 만약에 웹사이트가 아닌 내가 가지고 있는 html파일로 이동하길 원한다면 파일경로를 적어줘야한다. 파일이름 을 입력하면 된다. 대신 자신과 같은 폴더에 있는 html파일로 이동할땐 따로 폴더명을 안 적어도된다 ! 저 위에 practice.html가 그 예시이다. 하지만 폴더가 다를 경우는 경로를 다 적어줘야한다. 또한, 자기자신에게 링크를 걸때는 17번줄처럼 #만 입력하면된다. 웹사이트에 이미지 넣는 법 난 저작권이 없는 무료이미지..

HTML/CSS 이란? ● HTML [HypertextMarkupLanguage] : 웹 문서를 만들기 위한 기본적인 언어 ● CSS [cascading style sheets]: 웹 문서의 전반적인 스타일을 저장해둔 스타일 시트 HTML 기본 태그 (요소) : 웹 브라우저에게 HTML버전을 알려주는 역할 ( 적을시, 자동으로 html5 사용) : 웹 사이트의 제목 : 가장 큰 머리말 (heading 1) : 두 번째로 큰 머리말 (heading 2) : 문단 HTML 기초 태그 : 텍스트를 굵게 만들어줌 ( bold ) HTML을 배워보자 : 텍스트를 날려줌 ( italic ) HTML을 배워보자 : 태그와 똑같이 굵게 표시됨. 감싸고 있는 텍스트가 중요하다고 표시하는것이 목적임 : 태그처럼 날려써짐...