본문 바로가기

Web/HTML9

[HTML] Range/ _blank Range슬라이더 max = 최대min = 최소step = 슬라이더를 유동적으로 조절 _blank링크연결시 새 창으로 염 datalistoption이랑 비슷한데 자동완성 기능 가지고 있다고 보면 될듯html5에 새롭게 추가 됬다고 함 //전에 공부할때 안했던 부분 틈새매꾸기 ㅇㅅㅇ 2019. 3. 20.
[HTML] iframe iframe 웹페이지에 다른 웹페이지를 삽입하는 방법 하지만 보안상 취약함신뢰할 수 없는 사이트에서 악성코드 같은 것을 포함하고 있다면 삽입된 외부보스에서 악성코드가 실행될 수 있기 때문 meta 태그에서 viweport는 핸드폰으로 볼때 보이는 모습을 나타내고 (모바일 지원)width=device-width는 핸드폰 넓이에 맞게 보이도록 하는것initial-scale=1.0는 화면 줌을 확대하지도 않고 축소하지도 않은 상태로 시작p10이 iframe을 사용한 부분. 해당 사이트주소를 적고 너비와 크기를 지정p11~13도 iframe을 사용한 부분. 유튜브에서 공유->퍼가기->소스코드복사 해서 가져오면 됨. javascript 등이 실행되지 않도록 하는 방법 자바스크립트에 해당하는 alert부분이 실행되.. 2018. 11. 20.
[HTML] 파일&video업로드 파일업로드 파일업로드는 post형식enctype="multipart/form-data" 는 무조건 써줘야 함. video 업로드 video 업로드는 img 업로드와 비슷한 것 같다.controls를 하면 동영상을 실행할 수 있다. 2018. 11. 20.
[HTML] label label 폼태그의 이름을 지정하는 태크 1. label for=""와 이름을 지정하려는 태크 input id=""를 같은 값으로 묶어줌2. 이름을 지정하려는 input태그를 label태그로 감싸줌 첫 번째 label은 1번 방식두 번째 label은 2번 방식 text를 누르면 옆에 칸으로 커서가 이동 textarea를 누르면 옆에 칸으로 커서가 이동 rabel로 묶어줬기 때문!! + 2018. 11. 17.
[HTML] form <실습> *form form 안에 있는 아이디 비밀번호 주소를 입력하게되면 action뒤에 있는 주소로 이동.input =>입력하는 곳name으로 해당 input의 이름을 설정해줌. 웹 페이지에 보이는 내용.여기다가 해당 아이디, 비밀번호, 주소를 입력해보겠음. 쿼리 전송을 누른후url을 보면 내가 친 id와 pwd와 address가 보임. //웹 문제에서 로그인할때 해당답을 url에 적는 이유를 이해했다.. 위에서 (내용을 조금 바꾼부분) 여기서 value= ...은 기본값을 ...으로 준다는 것이고textarea는 여러줄을 입력할 수 있게끔 만들어진 것임. select는 여러개중 고를수 있도록 만든 것 이고. option은 그 여러개중 하나임. multiple은 여러개를 고를수 있게 하는데다중선택에서 Ctrl.. 2018. 7. 27.
[HTML] table <실습> *table 만들어보기 테이블 나눔 테이블 박스만듬 이렇게 나옴 //밥먹어야지 2018. 7. 27.
[HTML] 문서작성<실습> *문서작성 해보기 부분은 실직적인 내용은 없고 꾸며주는 부분 html5형식임을 알려줌그림보면 나오는 저부분 내용추가해주는거 ㅎ 이상한 글자 뜨는 현상 일어나는거 방지부분이 실직적인 내용이 담겨있는 곳.로 처음과 마지막을 써주면됨 (물론 마지막은 '/'추가해서) .... 는 해당 ...에 태그하는것위릐 그림을 보면 1.2.3.4.HTML 을 누르면 해당 태그된곳으로 이동함 //오호 2018. 7. 27.
[HTML]기본문법, 하이퍼텍스트 <실습> 강의를 들으며 내가 만들어본 사이트. 모든 문법은 닫을때 //필요. h1은 자동으로 크게 됨.(제목)h2도 있는데 이건 부제목 //좀더 크기가 작아짐strong은 굵게 강조할 때 사용.맨아래 영어 쌀라쌀라는 하이퍼링크 추가할 때 사용 리스트 순서있는 리스트 순서없는 리스트 //신기... 2018. 7. 27.
반응형