'Web > Html_Css' 카테고리의 다른 글
| HTML로 리다이렉트 하기 (0) | 2021.09.29 |
|---|---|
| 부트스트랩 태그 중앙정렬 (0) | 2020.06.26 |
| css 사이즈 원하는대로 조절하려면 (0) | 2020.06.22 |
| 부트스트랩 사이트 모음 (0) | 2020.06.22 |
| 그리드 grid 사용법 (0) | 2020.06.19 |
Web/Html_Css
- style display 옵션 테스트 2021.11.20
- HTML로 리다이렉트 하기 2021.09.29
- 부트스트랩 태그 중앙정렬 2020.06.26
- css 사이즈 원하는대로 조절하려면 2020.06.22
- 부트스트랩 사이트 모음 2020.06.22
- 그리드 grid 사용법 2020.06.19
- 부트스트랩 그리드 배치 쉽게 하는 사이트 2020.06.16
- materializecss / w3schools 아이콘 사용 2020.06.15
style display 옵션 테스트
2021. 11. 20. 04:43
HTML로 리다이렉트 하기
2021. 9. 29. 14:19
자바스크립트를 사용하지 못하는 환경이거나 HTML만 사용할 수 있는 환경에서 주소 이동을 하고 싶은 경우 사용한다.
ex) aws 로드밸런서의 리 다이렉션 등 (https -> http로 리다이렉트도 가능)
보안적인 이슈가 있을 수 있으니 조심하여 사용할 것
text/html 타입으로 설정한 뒤 head 태그 안에 meta 태그를 넣어준다.
content 안의 0은 리다이렉션 대기 시간이고 세미콜론 이후에 주소를 넣어준다.
<html>
<head>
<meta http-equiv="refresh" content="0;url=http://www.google.com/">
</head>
</html>'Web > Html_Css' 카테고리의 다른 글
| style display 옵션 테스트 (0) | 2021.11.20 |
|---|---|
| 부트스트랩 태그 중앙정렬 (0) | 2020.06.26 |
| css 사이즈 원하는대로 조절하려면 (0) | 2020.06.22 |
| 부트스트랩 사이트 모음 (0) | 2020.06.22 |
| 그리드 grid 사용법 (0) | 2020.06.19 |
부트스트랩 태그 중앙정렬
2020. 6. 26. 10:52
'Web > Html_Css' 카테고리의 다른 글
| style display 옵션 테스트 (0) | 2021.11.20 |
|---|---|
| HTML로 리다이렉트 하기 (0) | 2021.09.29 |
| css 사이즈 원하는대로 조절하려면 (0) | 2020.06.22 |
| 부트스트랩 사이트 모음 (0) | 2020.06.22 |
| 그리드 grid 사용법 (0) | 2020.06.19 |
css 사이즈 원하는대로 조절하려면
2020. 6. 22. 17:14
dom의 모든 마진과 보더를 없앤 뒤 각 태그를 커스텀한다
'Web > Html_Css' 카테고리의 다른 글
| HTML로 리다이렉트 하기 (0) | 2021.09.29 |
|---|---|
| 부트스트랩 태그 중앙정렬 (0) | 2020.06.26 |
| 부트스트랩 사이트 모음 (0) | 2020.06.22 |
| 그리드 grid 사용법 (0) | 2020.06.19 |
| 부트스트랩 그리드 배치 쉽게 하는 사이트 (0) | 2020.06.16 |
부트스트랩 사이트 모음
2020. 6. 22. 09:11
https://blog.naver.com/codingspecialist/221449851012
부트스트랩 사이트 모음!! (최종)
트위터 공식 홈페이지https:/getbootstrap.com/스닙https://bootsnipp.com/brilliant 페이지http://vis...
blog.naver.com
'Web > Html_Css' 카테고리의 다른 글
| 부트스트랩 태그 중앙정렬 (0) | 2020.06.26 |
|---|---|
| css 사이즈 원하는대로 조절하려면 (0) | 2020.06.22 |
| 그리드 grid 사용법 (0) | 2020.06.19 |
| 부트스트랩 그리드 배치 쉽게 하는 사이트 (0) | 2020.06.16 |
| materializecss / w3schools 아이콘 사용 (0) | 2020.06.15 |
그리드 grid 사용법
2020. 6. 19. 15:53
https://blog.naver.com/haha7037/222005351480
HTML/CSS grid 기본개념정리
* 전체 레이아웃을 grid로 잡고 세부 내용은 flex로 잡는 레이아웃이 많음!* 파이어폭스로 결과물을 확인...
blog.naver.com
'Web > Html_Css' 카테고리의 다른 글
| css 사이즈 원하는대로 조절하려면 (0) | 2020.06.22 |
|---|---|
| 부트스트랩 사이트 모음 (0) | 2020.06.22 |
| 부트스트랩 그리드 배치 쉽게 하는 사이트 (0) | 2020.06.16 |
| materializecss / w3schools 아이콘 사용 (0) | 2020.06.15 |
| div // p // span 차이 (0) | 2020.06.11 |
부트스트랩 그리드 배치 쉽게 하는 사이트
2020. 6. 16. 18:54
'Web > Html_Css' 카테고리의 다른 글
| 부트스트랩 사이트 모음 (0) | 2020.06.22 |
|---|---|
| 그리드 grid 사용법 (0) | 2020.06.19 |
| materializecss / w3schools 아이콘 사용 (0) | 2020.06.15 |
| div // p // span 차이 (0) | 2020.06.11 |
| 부트스트랩 가로세로 정렬 (0) | 2020.06.10 |
materializecss / w3schools 아이콘 사용
2020. 6. 15. 09:44
https://materializecss.com/icons.html
Icons - Materialize
materializecss.com
----------------------------------------------------
https://www.w3schools.com/icons/tryit.asp?filename=tryicons_bootstrap
Tryit Editor v3.6
Bootstrap Icons Some Bootstrap icons: Styled Bootstrap icons (size, color, and shadow):
www.w3schools.com
w3schools에서 아이콘을 받아본다
nav에 추가
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
detail에 추가
결과
-------------------------------------
'Web > Html_Css' 카테고리의 다른 글
| 그리드 grid 사용법 (0) | 2020.06.19 |
|---|---|
| 부트스트랩 그리드 배치 쉽게 하는 사이트 (0) | 2020.06.16 |
| div // p // span 차이 (0) | 2020.06.11 |
| 부트스트랩 가로세로 정렬 (0) | 2020.06.10 |
| 부트스트랩 div 내용 오른쪽 정렬 (0) | 2020.06.10 |