티스토리 뷰

Frontend/Html&CSS

Html, CSS Tag, 유효태그 유무 확인 사이트

AlgoRoot 2021. 12. 15. 10:16
반응형

 

*html.css 라이브 구현 사이트

 

1. 브라우저 지원 가능한 태그들 확인하는 사이트 

 

https://developer.mozilla.org/en-US/docs/Web/HTML

 

HTML: HyperText Markup Language | MDN

HTML (HyperText Markup Language) is the most basic building block of the Web. It defines the meaning and structure of web content. Other technologies besides HTML are generally used to describe a web page's appearance/presentation (CSS) or functionality/be

developer.mozilla.org

 

 

2. 내가 유효한 태그를 썼는지 확인하고 싶다면, 

 

https://validator.w3.org/

 

 

The W3C Markup Validation Service

Validate by File Upload Note: file upload may not work with Internet Explorer on some versions of Windows XP Service Pack 2, see our information page on the W3C QA Website.

validator.w3.org

https://caniuse.com/

 

Can I use... Support tables for HTML5, CSS3, etc

 

caniuse.com

 

 

3. Document and website structure

 

https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure

 

Document and website structure - Learn web development | MDN

At this point you should have a better idea about how to structure a web page/site. In the last article of this module, we'll study how to debug HTML.

developer.mozilla.org

 

 

4. Color 조합 사이트 for web

https://material.io/resources/color/#!/? view.left=0&view.right=0 

 

Color Tool - Material Design

Create and share color palettes for your UI, and measure the accessibility of any color combination.

material.io

 

 

Reference : Youtube 드림 코딩 by 엘리

반응형

'Frontend > Html&CSS' 카테고리의 다른 글

html, css Responsive header 역시나 오늘도 있었던 issue  (0) 2022.01.04
CSS Flexbox  (0) 2022.01.04
CSS display, position  (0) 2022.01.03
CSS selector  (0) 2022.01.03