본문 바로가기

전체 글115

(13)명품 웹프로그래밍 3장_Html5문서 구조화와 웹폼_4 #범위 :웹폼 중 태그의 type 속성값에 따른 기능 3가지 요약 정리_기능1 : 버튼 만들기 => type속성값(4가지) : button | reset | submit | image태그로 버튼 만들기=> type속성값 : button | reset | submit(태그와 같이 사용할 때, default값)=> 태그로 이미지 버튼 만들 때, type 속성값으로 저 위의 3가지 기능 다 적용 가능( button | reset | submit )=> vs + 의 출력 차이_ 기능 2 : 다중선택 | 다중 선택 (type 속성값 : checkbox | radio)_ 기능2_다중선택 : value 속성값 (1,2,3) , name_ 기능2_단일선택 : value 속성값 (1,2,3) , ★name 기능 : .. 2024. 9. 22.
(12)명품 웹프로그래밍 3장_Html5문서 구조화와 웹폼_3 #범위 :웹폼의 정의와 구성 : | , , ★의 진짜 의미와 과 를 통한 브라우저와 웹서버의 데이터 전송 과정 : 여러줄의 텍스트 창 만드는 태그 와 &   : 데이터 목록이 존재하는 텍스트 창 웹 폼 태그#단원별 노트 정리 :[ 웹폼의 정의와 구성 ] :★[태그 의미와 데이터 전송과정 ] : ※요약 :과 을 통한 웹서버와 브라우저 데이터 교류 과정 :1_ 에서 텍스트를 작성 후,  인 검색버튼을 누른다.2_ 브라우저는 1번의 텍스트 값과 태그의 action속성값을 참고하여, 웹서버에 접속 , 그 접속된 웹서버에 웹 응용프로그램이 실행되도록 요구한다.3_ 웹서버는 웹응용프로그램 실행 후, 브라우저에게 검색 결과를 보낸다,4_ 브라우저는 받은 검색결과를 (태그의 target속성을 통해 어떤 윈도우.. 2024. 9. 21.
(11)명품 웹프로그래밍 3장_Html5문서 구조화와 웹폼_2 #범위 :일반적인 블록태그 / 인라인 태그 시맨틱 웹 블록 태그 종류 : 와 , 와 시맨틱 웹 인라인 태그 종류 : , , , 와 공통점과 차이점#노트 정리 :    #코드와 출력장면 :[예시1] : 과 코드 :123456789101112131415161718192021222324!DOCTYPE html>html lang="en">head>    meta charset="UTF-8">    title>figure 태그 활용/title>/head>body>    h3>figure 태그 활용/h3>    hr>    figure>        figcaption>alert() 함수 활용/figcaption>        pre>        code> function f(){ alert("경고합니.. 2024. 9. 21.
(10)명품 웹프로그래밍 3장_Html5문서 구조화와 웹폼_1 #범위 :Html5 시맨틱 웹 태그 사용 이유시맨틱 웹 태그의 구성 (6가지):: 시맨틱 웹 태그는 모양에 영향 주지 않는다, (모양 가꾸기는 CSS 적용 필요)#노트 정리 : #코드 :[연습1.html] :12345678910111213141516171819202122232425262728293031323334353637383940414243444546!DOCTYPE html>html lang="en">head>    meta charset="UTF-8">    title>Elvis Presley/title>/head>body>    header>        h1>a href="">Elvis Presley/a>/h1>    /header>    section>        article>  .. 2024. 9. 21.