프론트엔드 썸네일형 리스트형 CSS - Cascading Style Sheets(2) [pseudo class selector(수도(가상) 클래스 선택자)] 클래스 선택자처럼 동작하지만 클래스 선택자는 아닌 여러가지 특수한 선택들을 하게 하는 선택자로element 의 상태에 따라 element 를 선택하는 선택자이다.(이 문장 자체로는 무슨 말인지 사실 잘 모르겠다.) 아래의 코드에 수도 선택자 기능으로 여러가지 변화 과정을 살펴보자. 방문함 방문함 결과 방문함 방문함" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 방문함 방문함 결과 방문함 방문함" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스('방문함' 버튼을 클릭한채로 누르고 있으면 green으로 바뀌는 것을 확인한 수 있다.) 방문함 방문함 결.. 더보기 HTML - Hyper Text Markup Language(4) [hidden field] UI 는 없지만 태그는 존재해서, 서버에 보낼 추가적인 내용을 활용할 때 사용 태그의 type 옵션을 hidden 으로 설정 결과 " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 (hidden 이란 버튼이나 체크 박스가 없지만 전송 후 링크를 확인해보면 서버로 같이 전송된 것을 볼 수 있다.)[레이블 생성하기] 태그를 통해 레이블을 생성할 수 있다. 은 특별한 기능이 있기보단 단순 이름의 정보를 명확하게 해주기 위해 사용.. 더보기 HTML - Hyper Text Markup Language(3) [로그인창 제작] 로그인 -> 서버에 정보 전송 - 서버에 정보를 전송하거나 글자를 입력하는 것들을 작성할 때 사용action="링크"> - 해당 링크로 정보를 보내고 연결시켜줌 - 사용자가 무언가를 입력할 수 있는 box 생성, text 옵션을 통해 여러가지 설정 가능type="text"> - 문장을 입력할 수 있는 box 생성type="password"> - 입력시 보안을 위해 번호가 가려지는 box 생성type="submit"> - [제출] 이라는 버튼 생성 아이디 : 비밀번호 : (name="옵션" name 을 사용해줌으로써 해당 데이터를 name의 값으로 전송해서 서버쪽에서 구분할 수.. 더보기 HTML - Hyper Text Markup Language(2) 개발도구 개발Development - IT에선 프로그램을 만드는 과정 개발 도구Development Tool - 프로그램을 만들 때 사용하는 전문화된 프로그램 editor(메모장), atom, vscode, intellij 등[HTML root 요소] - 문서의 최상위 요소를 나타내므로 root 요소라고도 하며 다른 모든 요소는 이 요소의 자손이어야 함.내용작성[단락 설정하기] 단락 - 단락(paragraph)을 구분하는 태그 (줄바꿈 간격이 고정되어 있음)더보기HTML 최초의 일반 공개 설명은 1991년 말에 버너스리가 처음으로 인터넷에서 문서를 "HTML 태그"(HTML tag)로 부르면서 시작되었다.그것은 머릿글자로 이루어진 20개의 요소를 기술하였고, 상대적으로 HTML의 단순한 디자인이었다.. 더보기 HTML - Hyper Text Markup Language(1) Hyper Text = 웹페이지에 있는 링크 기능Mrakup Language = Markup 문법 언어 >>> 웹 브라우저에 표시되는 웹 페이지를 만들어달라고 컴퓨터에게 요청하는 언어- 웹브라우저에서 우측 마우스 클릭 후 페이지 소스보기 (또는 키보드 F12) 누르면 보이는 것이 HTML GML (Markup 언어 시조)-> SGML(꺽쇠등을 사용하기 시작)-> SGMLguid(유럽 입자 물리 연구소에서 제작, 17개의 태그)-> HTML(팀 버너스 리가 유럽 입자 물리 연구소에서 SGMLguid 에 태그를 추가하여 제작) 태그 - HTML의 가장 핵심요소 : 시작 태그 : 종료 태그 태그는 시작태그와 종료태그 먼저 입력하고, 필요한 내용을 채우는게 효율적 예) 문장 - 해당 문장의 글씨를 진하게 .. 더보기 이전 1 다음
