본문 바로가기

디지털 노마드를 꿈꾸며/HTML18

CSS | 이미지에 캡션 삽입하기: figure, figcaption 사진에 캡션; 사진제목을 추가하는 방법은? 그냥 img태그 뒤에 글자로 남기면 되는것인가? 아니면 로 이미지 태그 뒤에 넣으면 되는 건가? 나만의 홈페이지 만들기 클로닝을 하고 있어요. 처음부터 내용과 디자인을 직접 구상한 것은 아니지만, 수업 내용에서 제공하는 것을 토대로 그대로 만들어 보고 있습니다. 이제 , , 등등을 어떤 식으로 사용하는지는 익숙해 지고 있는데, 사진 아래 캡션을 다는 것에서 잠시 멈칫...! img태그 안에 alt로 표시하는 건 어차피 화면상에 보이지 않으니 소용이 없고, 그 뒤에 태그를 만들어서 사진 제목을 붙이는 것도 뭔가 비효율적인 방법인 것 같습니다. p로 쓴다고 해도 이미지 바로 아래 부분 부터 사진 제목이 위치하게 되는 것도 아니니 모양이 이상해지고... 캡션 폰트 사.. 2020. 5. 15.
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.
HTML 편집기로 사용할 서브라임 텍스트3 다운받기 HTML편집기로 사용할 수 있는 아주 좋은 프로그램인 '서브라임 텍스트3'를 다운받으려고 한다. HTML편집기로 메모장을 이용하는 방법은 전에 알아본 적이 있다. 관련 글을 참고하고 싶다면 아래의 링크로! https://dowhateveryouwant1661.tistory.com/5?category=384060 HTML 편집기, 기초, 속성 1. HTML 편집기 Bluefish나 w3school에서 제공하는 tryit editor등이 존재하기도 하지만 이번에는 윈도우 내에 존재하는 메모장을 활용해서 HTML을 연습해 볼 수 있는 방법이 있다. - 1. 메모장을 열고 2. HTML을.. dowhateveryouwant1661.tistory.com 메모장에 태그들을 작성할 때는 자유롭게 메모할 수 있다는 장.. 2020. 4. 3.
HTML URL, XHTML, 스타일 가이드 1. HTML URL URL은 Uniform Resource Locator를 의미한다. 웹 상에서의 주소라고 생각하면 된다. 형식은 다음과 같다. scheme://prefix.domain:port/path/filename scheme은 인터넷 서비스의 유형으로 흔히 http 또는 https가 있다. http HyperText Transfer Protocol Common web pages. Not encrypted https Secure HyperText Transfer Protocol Secure web pages. Encrypted ftp File Transfer Protocol Downloading or uploading files file A file on your computer prefix는도메.. 2020. 3. 28.

티스토리툴바