본문 바로가기

디지털 노마드를 꿈꾸며33

CSS | 이미지에 캡션 삽입하기: figure, figcaption 사진에 캡션; 사진제목을 추가하는 방법은? 그냥 img태그 뒤에 글자로 남기면 되는것인가? 아니면 로 이미지 태그 뒤에 넣으면 되는 건가? 나만의 홈페이지 만들기 클로닝을 하고 있어요. 처음부터 내용과 디자인을 직접 구상한 것은 아니지만, 수업 내용에서 제공하는 것을 토대로 그대로 만들어 보고 있습니다. 이제 , , 등등을 어떤 식으로 사용하는지는 익숙해 지고 있는데, 사진 아래 캡션을 다는 것에서 잠시 멈칫...! img태그 안에 alt로 표시하는 건 어차피 화면상에 보이지 않으니 소용이 없고, 그 뒤에 태그를 만들어서 사진 제목을 붙이는 것도 뭔가 비효율적인 방법인 것 같습니다. p로 쓴다고 해도 이미지 바로 아래 부분 부터 사진 제목이 위치하게 되는 것도 아니니 모양이 이상해지고... 캡션 폰트 사.. 2020. 5. 15.
CSS 다양한 배경이미지 사용으로 감각적인 첫화면 만들기 맘에 드는 여러개의 이미지를 찾았는데, 그걸 배경화면에 다 넣어보고 싶다면? 가능할까요? backgroud-image를 이용하면 가능하더랍니다! 넣고싶은 이미지의 url을 연결해서 컴마로 쭉 써주기만 하면 끝! 그리고 각각 이미지의 크기와 위치를 조정해주기만 하면 되요. 연습용으로 처음 만들어본 저만의 웹페이지 입니다. 요즘 코로나니 뭐니 해서 건강해져 보려고 주스를 만들어 먹고 있는데, 일명 '부스터 주스'라는, 그걸 주제로 웹사이트를 만들어 보고 있습니다. 아무튼, 우여곡절 끝에 헤더를 만들어놓긴 했는데, 배경색인 salmon을 더 돋보이게, 그리고 웹사이트가 주스에 대해서 알리고자 한다는 것을 더 효과적으로 사용할 순 없을까요? 무료 사진 공유 사이트에서 눈여겨 봤던 주스에 관련된 이미지를 찾아봤습.. 2020. 4. 18.
HTML 형식요소 외 label, select, textarea, button, fieldset, legend, datalist, output 1. HTML 형식(forms) 형식 요소는 텍스트 영역, 체크박스, 버튼, 제출버튼 등과 같은 사용자가 입력하는 형식을 정의한다. 1-1. 속성 형식 요소 자체에 포함되는 속성에 action, target, method등이 있다. - action은 제출한 형식이 실행되도록 하는 것이고 - target은 제출한 형식을 어떻게 보이도록 하는지 지정하는데, 새로운 브라우저에서 열거나(_blank) 지정된 영역 안에서 열거나, 현재 창에서 여는 방식이 있다. - method는 형식 요소에 입력값을 제출할 경우 get이나 post의 방법을 사용하는 것이다. post는 민감하거나 개인적인 정보를 제공하는 경우 주소에 형식 요소를 표시하지 않는 것이다. get은 기본값으로 형식 요소를 주소 안에 드러낸다. 1-2... 2020. 4. 14.
서브라임 텍스트로 만든 첫 웹페이지3 (수월-) ABOUT 페이지를 분석할 차례다. HOME 페이지는 완성되었고, 같은 html을 그대로 복사해서 ABOUT과 SERVICES로 복사하면 된다. 지금까지 분석했던 기본 설정 및 HOME에 대한 분석을 참고하고 싶다면 다음의 두 글의 링크로! https://dowhateveryouwant1661.tistory.com/28 서브라임 텍스트로 만든 첫 웹페이지1 (뿌듯-) (유툽을 보고 따라 만들긴 했지만) 다음과 같은 모습이다. 누가봐도 엉성하긴 하지만 하나하나 따라서 만들어 보니 진짜 만들어 지는구나..! 신기하기도 하고 재밌기도 하다. 태그를 한줄 한줄 덧붙여 갈 때 마다.. dowhateveryouwant1661.tistory.com https://dowhateveryouwant1661.tistory... 2020. 4. 7.

티스토리툴바