본문 바로가기

html \ css9

[html] 이미지가 없을 경우 alt메세지 대신에 대체 이미지 출력하기 이미지를 불러올 수 없을 때 alt속성으로 문자를 출력할 수 있지만, 문자 대신 다른 이미지를 출력하는 것이 가능하다. 위와 같이 onerror 속성을 이용하면 원래 src 이미지를 불러오지 못했을 때 대체 이미지를 설정할 수 있다. 이 때 onerror이미지마저 불러오지 못한다면 무한 루프에 빠질 수 있으므로, 이를 방지하려면 아래처럼 onerror를 null로 지정하는 방식을 이용해야한다. onerror일 경우(원래 이미지를 불러오지 못했을 경우) 이미지를 null로 설정하고, src로 대체 이미지 주소를 불러온다. 이를 통해 onerror일 경우에 대체 이미지를 한 번만 불러오게 되어 무한루프를 방지할 수 있다. 크롬의 경우 onerror는 한 번만 불러오도록 브라우저 자체 설정되어 있으므로 괜찮지.. 2021. 6. 12.
css 선택자 html파일에 css파일 삽입하기 head 부분에 위 코드를 입력한다. href 속성값에 css파일의 경로를 입력한다. 특정 태그에 style 설정하기 p { background-color : blue; } li { color : green; } 모든 p 태그의 배경색을 blue로 설정한다. 모든 li 태그의 글자색을 green으로 설정한다. 특정 class에 style 설정하기 .firstlist { background-color : deepskyblue; } 모든 firstlist 클래스의 배경색을 deepskyblue로 설정한다. 특정 id에 style 설정하기 #loginbutton { background-color : pink; } loginbutton id의 배경색을 pink로 설정한다. 특정.. 2021. 2. 4.
사용자에게 입력 받기 당신의 직업은? 의사 판사 검사 강사 사용자에게 선택지를 보여주고 입력을 받는다. 사용자가 선택할 수 있는 선택지를 추가한다. selected 속성을 추가한 선택지는 최초 출력시 선택되어 보여진다. 차량 종류를 선택하세요. i6 7시리즈 m시리즈 Model s Model x E class C class S class 드롭다운 메뉴를 그룹으로 묶고, 각 그룹당 라벨을 설정할 수 있다. 좋아하는 과목을 선택하세요. text 타입의 에 선택지를 추가하는 태그이다. 태그의 list 속성에 의 id속성값을 넣어서 연결시킬 수 있다. 사용자는 text를 직접 입력할 수 있고, 아래의 선택지 중 하나를 고를 수도 있다. 2021. 2. 3.
양식 강좌 등록하기 그림 강좌: 피아노 강좌: 이름: 비밀번호: 아이디 저장: 첨부파일: 양식을 입력하여 전송할 때 사용하는 태그. 로그인, 파일 전송, 글쓰기 등에 사용. 사용자의 정보입력을 위한 태그. 속성 type="" password 비밀번호 text 문자 file 파일 첨부 button 버튼 radio 보기 중 선택 submit form에 입력한 양식을 전송 2021. 2. 3.
하이퍼링크 클릭시 다른 웹페이지를 띄우는 태그 속성 target="" _blank 새 창 _self 현재창 _parent 상위창 _top 최상위창 2021. 2. 3.