로고 이미지

고정 헤더 영역

글 제목

메뉴 레이어

로고 이미지

메뉴 리스트

  • 홈
  • 태그
  • 분류 전체보기 (46)
    • 경제와 재테크 공부방 (14)
      • 메가트랜드 공부 (3)
      • 관련주 모음 (8)
      • 투자경험 (3)
    • 작은 실험실 (21)
      • 티스토리 코딩 (5)
      • 가로세로 퀴즈 (2)
      • 지구를 지키는 것에 관하여 (0)
      • 재배학 (4)
      • 작물생리학 (3)
      • 지도·연구직 경력채용 공고 (3)
      • 공무원시험 채용공고 (4)
    • 쉬는 날 (11)
      • COOK (2)
      • BOOK (3)
      • Movies (1)
      • Shopping (5)

검색 레이어

로고 이미지

검색 영역

컨텐츠 검색

html

  • Do it! HTML5 + CSS3 웹 표준의 정석 (전면개정 2판)

    2021.01.09 by 고래🐋

  • 티스토리 HTML 버튼 만들기!

    2020.12.08 by 고래🐋

반응형
Do it! HTML5 + CSS3 웹 표준의 정석 (전면개정 2판)

최근에 코딩에 대한 관심이 생겨서 유튜브나 블로그를 찾아보기도하고 서점에서 책 한 권을 살펴보다가 "한 번 배워볼까?" 싶은 마음에 구입을 하게 되었다. 크게 두 개의 과정으로 구분되어 있으며, 기초적인 HTML과 여기에 CSS를 함께 적용하는 방법을 배운다. 개인적으로 막상 책을 사고 유튜브를 봐도 뭔가 밍기적밍기적 하다보니 한 달이 지나서 다 보게 되었다. 단원 별로 하나하나는 배우는데 그렇게 어렵지도 않고 매우 간단하기도하고 쉽기도 했다. 550쪽이라는 분량에 조금 주눅들긴 했는데, 유튜브에도 강의도 무료로 올라와 있었고, 때문에 진도는 생각보다 상당히 금방 끝낼 수 있었다. 책에서는 30일 진도와 15일 과정으로 진도나갈 것을 추천하고 있었는데, 마음만 먹으면 더 일찍 끝낼 수도 있을 거서 같긴 ..

쉬는 날/BOOK 2021. 1. 9. 18:07

티스토리 HTML 버튼 만들기!

버튼 코드 버튼 코드 : 버튼코드 사이에 텍스트를 입력하면 버튼안에 텍스트가 입력이 됩니다. 버튼의 크기는 글자크기를 키우거나 padding(상하좌우 간격)을 지정하는 코드를 써서 조절할 수 있습니다. 버튼 크기 1. 글자 크기조절로 버튼 키우기 : style="font-size: 숫자em;" 버튼에 스타일을 입힌다. 예를 들어 1.4em 크기로 글자를 키웠을 경우를 비교해보자. 보통크기 보통크기 1.4em 1.4em 2. 버튼 간격 조절 : "padding: 상(↑) 우(→) 하(↓) 좌(←) ;" 패딩은 상-우-하-좌의 순으로 값을 입력해준다. 위의 예시에서는 상하를 10px, 좌우를 50px로 설정해준 경우(2번째)와 상하를 50px과 좌우를 30px로 입력해준 모습을 볼 수 있다. 버튼 색상 버튼..

작은 실험실/티스토리 코딩 2020. 12. 8. 22:36

추가 정보

인기글

최신글

반응형
04-08 11:21

페이징

이전
1
다음
TISTORY
푸터 로고 © Pale Tiny Laboratory
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바