# html

7389개의 포스트

[TIL] 폼 요소

이때까지 값을 입력하는 폼 요소를 배웠고, 이후는 그 외적인 폼 관련 요소들이다.폼 요소와 연결해주기 위함으로 사용되는데, 웹 접근성 향상에 도움이 되므로 필수적으로 선언 해줘야 한다. id 속성의 값과 해당 label요소의 for속성의 값을 동일하게 적어야 한다.아이

25분 전
·
0개의 댓글
post-thumbnail

[HTML] 배경 지식

[TIL] HTML / W3C / 브라우저 에 관련한 간략한 설명

약 4시간 전
·
0개의 댓글

[수업 5월 셋째주 1일차] CSS-4

오늘은 position과 기본 레이아웃을 공부했다.\-position: relative\-position: absolutepostition에서 relative 와 absolute의 가 설명이 이해하기 어려워 구글링해보았다.relative는 요소를 원래 위치를 기준으로

약 6시간 전
·
0개의 댓글

Html 시작하기(2)

Html 시작하기 2

약 6시간 전
·
0개의 댓글

[수업 5월 둘째주 4일차] CSS-3

1. 학습내용 오늘은 Box-shadow와 애니메이션 효과를 주는 방식에 관해 배웠다. Box-shadow 각각 수치에 따라서 그림자를 짙게 주거나, 밖이 아닌 안쪽으로 주는 등의 옵션을 지정할 수 있다. transform과 transition으로 애니메이션 효과

약 6시간 전
·
0개의 댓글

20220509~20220515 WIL lee jaeguen

부트캠프의 첫 주가 지나갔다.몰려오는 지식은 머리를 스쳐 지나가고스치며 생기는 생채기는 상처인 듯 바쁨을 알려준는 상징인 듯어찌되었든 무언가 남고있다는 느낌은 든다.첫 주는 jquery 를 사용하여 웹 페이지에 one click으로 modal창을 띄우거나준비해놓은 창으

약 12시간 전
·
0개의 댓글

HTML/CSS 코칭 스터디 1주차 간단한 학습 내용 정리

HTML/CSS 코칭 스터디 1주차 간단한 학습 내용 정리

약 16시간 전
·
0개의 댓글

TIL(2022. 5.10) - form

form 태그는 자주 쓰이는 태그로 우리가 로그인할 때 보는 로그인창, 검색창을 이용할 때마다 보았을 것이다. form 태그에 대해서는 한 차례 정리해놓은 적이 있었다. (혼자 공부하면서 html 태그에 대해서 정리했을 때 정리했다) form `` : 주소 표시줄에

약 21시간 전
·
0개의 댓글
post-thumbnail

[9일차] CSS transition, animation, transform, box-model, margin, border, display 속성들

transition, transform, animation, CSS boxmodel, border, margin 등의 속성에 대해 알아보자.

약 21시간 전
·
0개의 댓글

[TIL]폼 요소

select 요소 선택 목록 상자 혹은 콤보 박스라고도 한다. 몇 개의 선택지를 노출시키고 하나를 선택하게끔 하는 요소로 리스트 태그와 비슷하다. select태그의 자식태그로 option태그가 들어온다. option태그에는 selected라는 속성이 있는데,<inpu

약 23시간 전
·
0개의 댓글
post-thumbnail

[2022.05.15] Canvas API - 캔버스에 이미지 사용하는 방법

자바스크립트에서 이미지 객체를 만든 후, 캔버스에서 불러오면 된다.두 가지 방법 중 1개를 사용하면 메모리 상에 이미지 객체가 만들어진다.이제 HTML에서 img 요소를 작성하는 것처럼 자바스크립트에서 src를 넣어서 이미지의 경로를 작성해주면 된다.여기서 알아야 할

어제
·
0개의 댓글
post-thumbnail

[Javascript] 금융앱 토이 프로젝트 - 리팩토링

💡 리팩토링 import용 파일 생성 용도에 따른 js 파일 분리 JSON 데이터 처리 이벤트 처리 chart.js 라이브러리 ` → ` 변경 className, classList.add, setAttribute JSON 데이터 처리 부분 구조 변경 중

어제
·
0개의 댓글
post-thumbnail

[Javascript] 금융앱 토이 프로젝트

🪙 Fintech App 금융앱 화면을 웹으로 구현해보는 프로젝트이다. 5월 6일 저녁부터 시작해서 5월 10일까지, 주말을 제외한다면 약 3일동안 프로젝트를 진행해야 했다. Figma를 통해 받은 디자인 시안을 보고 HTML과 CSS로 화면을 구성했고, Javas

어제
·
0개의 댓글
post-thumbnail

3. 제목, 문단, 인용구, 인용문, 강조 요소

제목에 관한 요소로 h1 ~ h6 까지있습니다. 중요도는 1이 가장 높고 6이 가장낮습니다. 해당 제목요소를 사용할때는 순서대로 사용을 해야하는데 이 뜻은 h1을 쓴다음 바로다음에 h4가 오거나 할 수 없다는 뜻입니다. h1을 썼으면 그다음에는 h2를 입력해야합니다.

어제
·
0개의 댓글
post-thumbnail

웹 클론 코딩 (2)

저번글에 이어서 이번엔 section 부분을 공부하면서 만들어 보려고 합니다.

2일 전
·
0개의 댓글

HTML 작성 팁

스크린 리더기에게 정보를 전달할 때 사용한다.aira-label=""aria-hidden="true" // 스크린리더에게 읽지 말고 생략하라고 알려줌(시각적인 요소인경우)

2일 전
·
0개의 댓글

Meta 태그

2일 전
·
0개의 댓글
post-thumbnail

HTML&CSS 1

※사진을 저장을 한다면 html을 저장한 파일에 같이 존재를 해야한다.또는이라고 body에 입력을 하면 된다.✍작성👉결과이라고 이것도 body에 입력을 하면 된다.그러면 사진도 삽입이 되면서 크기가 조정이 된다.✍작성👉결과똑같아 보여도 사진을 직접 넣으면 다를 것이

2일 전
·
0개의 댓글
post-thumbnail

HTML/CSS/Javascript

HTML은 크게 head와 body로 구성되며, head안에는 페이지의 속성 정보를, body안에는 페이지의 내용을 담는다.head 안에 들어가는 대표적인 요소들: meta, script, link, title 등body 안에 들어가는 대표적인 요소들:

2일 전
·
0개의 댓글
post-thumbnail

[2022.05.14] Canvas API - 애니메이션 멈추는 방법

이전에 공부했던 캔버스 강좌를 이어서 1분 코딩님의 라이브강좌 영상을 기준으로 작성하였다.오늘은 간단히 애니메이션을 멈추는 방법에 대해 공부해보았다.지난번에 작성한 캔버스 관련 포스트Canvas API 개념 & 기본 사용방법Canvas API 선과 원 그리기Canvas

2일 전
·
0개의 댓글