줘니 개발블로그

코드블럭 기능 최고 ~ 초반이라 길 잡기가 어렵다 이렇게 하는 게 맞나?.. 싶지만 내 공부 한다고 생각하고 하던거 마저 해 - form 태그 : 웹페이지에서 입력폼을 만들 때 사용하는 태그 ** 필수 속성 2가지 : method(전달 방식), action(전달 위치) ** 1. 입력 - input 태그 사용 : 사용자가 입력할 수 있는 공간 - input 태그 안의 여러가지 속성 1) type :입력하는 값의 종류 2) name : 입력한 값을 구분하기 위해 이름을 지정 3) placeholder : 미리보기 텍스트 4) autofocus : 자동 커서 설정 5) value : 기본 값 설정 6) readonly : 읽기 전용 지정 7) maxlength : 글자 수 제한 지정 속성을 직접 써보자! I..

1. a 태그 1) a 태그(anchor)는 필수 속성이 있다 - 어디로 이동할건지? → 필수 속성 : href 2) 현재 문서에서 다른 문서로 즉시 접근 가능(하이퍼 텍스트) - 어떻게 이동할건지? → 내용 클릭 시 이동 코드로 보면 이거 웹에는 이렇게 나온다 '네이버로 이동' 을 클릭하면 네이버 메인페이지로 즉시 접근이 가능하다. '네이버로 이동' 이라는 것보다 좀 더 간지나게 하기 위해 네이버 로고(이미지)를 누르면 네이버 페이지로 이동하게끔 만들어보자! a 태그 안에 이미지 태그를 넣어 코드를 완성해서 이 네이버 로고를 누르면 네이버 메인 페이지로 넘어간다! tip! target="_blank" 를 a 태그 속성으로 활용한다면 새로운 페이지로 네이버가 열린다 2. 테이블 태그 1) 나 표 만들거야..

이전에 쓴 글보다 더 알아먹기 쉽게 캡쳐를 많이 써야겠다 생각했다! 그 전 글은 너무 전공 책 정리하는 것처럼 써놔서 읽기가 싫어., 오늘은 리스트 태그 / 이미지 태그 / a 태그 / 테이블 태그를 배웠다. 오늘 내용은 절대 잊어선 안 될 내용 ! 1. 리스트 태그 1) 리스트 공간 선언은 2가지 - ul (unordered list) : 순서가 필요하지 않은 리스트 - ol (ordered list) : 순서가 필요한 리스트 2) 리스트 안의 실질적인 데이터 - li (list-item) : ul이든 ol이든 li태그가 꼭 필요하다! 사진을 보면 구매목록 아래 세 가지가 ul 샤브샤브 순서 아래 세 가지가 ol 이다. 위 사진을 만들기 위한 코드는 • • • 이거다! '딸기' 앞의 사각형이라던지(원래..

오늘부터 Today I Learned 시작이다! 습관 만들거야 허허 1. Web 기술의 기본구조 위 사진을 쉽게 말하자면 나 → 구글 구글 → 나 요청 응답 '나'는 요청을 하는 고객인 웹클라이언트이고 '구글'은 그에 서빙(응답)을 해주는 웹서버다! 2. HTML이란? 1) HT (Hyper Text) : 현재 문서에서 다른 문서로 즉시 접근 가능한 텍스트 2) ML(Markup Langauge) : 표시는 태그로! → HTML은 태그의 연속이다 !!! 3) HTML의 구성요소 3. 태그의 종류(엄청 많다!) 1) 제목태그 : h 태그 (header) → 크기, 굵기별로 숫자를 붙여서 사용(h1 ~ h6) → 본문 2) 본문태그 · p 태그(paragraph) : 단락으로 표현이 되기 때문에 무조건 가로..