연구원생활 (48) 썸네일형 리스트형 [html] HTML에서 style 속성을 활용한 배경색 설정하기 ✅ 기본 문법HTML에서 style 속성을 사용하여 배경색을 설정하려면 다음과 같은 문법을 사용합니다: 내용위 문법에서 background-color는 CSS 속성이고, 색상은 적용할 색깔 값입니다. 색상 값은 이름, 16진수, RGB, RGBA 등 다양한 방식으로 지정할 수 있습니다.⬇️ 예시 Weekly Codeit 금요일에 만나는 코딩 한 스푼 Weekly Codeit 금요일에 만나는 코딩 한 스푼 ">Weekly Codeit금요일에 만나는 코딩 한 스푼✅ 다양한 색상 값 사용하기⚪ 색상 이름 이 영역의 배경색은 파란.. [html]div와 span을 이용하여 영역 나누기 와 : HTML의 중요한 레이아웃 도구로, 둘 다 그룹을 묶는 태그지만, 목적과 성격이 조금 다름🧱 vs 비교블록(block) 요소큰 영역을 묶음✅ 자동 줄바꿈 O인라인(inline) 요소글 속 작은 영역 묶음❌ 줄바꿈 X✅ 언제 쓰면 좋을까?페이지를 상단/중단/하단으로 나눌 때카드, 박스형 영역을 만들 때글 안에 색상/글꼴/배경 등 강조할 때🧱 : 영역(구역)을 묶는 박스웹페이지를 레이아웃 단위로 나누고 싶을 때 사용 공지사항 오늘은 휴무입니다. 공지사항 오늘은 휴무입니다.">공지사항오늘은 휴무입니다. 🧩 : 텍스트 속 일부만 스타일링 문장 중 일부 글자에만 스타일을 줄 때 사용span은 줄바꿈 없이 텍스트의 일부만 꾸밈강조, 색상 변경, 하이라이트 등에 좋 오늘은 중요한 날입니다... [html] 이미지 추가하기 🖼️ 태그 기본 문법 📌 주요 속성 설명src이미지의 경로 (필수!)alt이미지 설명 (이미지가 안 보일 때 표시되거나 접근성용)width / height이미지 크기 지정 (px 또는 %) 🔍 예제 1: 인터넷에 있는 이미지 불러오기 Weekly Codeit 생산성을 높여줄 유닉스 커맨드 꿀팁 생각만하면 모든게 이루어진다! 꿈 같은 이야기죠? 하지만 유닉스 커맨드를 사용하면 더 이상 꿈이 아니랍니다. 마우스 대신에 유닉스 명령어들을 사용하면 복잡한 일도 한 번에 뚝딱하거든요. 유닉스 커맨드를 사용할 때 알아두면 좋은, 작업 효율성을 UP! UP! 시켜주는 꿀팁 .. [html] html 속성 속성은 태그에 추가 정보를 제공하는 요소로, 대부분 name="value" 형태로 사용됨 🧩 HTML 속성 기본 구조 내용예시)이동a 태그는 링크href는 링크할 주소를 담는 속성"https://example.com"은 속성의 값 🧷 자주 쓰는 HTML 속성들 속성 이름설명href 태그에서 연결할 주소src 태그 등에서 이미지 경로alt이미지 설명 (접근성, 대체 텍스트)id요소 고유 식별자 (한 페이지 내에서 유일해야 함)class요소 그룹 분류 (CSS/JS에서 스타일 지정 등)style인라인 스타일 지정title마우스 올렸을 때 뜨는 설명target링크 열리는 위치 (_blank, _self 등)type 등에서 입력 형식 지정value 등에서 기본값 지정 ✅ 속성 사용 시 주의할 점 속성은 태그.. [html] 링크 추가하기 ✅링크 걸기HTML에서 링크(link)를 넣을 땐 태그를 사용a는 anchor(닻)"의 약자로서, 웹에서 다른 페이지로 연결해주는 "닻" 같은 역할이죠 ⚓🧷 기본 문법보여줄 글 Weekly Codeit 생산성을 높여줄 유닉스 커맨드 꿀팁 생각만하면 모든게 이루어진다! 꿈 같은 이야기죠? 하지만 유닉스 커맨드를 사용하면 더 이상 꿈이 아니랍니다. 마우스 대신에 유닉스 명령어들을 사용하면 복잡한 일도 한 번에 뚝딱하거든요. 유닉스 커맨드를 사용할 때 알아두면 좋은, 작업 효율성을 UP! UP! 시켜주는 꿀팁 몇 가지를 준비해봤으니까, 한 번 살펴보세요! 자세히 보기 .. [html] <br> 태그 : 줄 바꿈 ✅ 강제 줄바꿈 → 태그 사용 은 줄바꿈을 "그 자리에서 바로" 해줌단락이 아닌, 같은 문장 안에서 줄을 바꾸고 싶을 때 사용문단 나누기내용 덩어리 구분 & 줄바꿈강제 줄바꿈줄만 바꾸고 싶을 때 Weekly Codeit 생산성을 높여줄 유닉스 커맨드 꿀팁 생각만하면 모든게 이루어진다! 꿈 같은 이야기죠? 하지만 유닉스 커맨드를 사용하면 더 이상 꿈이 아니랍니다. 마우스 대신에 유닉스 명령어들을 사용하면 복잡한 일도 한 번에 뚝딱하거든요. 유닉스 커맨드를 사용할 때 알아두면 좋은, 작업 효율성을 UP! UP! 시켜주는 꿀팁 몇 가지를 준비해봤으니까, 한 번 살.. [html] 제목(heading) 태그와 단락(paragraph) 태그 Weekly Codeit 생산성을 높여줄 유닉스 커맨드 꿀팁 생각만하면 모든게 이루어진다! 꿈 같은 이야기죠? 하지만 유닉스 커맨드를 사용하면 더 이상 꿈이 아니랍니다. 마우스 대신에 유닉스 명령어들을 사용하면 복잡한 일도 한 번에 뚝딱하거든요. 유닉스 커맨드를 사용할 때 알아두면 좋은, 작업 효율성을 UP! UP! 시켜주는 꿀팁 몇 가지를 준비해봤으니까, 한 번 살펴보세요! 머신 러닝을 통한 추천 시스템 (내용 기반, 협업 필터링) 넷플릭스나 애플 뮤직은 어떻게 영화나 음악을 추천해주는 걸까요? 일단 추천 시스템이란 유저에게 유저가 좋아하거나 구매할 만한 상품을 추천해 주는 프로그램을 의미합니다. 내가 평소에 쓰는.. [html] 한글을 지원하는 인코딩 utf-8 : 한글을 지원하는 대표적인 인코딩 방식 안녕 HTML! 이전 1 2 3 4 ··· 6 다음
