HTML71 32일차//border, <div id = " ">, <style> Hello CSS world 2021. 2. 25. 32일차//[css] css 기초 [단위] p tag size 1 cm p tag size 1 mm p tag size 1 inch p tag size 1 pt p tag size 1 pc p tag size 24 px p tag size 1 em p tag size 100% 2021. 2. 25. 32일차//[css] css 기초 inline 방식 CSS는 Cascading Style Sheets의 약자이다. CSS는 HTML 요소들이 각종 미디어에서 어떻게 보이는가를 정의하는 데 사용되는 스타일 시트 언어이다. HTML4 부터는 이러한 모든 서식 설정을 HTML 문서로부터 따로 분리하는 것이 가능하다. 오늘날 대부분의 웹 브라우저들은 모두 CSS를 지원된다. CSS를 사용하는 이유 HTML만으로 웹 페이지를 제작할 경우 HTML 요소의 세부 스타일을 일일이 따로 지정해 줘야한다. 이 작업은 매우 많은 시간이 걸리며, 완성한 후에도 스타일의 변경 및 유지 보수가 매우 힘들어진다. 이러한 문제점을 해소하기 위해 W3C(World Wide Web Consortium)에서 만든 스타일 시트 언어가 바로 CSS이다. CSS는 웹 페이지의 스타일을 별도의 .. 2021. 2. 25. 32일차//[html] 설문조사 html - > jsp 과제2 html 설문조사 이름 : [질문1] 영어로 대화할 수 있습니까? 예 모르겠습니다 아니요 [질문2] 영어외에 관심있는 언어가 있으면 선택(복수 선택 가능) 독일어 중국어 프랑스어 [질문3] 영어 수업에 대한 의견이 있으시면 기입해 주십시오. [질문4] 당신의 연령을 선택해 주십시오. 10대 20대 30대 jsp 자바 서버 페이지 2021. 2. 25. 32일차//[html] <a> <img> 과제 1 타히티 사진 다음 사진을 클릭하면 확대한 사진을 볼 수 있다 2021. 2. 25. 31일차//[html] html 입력 후 jsp 로 출력 <form> 태그 태그 개요 태그는 웹 페이지에서의 입력 양식을 의미합니다. 로그인 창이나, 회원가입 폼 등이 이에 해당되죠. 텍스트 필드에 글자를 입력하거나, 체크박스나 라디오 버튼을 클릭하고 제출 버튼을 누르면 백엔드 서버에 양식이 전달되어 정보를 처리하게 됩니다. 웹을 처음 개발하시는 분들은 이후 백엔드 공부를 진행할 때, 태그에 대해서 다시 한번 공부함을 추천드리며 지금은 간단히 어떤 태그들이 있는지 알아보시기 바랍니다. 실제로 백엔드 코드와 함께 을 사용하기 위해서는 다음 속성들이 사용됩니다. name: 폼의 이름 action: 폼 데이터가 전송되는 백엔드 url method: 폼 전송 방식 (GET / POST) … input 태그는 전체 양식을 의미하며, 화면에 보이지 않는 추상적인 태그입니다. 실제로 사용자.. 2021. 2. 24. 31일차//[html] check box + radio 사용법 check box (중복선택가능) radio hello hello NewFile.jsp로이동 NewFile.html 로 이동 ID : ID : ID : ID : PW : 초기화: number: date : color : range : search : checkbox & radio button 패션 음악 게임 벤츠 아우디 BMW 기본값 apple banana apple banana 2021. 2. 24. 31일차//[html] iframe 태그 사용법 iframe 이란 Inline Frame 의 약자로, 웹 브라우저 내에 또 다른 프레임, 즉 현재 브라우저에 렌더링되고 있는 문서 안에 또 다른 HTML페이지를 삽입할 수 있도록 하는 기능을 제공한다. iframe을 사용하면, 현재 렌더링된 브라우저의 페이지에서 다른 도메인이나, 다른 url의 페이지를 현재 페이지의 일부처럼 렌더링하고 사용할 수 있다. 이러한 장점 때문에, 동영상 플레이어(youtube동영상 재생), 지도표시(google map)등의 기능을 제공할 때 iframe을 사용할 수도 있다. (현재는 HTML5표준에서 이런 기능을 기본적으로 지원하고 있기 때문에 많이 사용되고 있지는 않다.) 여기는 index2.html head(머리말) 입니다 여기는 index2.html footer(꼬리말).. 2021. 2. 24. 31일차//[html] list / ol, ul / 순서 있는 목록, 순서 없는 목록 순서 없는 목록 순서 없는 목록(Unordered List)은 번호 대신 점이나 사각형 등의 도형이 목록 앞에 붙는다. 순서 없는 목록은 ul로, 목록의 내용은 li로 만든다 coffee tea milk coffee tea milk coffee tea milk coffee tea milk 순서 있는 목록 순서 있는 목록(Ordered List)은 1, 2, 3, ···처럼 차례대로 증가하는 번호가 붙는 목록이다. 순서 있는 목록은 ol로, 목록의 내용은 li로 만든다. coffee tea milk 3부터 순서 붙는다. coffee tea milk a 부터 순서가 시작된다. coffee tea milk 로마 숫자부터 시작한다. coffee tea milk coffee tea milk coffee black.. 2021. 2. 24. 이전 1 ··· 4 5 6 7 8 다음
