목록HTML (6)

김용재

HTML)22/03/28)form 태그 - input, button, datalist 등

로그인 폼 ID PW form 태그 : 사용자로부터 입력을 받을 수 있는 입력 폼을 의미하는 태그이다. form 태그가 포함하는 태그들 input button fieldset label optgroup option textarea select (위 태그를 다 다루진 않는다.) input 태그 사용자가 입력할 수 있는 박스를 출력하는 태그. type 속성의 값에 따라 입력할 수 있는 값의 형태가 달라진다. type 속성 값의 종류 button checkbox color date datetime-local email file hidden image month number password radio range reset search submit tel text time url week 자기 소개서 폼 * 성명..
Web/HTML 2022. 5. 16. 12:23
HTML)22/03/28)figure, detail, summary, 시맨틱 인라인 태그

figure 태그 활용 방법 alert() 함수 활용 function f(){alert("경고합니다.");} 실행결과 figure 태그 : figure 태그는 이미지나 영상의 설명을 표시하는 태그로 figure 태그안에 img나 video 태그를 추가한 후 figcaption 태그를 적게된다면 태그의 위치에 따라 위 혹은 아래에 결과가 나오게된다. details와 summary 태그 Q & A Question 1 웹 개발자가 알아야 하는 언어 3가지는? Answer 1 HTML5, CSS3, Javascript details 태그 : 사용자가 직접 펼치고 닫을 수 있는 세부사항을 적을 수 있는 태그이다. details 태그 안에 summary 태그를 사용하여 details 태그의 제목을 적을 수 있다. ..
Web/HTML 2022. 5. 16. 11:40
HTML)22/03/21)video태그, audio태그,

video 현재 브라우저는 비디오태그를 지원하지 않습니다. video + source - video 태그 src에 상대주소, 절대주소를 통해 영상을 삽입 시 웹 페이지에 비디오를 출력할 수 있다. 혹은 video 태그안에 source 태그를 추가해 source 태그의 속성 src에 영상을 삽입하여 비디오를 출력가능하다. 또한 비디오 태그안에 문자 삽입 시 영상이 출력이 불가능할 경우 문자가 대신 출력된다. - video 태그의 속성 src 주소 참고 속성 width 가로 길이 설정 height 세로 길이 설정 controls 컨트롤바 출력 loop 반복재생 muted 영상 음소거 -source 태그의 속성 src 주소 참고 속성 type 영상 파일명 참고 속성(video/"확장명") 음악을 재생하려면 재..
Web/HTML 2022. 5. 12. 15:12
HTML)22/03/15)a 태그, iframe(인라인 프레임)

포털 사이트 네이버 다음 구글 신문 사이트 시간표 ~ : 하이퍼링크를 만드는 태그로 a 태그의 속성 href안에 url을 입력할 시 웹페이지 내에서 a 태그의 내용 클릭시 href의 url에 맞는 웹페이지로 이동하게 된다. target : a 태그의 속성으로 target의 타입으로는 _blank, _self, _parent, _top이 있으며 각각 새 탭으로 열기, 현 페이지로 열기, 부모 페이지에 열기, 가장 바깥 페이지에 열기로 나뉜다. 앵커 기능 테스트(아래로) 앵커 기능 테스트(위로) a 태그는 하이퍼링크의 용도 의외에도 태그로 바로가는 기능(앵커)이 있다. 이를 사용하기 위해선 원하는 태그에 id 속성을 이용해 id를 추가하고(ex : ) a의 href 태그에 #"아이디이름"을 적으면 끝이다. ..
Web/HTML 2022. 5. 9. 12:14
HTML)22/03/14)표(table 태그)

더보기 2022학년도 1학기 성적 이름HTML5CSS3 이준서 95 92 유수한 92 95 합계187187 ~ : 표(테이블)을 만드는 태그 table 태그를 구성하는 자식태그 ~ : 표(테이블)의 상단부분을 표시하는 태그 ~ : 표(테이블)의 중간부분을 표시하는 태그 ~: 표(테이블)의 하단부분을 표시하는 태그 (위 태그들은 사용 시 tr 태그를 최소 1개를 가져야 한다.) ~ : 테이블의 행을 만드는 태그 ~ : 테이블의 헤더 부분을 만드는 태그 ~ : 테이블의 열을 만드는 태그 포털사이트 이름 url 참고 네이버 http://www.naver.com 다음 http://www.daum.net 구글 http://www.google.com http://www.google.com table 디자인을 바꾸는..
Web/HTML 2022. 5. 9. 11:46
HTML)22/03/08)기초 태그들

제목 연습1 제목 연습2 제목 연습3 제목 연습4 제목 연습5 제목 연습6 단락(문단)나누기를 할 수 있는 테그, p 태그에 css를 적용하면 글자크기, 글자색상, 배경색상 등의 여러 스타일을 적용할 수 있다. p test div 태그는 p 태그와는 다르게 특별한 의미없이 문자를 묶는 태그이다. div test html페이지에서는 공백문자를 여러 번 넣어도 한칸 공백만 생깁니다. 또한 엔터키를 입력해도 공백문자 한칸만 띄어집니다. 그래서 공백문자를 여러번 넣으려면  를 사용해야 합니다. 줄바꿈을 할려면 태그를 사용해야합니다. " ' ∑ √ ∞ ↑ £ ÷ © ~ 태그 내에 문자 입력 시 웹페이지 제목이 변경된다. h1 ~ h6 : 글자가 진하고, 글자 크기를 6단계로 표시..
Web/HTML 2022. 5. 9. 09:19
Prev 1 Next