HTML에서 이미지 삽입
css를 활용하여 style에서 크기 조절한다.
src는 사진의 경로를 올린다.
최고 너비를 100px로 주었고, 이미지 경로는 메뉴 테이블에서 이미지가 저장된 곳의 url을 지정했다.
1 | <img style="width:100%;" src="{{ menu.image.url }}"> | cs |
퍼센테이지(%)로도 사이즈 크기를 조절할 수 있다.
'코딩 연습 > HTML&CSS' 카테고리의 다른 글
| Select Element를 활용하여 카테고리 지정하기 (0) | 2019.01.16 |
|---|---|
| 텍스트 가운데 정렬 (0) | 2018.12.06 |
| 폼 클래스 없이 데이터 수정하기(value 속성 사용) (0) | 2018.12.03 |
| Grid로 2번 연속 나누기 (0) | 2018.12.03 |
| <table>, <tr>, <th>, <td> 사용해보기 (0) | 2018.12.01 |
쵸잇