Frontend

[HTML,CSS] 태그, 선택자 정리 사이트!

HTML, CSS를 공부하다 보면 느끼시겠지만 태그들이 찾으면 찾을수록 많이 존재합니다. 수많은 태그들이 존재하는데 그러면 모든 태그를 외워야하는건가? 라는 저처럼 고민하시는 분들이 계실 것 같아 정리가 잘 되어있는 사이트를 소개합니다. 특히 html, css를 처음 접하시는 초보자들에게 추천합니다 :) 1. HTML5 Tag Dictionary - https://opentutorials.org/module/552/4786 : 각 태그마다 정의와 설명, 그리고 예제를 같이 보여주기 때문에 이해하는데 더욱 도움이 됩니다. 2. CSS Dictionary - https://opentutorials.org/module/441 : W3C의 내용을 기본으로 만들어졌으며 예제들을 이미지와 jsfiddle 서비스를 ..

[HTML] 글자, 목록, 표 태그 + 예제 1~5

미리보기 기능 활용하기 f1 -> side preview 입력 -> enter ctrl + / : 마크업 언어 주석 기본 구조 !DOCTYPE : 현재 문서의 형식 지정, html 형식의 문서라는걸 선언 html 태그 : html 문서 내용을 정의하는 태그 lang 속성 : 현재 페이지가 어떤 언어로 되어있는지 표시. 검색 엔진 이용시 참고 용도. : html 문서의 제목, 스크립트, 스타일시트의 링크 또는 문서의 일반적인 정보(메타데이터)를 정의하는 태그. ex) , , , , 등이 있다. ;현재 문서의 문자 인코딩 정보 : 브라우저의 제목을 지정하는 태그 : html 문서의 내용(Content)을 정의하는 태그(화면에 출력되는 내용 작성) ✍글자 관련 태그 1) ~ 이게 어디 까지 보이 나요 ! HT..

[HTML] 웹 개요(주의사항, 기본구조)+VSCODE 설치

✍인터넷 : 전 세계의 컴퓨터들이 네트워크를 통해 연결되어 정보를 공유하는데 목적을 두며 프로토콜을 이용하여 통신 초기에는 군사용과 민간용으로 구분되었고 민간용이 지금의 인터넷이 되었다. ✍웹(WEB) : 인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 공간 인터넷의 통신망 위에서 작동하는 서비스 -역사 : 팀 버너스리가 하이퍼링크(Hyper Link)를 포함하는 문서의 개념 제안 월드 와이드 웹(WWW)을 개발 및 배포 웹 표준 단체 W3C 창설 ✍웹 표준 : 모든 브라우저에서 웹 서비스가 정상적으로 보여질 수 있도록 하는 것 - 각기 다르게 보여지면 사용자만 피해본다 표준안으로 HTML5를 웹 표준으로 권고  MS는 잘 안 따르는 반면 타사는 적극적으로 받아들임  MS 신 버전은 웹..