728x90

IMG 2

HTML의 임베디드 요소 - <img>, <video>, <audio>, <canvas>, <iframe>

임베디드 요소 embedded :끼워넣은, 내장된 단어 자체의 의미는 위와 같다. html에서 임베디드 요소란 직접 코드를 작성하는 것이 아니라, 외부의 소스를 가져와 삽입하는 요소를 뜻한다. 대표적으로 , , , , 태그가 여기에 속한다. 태그와 파일 경로 이미지 태그는 빈 태그, 단일 태그로 닫는 태그 없이 사용한다. 의 src 속성 img 태그가 가지는 가장 중요한 특성은 src 이다. 필수 속성이며 이미지의 경로를 적는다. src에 적는 주소로는 절대 경로와 상대 경로가 있다. 절대 경로(Absolute path) 어디에서든 동일한 결과를 보여준다.(구글 검색으로 찾은 이미지 경로 등) 루트 디렉토리를 포함하며 ( C:\를 항상 포함 ) URL 에서는 http:// 를 항상 포함한다. 서버 주소가..

WEB/HTML, CSS 2022.10.09

웹개발 종합반 1주차 (1-16) : 숙제- 원 페이지 쇼핑몰 만들기

과제는 homework 폴더 안에서 진행. homework 폴더 열기 그 안에 index.html 파일 만들어서 시작 템플릿 붙여 넣고 시작. *과제 내용 ▼부트스트랩 홈페이지▼ 참고해서 예시 이미지처럼 레이아웃 만들고 주문하기 버튼 누르면 '주문이 완료되었습니다.' alert 하기. https://getbootstrap.com/docs/4.0/components/alerts/ *이미지 : div로 영역 만들고 background에 이미지 씌워도 되고, img 태그만 사용해도 됨. *주문하기 버튼처럼 text 속성을 가진 컴포넌트 가운데 정렬: 가로 길이 설정 , margin: auto; 해서 안되면 display : block ;으로 설정할 것. img 태그로 한 것과 / div 태그로..

728x90