본문 바로가기
반응형

배움27

HTML 글씨 크기 변경 CSS HTML에서 글씨 크기를 변경은 주로 CSS(Cascading Style Sheets)를 이용합니다.예전에는 태그를 사용하기도 했지만, 지금은 권장되지 않는 방법이랍니다CSS를 사용해서 글씨 크기를 조절하는 방법은 몇 가지가 있어요. 가장 많이 사용되는 font-size 속성을 사용하는 방법을 알려드릴게요1. 인라인 스타일(Inline Style) 사용하기HTML 태그 안에 style 속성을 직접 사용해서 글씨 크기를 변경하는 방법입니다.특정 요소에만 스타일을 적용할 때 편리하지만, 여러 곳에 같은 스타일을 적용하려면 비효율적일 수 있어요. html이 문단의 글씨 크기는 20px입니다.이 텍스트의 글씨 크기는 1.5em입니다.2. 이 문단의 글씨 크기는 18px입니다. 이 문단의 글씨 크기는 2e.. 2025. 5. 9.
HTML 코드 표 만들기와 CSS 사용 아래는 가로 3칸, 세로 6칸짜리 표를 만드는 HTML 코드입니다. 각 셀에는 기본적인 텍스트가 들어 있으며, 필요에 따라 내용을 수정하시면 됩니다HTML Code 와 결과값총 6행(1개는 헤더, 5개는 내용), 3열로 구성되어 있으며 `border`, `cellpadding`, `cellspacing` 속성을 사용하여 테이블을 보기 좋게 구성했습니다. 블로그 스킨이나 에디터에 맞게 `style`을 추가로 넣어 커스터마이징할 수 있습니다.HTML 속성 설명1. border : 테이블 테두리 두께를 지정합니다.예 : border="1" → 1픽셀 두께 테두리2. cellpadding : 셀 안쪽 여백(패딩)을 지정합니다.예 : cellpadding="10" → 셀 내부 텍스트와 테두리 사이 여백이 10px.. 2025. 5. 6.
HTML Code 추천 3가지 HTML 태그는 웹 페이지를 만드는 데 꼭 필요한 요소들입니다. 정말 유용하게 사용되는 몇 가지 태그들을 자세히 알려드리겠습니다.웹 표준에 기반한 HTML5에서 자주 쓰이고 중요한 태그 3가지입니다. Code 1. 태그 (Anchor Tag)용도: 다른 페이지로 이동하거나 웹 페이지 내의 특정 위치로 점프할 수 있는 하이퍼링크를 만들 때 사용합니다. 예) '신청하기' 버튼구조: 링크 텍스트 또는 이미지 주요 속성: href: 가장 중요한 속성으로, 링크를 클릭했을 때 이동할 웹 페이지 주소나 파일 경로를 지정합니다. target: 링크를 열 방법을 지정합니다. _self (기본값): 현재 창에서 링크를 엽니다. _blank: 새 탭 또는 새 창에서 링크를 엽니다. _parent: 부모 프레임에서 링크를.. 2025. 5. 4.
블로그 최적화를 위한 HTML, CSS, JavaScript 공부 로드맵! 웹사이트의 뼈대, 디자인, 그리고 움직임을 담당하는 HTML, CSS, JavaScript 입니다. 이 글에서는 세 가지 언어가 무엇이고 왜 함께 배워야 하는지, 그리고 어떻게 효율적으로 공부할 수 있는지 알아봅니다. 블로그 스킨 최적화, 나만의 기능 추가에 관심 있다면 꼭 배워야 할 부분입니다 웹 페이지의 뼈대, 살, 그리고 심장 - 왜 HTML, CSS, JavaScript를 함께 배워야 할까요?웹 개발의 필수 요소인 HTML, CSS, JavaScript 이 세 가지는 마치 우리 몸의 '뼈대', '살과 옷', 그리고 '심장과 신경계'처럼 웹 페이지를 구성하는 핵심 요소들입니다. HTML(HyperText Markup Language)은 웹 페이지의 가장 기본적인 구조, 즉 제목, 문단, 이미지, 링.. 2025. 5. 3.
노션 유료 vs 무료 기능 (제한, 공유, 확장성) 노션(Notion)은 기본적인 기능을 무료로 제공하지만, 보다 확장된 협업과 워크스페이스 구축을 원한다면 유료 플랜이 필요합니다. 그러나 많은 사용자들이 유료와 무료의 차이를 명확히 알지 못해 불필요한 결제를 하거나, 반대로 필요한 기능을 쓰지 못하는 경우가 많습니다. 이 글에서는 노션의 무료와 유료 기능 차이를 제한, 공유 기능, 확장성 세 가지 측면에서 상세히 비교해드립니다.기능 제한: 어디까지 무료인가?노션은 매우 관대한 무료 플랜을 제공합니다. 개인 사용자라면 대부분의 기능을 별도 결제 없이 사용할 수 있으며, 특히 텍스트 작성, 테이블, 보드, 캘린더, 갤러리 등 다양한 데이터베이스 뷰를 포함한 구성 요소 대부분이 무료로 제공됩니다. 무료 플랜의 가장 큰 장점은 페이지 생성 무제한이라는 점입니다.. 2025. 5. 2.
1인 크리에이터 노션 (콘텐츠, 일정, 아카이브) 1인 크리에이터는 콘텐츠 기획, 제작, 일정관리, 데이터 아카이빙까지 모든 과정을 혼자 책임져야 합니다. 이런 복잡한 과정을 효율적으로 관리하는 데 있어 노션(Notion)은 매우 강력한 도구입니다. 이번 글에서는 1인 크리에이터가 노션을 활용해 콘텐츠 기획부터 일정 관리, 아카이브 구축까지 체계적으로 관리하는 방법을 소개합니다.콘텐츠 기획을 위한 노션 페이지 구성1인 크리에이터에게 가장 중요한 자산은 ‘콘텐츠’입니다. 하지만 아이디어가 떠오르는 순간은 예고 없이 찾아오고, 정리되지 않은 생각은 금방 사라지곤 합니다. 노션은 이러한 아이디어를 체계적으로 기록하고 정리할 수 있는 최적의 도구입니다. 노션에서 콘텐츠 기획을 위한 전용 페이지를 만들고, 카테고리별로 아이디어를 분류하면 작업 효율이 높아집니다... 2025. 5. 1.
반응형