-
[100DaysOfCode] 01 - 03강Front-end/100DaysOfCode 2022. 7. 16. 16:49
참고하기 좋은 사이트
MDN Web Docs
The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.
developer.mozilla.org
HTML Element
<h1>Hello World!</h1>
Tag Content
element들은 브라우저에게 어떤 컨텐츠(버튼, 이미지, 텍스트,...)를 보여줄 것인지 알려준다
응용 프로그램
코드를 예쁘게 작성할 수 있도록 도와주는 프로그램이다.
코드는 내 맘대로 줄바꿈을 할 수 없다
자동으로 줄바꿈을 해주는 기능은 [코드]- [기본 설정] - [바로 가기] - [Format document]을 통해 단축키 확인
HTML 문서 skeleton과 meta data
<!DOCTYPE html> //HTML 버전을 알려주는 역할
<html>
<head> //meta data (눈에 보이지 않는 영역)
<title>My page</title>
</head>
<body> //page Content (눈에 보이는 영역)
<h1>Welcome!</h1>
</body>
</html>
HMTL, CSS에서 주석 달기
HTML:
<!-- 내용 -->
CSS:
/* 내용 */
'Front-end > 100DaysOfCode' 카테고리의 다른 글
[100DaysOfCode] 07강 (0) 2022.07.20 [100DaysOfCode] 06강 (0) 2022.07.19 [100DaysOfCode] 05강 (0) 2022.07.19 [100DaysOfCode] 04강 (0) 2022.07.16 [100DaysOfCode] 100일 웹개발 챌린지 시작 (0) 2022.07.16