'HTML' 태그의 글 목록 (2 Page)

7 HTML 회원가입 폼+ 테두리 + 아이콘 만들기!

2023.05.30

HTML 회원가입 폼+ 테두리 + 아이콘 만들기! 저번 회원 가입 폼은 조금 아쉬워서, 보다 완성도 있게 새로 만들어보았다. 아이콘도 추가하고, 아이콘을 클릭하면 특정 링크로 이동하게 했다. * 조금 더 완성도 있는 회원가입 폼 HTML 과 CSS로 회원가입 폼 만들기 + 그림자효과 넣기 (클릭) 코드 뉴진스 팬클럽 회원가입 - - 000000 인증번호전송 3:00 인증확인 최애 멤버를 선택하세요. 해린 하니 민지 다니엘 혜인 여성 남성 가입하기 결과 See the Pen NEW by Kong Yang (@Kong-Yang) on CodePen.

🌱 코린이를 위한 GUIDE/🗂️ OpenSource

6 회원가입 폼 만들기 <form> <input>

2023.05.30

회원가입 폼 만들기 과 을 통해 양식을 만들 수 있다. 의 타입을 지정해주면 다양하게 활용이 가능하다. 📍 은 닫는 태그가 따로 없어도 된다. * 조금 더 완성도 있는 버전의 회원가입 폼 링크1 회원가입 폼+ 테두리 + 아이콘 (클릭) 링크2 HTML 과 CSS로 회원가입 폼 만들기 + 그림자효과 넣기 (클릭) 코드 팬클럽 회원가입 아이디 : 비밀번호 : 이메일 : 나이 : 여성 남성 회원가입 하시면 추첨을 통해 사은품을 드립니다. 결과 See the Pen by Kong Yang (@Kong-Yang) on CodePen.

🌱 코린이를 위한 GUIDE/🗂️ OpenSource

5 모집공고를 만들어보자! <img> <ul> <ol> <li>

2023.05.30

모집공고를 만들어보자! 과 을 이용해서 모집 공고를 만들어보자. 이 때 사진도 첨부하면 좋을 것이다. 이미지를 넣는 태그는 이다. 📍 를 단독으로 사용 하는 것이 아니라, 이미지를 견인하는 주소 혹은 첨부하는 위치를 같이 첨부해야한다. 아래는 예시이다. 코드 수습 국원 모집 방송에 관심 있는 새내기 여러분 환영합니다 교내 방송국에서 신입생을 대상으로 수습 국원을 모집합니다. 학부와 전공은 상관 없습니다. 방송에 관심 있는 여러 학우의 지원 바랍니다. 모집 기간 : 3월 2일~ 3월 11일 모집 분야: 아나운서, PD, 엔지니어 지원 방법: 양식 작성 후 이메일 접수 지원서 양식은 교내 방송국 홈페이지 공지 게시판에 있습니다. 혜택 수습기자 활동 중 소정의 활동비 지급 정기자로 진급하면 장학금 지급 결과 ..

📚 지식 채우기/웹 (프론트엔드, 백엔드)

[웹] HTML의 블록(block) 과 인라인(inline) 요소

2023.05.30

HTML의 블록(block) 과 인라인(inline) 📌 HTML 요소의 타입📌 HTML의 모든 요소는 해당 요소가 웹 브라우저에 어떻게 보이는가를 결정짓는 display 속성을 가집니다. 대부분의 HTML 요소는 이러한 display 속성값으로 다음 두 가지 값 중 하나를 가지게 됩니다. 1. 블럭(block)요소 하나의 태그가 브라우저에서 좌우공간을 다 차지하면서 독립적인 덩어리 공간을 가지는 요소 2. 인라인(inline) 요소 하나의 태그가 브라우저에서 실제로 코딩된 그 영역만 차지하여 좌우가 다른 태그가 나란히 위치할 수 있는 요소 = 텍스트레벨 요소, 행 안의 일부분 3. 특징 및 주의점 블럭요소는 내부에 블럭요소와 인라인요소를 포함할 수 있습니다. 인라인요소는 내부에 블럭요소를 포함할 수 없..

🌸 나의 다이어리

[D+4] 2023-05-12 아는 것이 힘이다

2023.05.30

[D+4] 2023-05-12 아는 것이 힘이다 CSS의 미디어쿼리를 이용해서 해상도에 따른 색상과 멘트의 변경을 코딩했다. 결과적으론, 두 가지 방식으로 코딩을 했다. 처음엔 무작정 헤딩을 하며 코딩을 했는데.. 완성하고 보니, 아쉬운 마음이 들었다. 왠지 이 것보다는 더 나은 구조로도 만들 수 있을 것 같았다. 결국, 두 번째에는 여러 자료를 구글링 해서 코드 구조를 개선할 수 있었다. display: inherit; 역시 아는 것이 힘이다 ㅋㅋ🔥 🌱오늘의 잔디 심기🌱 클릭

🌱 코린이를 위한 GUIDE/🗂️ OpenSource

4 옵션 선택을 해보자! <select> <option>

2023.05.30

옵션 선택을 해보자! 옵션을 선택하는 태그는 와 이다. 📍 만약 선택창에서 선택되지 않는 옵션을 원한다면, 내에 disabled를 적용하고 태그를 닫아주면 된다. 코드 양콩이가 가장 좋아하는 음식은? 김치찌개 돈까스 부대찌개 닭갈비 탕수육 마라탕 결과 See the Pen by Kong Yang (@Kong-Yang) on CodePen.

티스토리툴바