반응형 HTML3 html과 css를 이용하여 웹 화면 구현해보기(3) [참조사이트] https://dinfree.com/lecture/frontend/122_css_exam.html Quiz-3) 부트스트랩 테이블 구조 만들기 부트스트랩의 container, table, button, pagnation등을 이용해 데이터 목록을 보여주는 화면을 만들어 봅니다. 전체 콘텐츠는 중앙정렬된 그림자가 있는 박스로 구성 테이블은 헤더를 어둡게 설정하고 짝홀수 로우의 배경색을 다르게 설정 마우스가 지나가는 로우의 배경색을 변경 페이지 목록 이동을 위한 페이지네이션 추가 ✅실행 결과 ✅코드 AddressBook::List New Entry #No Name CellPhone Birth Date Company Memo 9 Kang 011-7777-8888 2018-11-07 Facebook.. 2023. 2. 24. HTML(2) ✅HTML구성 element(요소) : 태그 property, attribute : 속성 ✅form 사용자로부터 값을 입력을 받는 양식을 만들기 위해서 사용 (ex. id, pw 입력) 사용자가 입력한 정보를 받는 블럭은 form태그로 감싸야함 중첩으로 사용불가 ✅ 동작방법 폼이 있는 웹 페이지 방문 폼 내용 입력 폼 안에 있는 모든 데이터를 웹서버로 보냄 웹 서버는 받은 폼 데이터를 처리하기 위해 웹 프로그램으로 넘김 웹 프로그램은 폼 데이터를 처리 처리결과에 따른 새로운 html 페이지를 웹서버에 보냄 웹 서버는 받은 html 페이지를 브라우저에 보냄 브라우저는 받은 html 페이지를 보여줌 ✅form 컨트롤 Element(요소) form태그 안에서 추가되는 입력 요소들 중 가장 중요한 태그 type.. 2023. 2. 2. HTML(1) ✅프레임워크 여러 기능을 가진 클래스와 라이브러리가 특정 결과물을 구현하고자 하는 목적 으로 합쳐진 형태 ✅HTML (HyperText Markup Language) HyperText : 초월문서, 언어 기능의 확장 Markup : 그 파일이 프린터로 출력되거나 화면에서 어떻게 보여야할 것인지를 나타내기 위해, 또는 그 문서의 논리적인 구조를 묘사하기 위해서, 텍스트나 워드프로세싱 파일의 특정 위치에 삽입되는 일련의 문자들이나 기호들 interpreter : 프로그래밍 언어의 소스 코드를 바로 실행하는 컴퓨터 프로그램 또는 환경 [참고사이트] https://www.w3schools.com/ W3Schools Free Online Web Tutorials W3Schools offers free online.. 2023. 2. 1. 이전 1 다음 반응형