간단한입력양식생성 라디오 버튼의 name 속성을 사용하면 여러 대상중 하나만 선택하는 구현을 할 수 있다. 이름 성별 남자 한 항목만 선택하기 select 태그는 목록으로 보여주는 항목 중 하나 또는 여러개를 선택할때 사용하는 입력 요소 select 태그는 optgroup ,option 태그를 함께 사용함 기본적으로 하나만 선택할 수 있음 김밥 떡볶이 순대 어묵 여러항목 선택하기 김밥 떡볶이 순대 어묵 선택옵션 묶기 optgroup 태그를 사용해 선택 옵션을 그룹으로 묶을 수 있습니다. 김밥 떡볶이 순대 어묵 포도 바나나 연관있는 입력 양식 그룹으로 묶기 입력양식 이름 이메일
태그 속성 설명 form 보이지않음 입력양식의 시작과 끝 input text 글자입력양식생성 button 버튼생성 checckbox 체크박스 생성 file 파일입력양식생성 hidden 해당내용표시안함 image 이미지형태생성 password 비밀번호입력양식생성 radio 라디오버튼생성 rest 초기화버튼생성 submit 제출버튼생성 textarea cols/rows 여러행의글자입력생성,cols는 너비를 지정하고 rows는 높이를 지정 태그 설명 select optgroup optiopn 선택양식생성 옵션 그룹화 옵션생성 sieldset legend 입력양식의 그룹지정 입력양식 그룹의 이름 지정 기본입력양식 태그 예시 input 태그에 type 속성을 지정해서 다양한 종류의 기본 입력양식을 생성 할 수 있..
audio,video태그 속성 설명 src 음악,비디오 파일 경로 지정 preload 음악 비디오를 준비중일때 데이터를 모두 불러올지 여부 지정 autoplay 음악 비디오의 자동재생 여부지정 loop 음악,비디오의 반복 여부 지정 controls 음악,비디오 재생 도구 출력 여부 지정 video태그 속성 설명 width 비디오의 너비지정 height 비디오의 높이지정 음악삽입하기 예시 웹브라우저 제약이 없도록 음악 삽입하기
이미지 삽입하기 : 표시하고 싶은 이미지 파일을 HTML 페이지와 같은 폴더에 넣고 작성합니다. src="" 이미지경로 명을 작성 합니다 alt="이미지이름명" 말그대로 이미지 이름을 작성합니다. 태그 속성 설명 img 태그 src 이미지의 경로지정 alt 이미지가 없을때 나오는 글자 지정 width 이미지의 너비지정 height 이미지의 높이 지정 태그예시보기
입력양식은 사용자에게 정보를 입력받는 요소로 입력 양식 태그를 사용해서 만든 태그 입니다.입력양식은 from 태그로 영역을 생성하고, 내부에 input 태그를 넣어 만듭니다. GET 전송방식과 POST 전송방식 차이 GET 방식은 주소에 데이터를 입력해서 전달 합니다.GET방식으로 데이터를 전달하면 예를 들어 milkis라고 입력하고 제출버튼을 누르면파일이름?search=milkis' 형태로 변경 됩니다. GET 방식은 주소에 데이터를 입력해서 전달 합니다. POST 방식은 주소가 변경되지 않고, POST 방식은 GET 방식과 달리 비밀스럽게 데이터를 전달합니다.GET방식은 주소에 데이터 입력하므로 크기가 한정되어 있고 반면 POST 방식은 데이터에 별도로 전송하기 때문에 데이터 용량에 제한이 없습니다.
테이블태그는 표를 만들때나 웹상에서 레이아웃을 짤때 사용하는 태그입니다. 예전에는 많이 사용한 태그였지만,요즘 추세는 div나 span을 자주사용합니다. 태그 설명 table 표에 행 삽입 tr 표에 행삽입 th 표의 제목 셀 생성 td 표의 일반 셀 생성 표 만들때 기본적으로 table 태그를 사용합니다 표에 셀 추가할때 테이블 요소를 만드는 태그는 tr태그 th태그, td태그를 추가해 만듭니다. table 태그의 경우 HTML5전에는 속성이 많았지만, 이제는 표의 테두리를 두께를 지정하는 border 속성만 사용합니다. th태그와 td태그는 colsapn 속성과 rowspan 속성을 사용해 표에서 차지 하는 영역을 조절할 수 있습니다.colspan 속성과 rowspan 속성을 사용해 표에서 차지하는 ..
1. 특정 웹페이지에 연결하기 a태그는 anchor를 의미하며, 다른 웹페이지나 웹페이지 내부의 특정 위치로 이동할때 사용합니다. 태그 설명 a 하이퍼링크 생성 a 태그만으로는 어떤 웹페이지로 이동할지 웹브라우저에게 알려줄수 없습니다 그래서 href 속성을 사용해 알려줍니다. href는hyper reference를 의미 합니다 물레방아토끼 출력글자 를 의미 합니다. 하이퍼링크를 설정한 글자를 클릭하면 해당 웹페이지로 이동 합니다. 2. 웹페이지 내부에 연결하기 웹페이지 내부의 특정 태그로 이동하려면 id 속성을 추가로 사용해야 합니다. 우선 h1 태그에 id 속성을 입력하여야 합니다. a태그의 href 속성에 "#id 속성' 형태의 문자열에 입력합니다. 이동하려는 태그의 id 속성을 href 속성에 " ..
01 글자태그 1.제목과 본문 글자태그 제목글자 태그에서 h는 heading(제목)을 의미 합니다. P는 pargraph(단락), br은 break(줄바꿈), hr은 horizontal rule(수평줄)을 의미 합니다. 밑에 예시는 제목글자 h1~h6 예시를 입니다. 간단하게 h1이 가장큰 제목 태그이고, h6이 가장 작은 제목 태그라는것만 기억하시면 됩니다. 두번째 예시 입니다. 제목글자 가장 큰글자이고 는 다음 2번째로 큰 글자 태그 입니다. 태그로 문단을 나눈 모습입니다. 은 줄바꿈입니다. 은 수평선 태그 입니다. 결과 나온 이미지에 보시면 h2태그 밑에 밑줄이 보입니다. 의 수평선 태그입니다. 태그 설명 제목글자 h1 첫번째로 큰 제목글자 생성 h2 두번째로 큰 제목글자 생성 h3 세번째로 큰 제..
크롬을 켜줍니다 오른쪽에 쩜 3개 세로로 되어있는걸 클릭하면 설정에 들어가 줍니다 ㅎㅎ 설정에 들어오셨으면 맨밑으로 내려가면 고급이 보일겁니다 고급을 클릭해주세요 ㅎㅎ 그리고 조금만 내려가시면 개인정보 및 보안 > 인터넷 사용 기록 삭제 를 클릭해줍니다 기간은 언제기간까지 삭제할것인가?를 의미합니다. 원하는 기간을 선택해주시고 인터넷 사용 기록삭제를 클릭해주시면 됩니다 그러면 인터넷 사용 기록이 삭제 된걸 보실 수 있습니다 ㅎㅎ 아 이페이지는 방문기록 페이지를 열어본겁니다! ㅎㅎ
코드펜은 웹디자이너 퍼블리셔 프론트엔드개발자분들이 많이 사용하는 사이트 인데요 https://codepen.io/ 아래 사이트클릭하여 위에 Start Coding을 누르면 코딩테스트를 할 수 있는 화면이 나옵니다 ㅎㅎ CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io 이렇게 바로 나옵니다 HTML CSS JS를 활용해서 볼 수 있으며 change view를 클릭하면 화면 보는것도 변경할 수 있습니다ㅎㅎ 장점은 바로바로 코딩한걸..
카카오계정 로그인 여기를 눌러 링크를 확인하세요. accounts.kakao.com 사이트에 들어가서 회원가입을 해줍니다. 기존 다음에드핏은 기존에 사용했던 사람 회원 가입이 되지 않는다고 하군요 다음에드핏 - > 카카오에드핏으로 이름이 변경 됐습니다. 회원가입은 까먹고 캡쳐를 안했네요 하시다보면 아세요 ㅋㅋ 회원가입후 광고관리- > 새메체 클릭해줍니다. 매체명 블로그 이름 매체 고유값 블로그 주소 입력후 광고단위 등록 해주세요 저는 광고 단위명 사이드바 라고 지정하고 배너는 1600x1600으로 설정 했습니다 ㅎㅎ 광고관리>계정전체>전체 매체를 클릭하시면 심사 상태가 심사대기로 바뀌었습니다. 보통 1~3일정도 사이로 심사결과를 알려준다고 하니 참고하시면 될것 같습니다
이번에 컴퓨터 속도가 너무느려서 CPU 사용량 줄이는방법을 알아보다가 알게되었는데요 컴퓨터에 잘아시는분들은 이방법 아시겠지만 저처럼 컴퓨터 고자인분들에게 꿀팁으로 알려드려요. 시작프로그램-프로그램및 파일검색에 실행이라고 검색을 해줍니다. 실행 검색창이 뜨면 msconfig 라고 쓰고 확인을 눌러줍니다. 단축키는 윈도우 + R 그럼 이렇게 창이 뜰텐데요 위에 이미지 처럼 선택해 주시고 그다음 시작프로그램을 클릭하고 모두 사용안함 체크 확인을 눌러주시면 됩니다. 이렇게 확인을 눌러주시면 재부팅을 해야한다고 창이뜨는데 재부팅을 하시면 끝! 이렇게 하면 컴퓨터 속도 느려짐과 CPU 사용량 줄이기 두가지가 해결되는걸 느끼실 수 있습니다. 하지만 이방법은 일시적인 문제 해결일뿐 장기적으로 컴퓨터 속도 향상을 원하신..