전체 글 (91) 썸네일형 리스트형 웹 문서의 이미지 및 미디어 삽입 이번 포스팅은 HTML 웹 문서에서의 이미지 및 여러 미디어 삽입 방법에 대해 포스팅하려 합니다. 포스팅 순서는 이미지 삽입, 오디오 삽입, 하이퍼링크 삽입 입니다. 이미지 삽입 HTML 문서의 태그에 태그를 추가해주었습니다. 태그안에는 src와 alt가 있습니다. src는 해당 이미지 파일의 경로, alt는 텍스트를 이야기 합니다.작성법은 가 됩니다. 태그 사용시 경로로 설정된 이미지를 브라우저에 띄울 경우 이미지 사이즈 원본에 맞게 나오므로 CSS 파일에서 태그에 대한 속성을 부여해줍니다. width(이미지 너비), height(이미지 높이)를 각각 임의의 값으로 지정하여 적용을 시키면 아래와 같이 나오게 됩니다. CSS 파일에서는 이미지 크기를 px로 조정했지만 %를 이용해서 조절 할.. 웹 문서의 표 만들기 안녕하세요. 이번 포스팅에서는 HTML 웹 문서에서 표를 만드는 방법을 포스팅 합니다. 표를 만드는 태그는 , 과 행을 만드는 태그 , 셀을 만드는 , 태그, 표의 구조인 , , 이 있습니다. 예시를 보겠습니다. 태그 안에 태그를 생성하여 , 태그를 이용하여 행과 열을 만들어 줍니다.웹 문서에서 태그 작성 시 화면에는 표가 나오지 않고 텍스트만 출력이 됩니다.표를 출력하기 위해서는 별도의 CSS 파일을 생성하여 다음과 같이 작성한 후 웹문서에 를 추가해줍니다. CSS 파일을 연결하여 생성된 결과입니다. 결과물을 보면 현재 작성된 표는 1개의 행에 3개의 열로 구성된 것을 볼 수 있습니다. 다음은 표의 구조입니다. 먼저 부분은 다음과 같이 작성하였습니다. 그리고 와 의 부분에 각각 row.. 7/1 기후동행카드 정식서비스 시작을 앞두고 있다. 안녕하세요. 이번 포스팅은 오랜만에 기후동행카드에 관련한 내역을 포스팅 해보려합니다.이전 기후동행카드 관련 내용은 아래의 링크를 참고 해주시면됩니다.https://ktw2408.tistory.com/66 기후동행카드를 구매해보았습니다.최근들어 지하철, 버스 등의 기본 요금이 인상하면서 교통카드를 이용 중인 제게는 매월 납부하는 후불 교통 카드 요금이 천차 만별이라 고민했습니다. 그리고 이러한 고민을 덜고자 서울시에ktw2408.tistory.comhttps://ktw2408.tistory.com/68 기후동행카드 충전 방법https://ktw2408.tistory.com/66 기후동행카드를 구매해보았습니다.최근들어 지하철, 버스 등의 기본 요금이 인상하면서 교통카드를 이용 중인 제게는 매월 납부하는 후불.. [어플 리뷰]K리그 어플 KICK 사용 후기 1 안녕하세요. 지난 파니니 포스팅에서 카드와 함께 나온 쿠폰이 있었는데 오늘은 이 쿠폰 사용과 K리그 팬 전용 어플인 KICK에 대해 간략하게 알아보겠습니다.지난 포스팅에 대한 내용은 아래 링크를 참고해주세요!https://ktw2408.tistory.com/84 [카드수집] K리그 파니니 2024 구매 후기안녕하세요! 이번 포스팅은 카드 수집에 관련한 포스팅입니다.카드 수집은 이전부터 다양한 종류의 카드를 수집했었는데.. 이번에는 스포츠!특히 제가 제일 좋아하는 스포츠인 축구 카드를 수ktw2408.tistory.com 사진에 보이는 쿠폰 코드는 파니니 팩에 한장씩 들어가있습니다.코드를 입력하기 위해서는 KICK어플에서 계정을 생성해야 입력 할 수 있습니다.KICK어플은 안드로이드, IOS 모두 사용이.. [카드수집] K리그 파니니 2024 구매 후기 안녕하세요! 이번 포스팅은 카드 수집에 관련한 포스팅입니다.카드 수집은 이전부터 다양한 종류의 카드를 수집했었는데.. 이번에는 스포츠!특히 제가 제일 좋아하는 스포츠인 축구 카드를 수집하게 되었고 이에 대한 소소한 취미를 소개하고자 합니다! 이번 수집 카드는 파니니 K리그 2024 카드 입니다!개봉에 앞서서 먼저 파니니에 대해서 소개를 하자면 파니니는 글로벌 스포츠 카드 브랜드이며 K리그 이외에도 EPL, 라리가, 세리에 A 등의 해외 리그의 컬렉션과 피파 월드컵, 그리고 NFL, NBA 등 다양한 스포츠 종목에서 카드를 발매해오고 있습니다. 구매 방법은 전국 세븐 일레븐 편의점에서 쉽게 구매 할 수 있습니다!가격은 1팩당 2000원이며 구성은 카드 6장과 K리그 판타지 쿠폰입니다.(K리그 판타지에 대.. [수납용품]쪼이소 영수증 정리 아코디언 파일 지갑 개봉기 안녕히세요! 이번 시간에는 해외여행 시 유용한 아이템을 소개하고자 합니다! 제품명은 쪼이소 영수증 지갑 아코디언 파일 입니다!내용물은 지갑 본체와 견출지2매입니다. 먼저 본체를 봅시다!본체 사진입니다. 마치 폴더를 정리 해둔 캐비넷을 보는 느낌입니다. 색깔도 무지개색이네요☺️견출지는 평범한 디자인이였습니다. 견출지는 앞선 사진서 본 폴더 헤드에 영수증 종류 별로 구분해서 사용하면 효율적일것 같습니다!이제 영수증을 지갑에 넣고 정리 해보았습니다. (영수증은 지난 5월에 후쿠오카서 썼던 영수증입니다.)네! 이렇게 영수증 정리가 끝났습니다. 저는 따로 카테고리를 설정하지 않고 1일차 영수증부터 차례대로 한 공간씩 정리했습니다☺️ 여행하기 전에 사야지 생각했는데..여행 끝나고 나서 사고 정리하게 되었습니다😂 이.. VSCode에 ubuntu를 연결하여 Python 설치하기 안녕하세요. 이번에는 VSCode에 우분투를 연결하여 파이썬을 설치해보려 합니다. 진행 과정은 다음과 같습니다.Windows에 우분투 환경 구축하기VSCode와 연결하기 파이썬 설치 후 파일 실행Windows에 우분투 환경 구축하기구축에 앞서서 우분투(ubuntu)는 리눅스 기반으로 '사용자 편의성'에 초점을 맞춘 개발, 배포용도로 사용하는 운영체제 입니다.하지만 본래의 뜻은 따로 있는데요. 본래의 뜻은 사람들간의 관계와 헌신에 중점을 두었으며 남아프리카 반투어로 '네가 있으니 내가 있다' 라는 윤리 사상이라고 합니다.우분투의 본래 뜻을 알아보았으니 이제 윈도우에서 구축을 해봅시다. 먼저 윈도우키를 눌러 [Windows 기능 켜기/끄기]를 실행 후 다음 사진에서 항목을 몇가지 체크합니다. 선택할 항목은.. [주방용품] 오라플 올스텐 물빠짐 수세미 거치대 개봉 안녕하세요. 이번 쿠팡에서 구매한 주방용품으로 오라플 올스텐 물빠짐 수세미 거치대입니다.이번에는 박스사진이 따로 없는 관계로 박스 내 내용물을 살펴봅시다. 해당 제품의 구성품으로는 거치대 본체, 칸막이, 브로슈어 입니다.칸막이 사이즈는 소형으로 제작되어있었고 탈부착이 간편하게 되어있습니다. 오라플에서는 다양한 제품들을 판매하고 있고 이를 브로슈어로 소개하고 있습니다. 나중에 필요한게 있다면 여기서 한번 구매해봐도 좋을 것같다고 생각합니다. 본체에 칸막이를 부착하였습니다. 하단의 물빠짐판은 거치대에 물기가 있을 경우 아래의 판에서 물이 빠지도록 되어있습니다. 물빠짐판 또한 간단하게 탈부착이 가능합니다. 거치대 본체에 세제와 수세미 공간을 적용하여 싱크대에 놓고 물을 뿌려보았고 물빠짐판을 통해 물이 잘 빠.. 이전 1 2 3 4 5 ··· 12 다음