https://gs.statcounter.com/screen-resolution-stats
Screen Resolution Stats Worldwide | Statcounter Global Stats
This graph shows the stats of screen resolutions worldwide based on over 5 billion monthly page views.
gs.statcounter.com
| (ul), (ol)과 다른 (dl) (0) | 2022.11.20 |
|---|---|
| 웹개발시 알아두면 좋을 사이트 (0) | 2022.11.19 |
| <table> <th> <td> 라인 합치기 (0) | 2022.11.16 |
| (display: inline-block)에서 간격주는 방법 (0) | 2022.11.16 |
| (label) 태그에서 name의 중요성! (0) | 2022.11.16 |
기본적으로 ul과 ol의 경우, 여는 태그와 닫는 태그를 서로 떨어뜨려 작성하면서
중첩목록을 만드는데 반해, dl 태그의 경우, 여는 태그와 닫느 태그를 같이 활용하면서
내어쓰기를 할 수 있는 특징이 있다.
| PC, Mobile 인기 해상도 참고 사이트 (0) | 2022.11.27 |
|---|---|
| 웹개발시 알아두면 좋을 사이트 (0) | 2022.11.19 |
| <table> <th> <td> 라인 합치기 (0) | 2022.11.16 |
| (display: inline-block)에서 간격주는 방법 (0) | 2022.11.16 |
| (label) 태그에서 name의 중요성! (0) | 2022.11.16 |
1.W3C 검사 사이트
https://jigsaw.w3.org/css-validator/
W3C CSS 검사 서비스
파일 업로드를 통한 검사 직접 입력을 통한 검사
jigsaw.w3.org
2.구글 폰트 사이트 :
https://fonts.google.com/?subset=korean
Google Fonts
Making the web more beautiful, fast, and open through great typography
fonts.google.com
3.CSS 컬러 사이트
<color> - CSS: Cascading Style Sheets | MDN
CSS <color> 자료형은 색을 나타냅니다. <color>는 이 색이 배경과 어떻게 합성되어야 하는지 나타내는 알파 채널 투명도 값도 가질 수 있습니다.
developer.mozilla.org
4.이미지 맵 좌표 생성 사이트
Free Online Image Map Generator
Easy free online html image map generator. Select an image, click to create your areas and generate html your output!
www.image-map.net
5.컬러픽커 사이트
https://www.webfx.com/web-design/color-picker/
Color Picker by WebFX
Feedback Color Picker is a free tool supported by WebFX. If you have any feature requests or issues with the tool, submit them here for our team to review. Because this is a free tool, we do not currently offer paid support or guarantee service uptime.
www.webfx.com
6.로렘입숨 사이트
한글 Lorem Ipsum (간세네)
로렘 입숨(lorem ipsum; 줄여서 립숨, lipsum)은 출판이나 그래픽 디자인 분야에서 폰트, 타이포그래피, 레이아웃 같은 그래픽 요소나 시각적 연출을 보여줄 때 사용하는 표준 채우기 텍스트로, 최종
guny.kr
7.placeholder.com 사이트
8.W3C 공식문서 사이트
9.미디어퀴리 사이트
Media Queries
mediaqueri.es
| PC, Mobile 인기 해상도 참고 사이트 (0) | 2022.11.27 |
|---|---|
| (ul), (ol)과 다른 (dl) (0) | 2022.11.20 |
| <table> <th> <td> 라인 합치기 (0) | 2022.11.16 |
| (display: inline-block)에서 간격주는 방법 (0) | 2022.11.16 |
| (label) 태그에서 name의 중요성! (0) | 2022.11.16 |
<style>
table, th, td {
border-collapse: collapse;
<style>
| (ul), (ol)과 다른 (dl) (0) | 2022.11.20 |
|---|---|
| 웹개발시 알아두면 좋을 사이트 (0) | 2022.11.19 |
| (display: inline-block)에서 간격주는 방법 (0) | 2022.11.16 |
| (label) 태그에서 name의 중요성! (0) | 2022.11.16 |
| (form) 태그로 input 박스 만들기 형식 (0) | 2022.11.15 |
<div style="display: inline-block; margin: 20px 50px 0 0;">
| 웹개발시 알아두면 좋을 사이트 (0) | 2022.11.19 |
|---|---|
| <table> <th> <td> 라인 합치기 (0) | 2022.11.16 |
| (label) 태그에서 name의 중요성! (0) | 2022.11.16 |
| (form) 태그로 input 박스 만들기 형식 (0) | 2022.11.15 |
| (Input box)로 로그인 화면 만들기 (0) | 2022.11.11 |
<li>
<label><input type="radio" name="subject" value="eng">영어회화</label>
<li>
라디오 타입은 원래 1개 선택만 가능!!
하지만, name 같이 서로 상이할 경우, 여러개 값 선택 가능!!
| 웹개발시 알아두면 좋을 사이트 (0) | 2022.11.19 |
|---|---|
| <table> <th> <td> 라인 합치기 (0) | 2022.11.16 |
| (display: inline-block)에서 간격주는 방법 (0) | 2022.11.16 |
| (form) 태그로 input 박스 만들기 형식 (0) | 2022.11.15 |
| (Input box)로 로그인 화면 만들기 (0) | 2022.11.11 |
<body>
<form action="search.php" method="post">
<input type="text" title="검색">
<input type="submit" title="검색">
</body>
| 웹개발시 알아두면 좋을 사이트 (0) | 2022.11.19 |
|---|---|
| <table> <th> <td> 라인 합치기 (0) | 2022.11.16 |
| (display: inline-block)에서 간격주는 방법 (0) | 2022.11.16 |
| (label) 태그에서 name의 중요성! (0) | 2022.11.16 |
| (Input box)로 로그인 화면 만들기 (0) | 2022.11.11 |
.mytitle {
width: 300px;
height: 200px;
color: white;
text-align: center;
background-image: url("https://www.ancient-origins.net/sites/default/files/field/image/Agesilaus-II-cover.jpg");
background-size: cover;
background-position: center;
border-radius: 10px;
padding-top: 40px;
}
.wrap {
width: 300px;
margin: auto;
}<body>
<div class="wrap">
<div class="mytitle">
<h1>로그인 페이지</h1>
<h5>아이디, 비밀번호를 입력해주세요</h5>
</div>
<p>ID : <input style="text" /></p>
<p>PW : <input style="text" /></p>
<button>로그인하기</button>
</div>
</body>
| 웹개발시 알아두면 좋을 사이트 (0) | 2022.11.19 |
|---|---|
| <table> <th> <td> 라인 합치기 (0) | 2022.11.16 |
| (display: inline-block)에서 간격주는 방법 (0) | 2022.11.16 |
| (label) 태그에서 name의 중요성! (0) | 2022.11.16 |
| (form) 태그로 input 박스 만들기 형식 (0) | 2022.11.15 |