https://html-css-js.com/html/character-codes/icons/ Icons and Symbols - 𝗛𝗧𝗠𝗟 𝗖𝗛𝗔𝗥𝗔𝗖𝗧𝗘𝗥 𝗖𝗢𝗗𝗘 𝗣𝗜𝗖𝗞𝗘𝗥 Search: ➤Clickto copy Boy Baby Girl Man Woman Old Man Old Woman Alien Monster Man Health Worker Woman Health Worker Man Student Woman Student Man Judge Woman Judge Man Farmer Woman Farmer Man Cook Woman Cook Man Mechanic Woman Mechanic Man Factory W html-css-js.com 이 사이트에서 코드를 복사해서 그대로 붙여넣기 하면 됩니다

초기 셋팅 : ! div>ul>li*5 p*3>lorem5 선택자/ 결합자 div>.container>h1{Hello}+nav>ul>li*5>a{Link} * 연습 ctrl + l : 한 줄 선택 ctrl + d : 동일한 키워드 연속 선택 ctrl + alt + 화살표 : 멀티 커서 alt + 클릭 : 멀티 커서 alt + 화살표 : 선택한 라인 끌고가기 alt + shift + 화살표 : 선택한 라인 복사 ▷ emmet documentation cheat sheet 보면서 따라치기 첫 페이지 정도만 봐도 좋다. https://docs.emmet.io/cheat-sheet/ Cheat Sheet Download cheat sheet as printable PDF A5 docs.emmet.io

▷ mdn 문서 firefox를 만든 모질라 재단에서 하는 development network 웹 표준의 문서를 잘 정리하고 있는 웹사이트 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p : The Paragraph element - HTML: HyperText Markup Language | MDN The HTML element represents a paragraph. Paragraphs are usually represented in visual media as blocks of text separated from adjacent blocks by blank lines and/or first-line indentation, but HTML ..

HTML은 Tag 안에서 엔터를 친 것을 엔터로 인식하지 않는다. 그래서 을 통해 따로 줄바꿈을 만들어주어야한다.

Heading Heading texttext This is emphasis hit my name is 파이썬 알고리즘 웹 - Heading & Paragraphs 가장 큰 대주제 마크다운 # 랑 같다 문서의 최상위 제목이라는 뜻 그 다음으로 작은 글자 h1~h6까지 있다. - Lists ordered list 정렬된 리스트 list 그냥 리스트 얘는 unordered list이다 - 강조 strong tag / bold체 this is strong - 기울임체 em tag / emphasis this is emphasis

! + enter

My page Google Paragraph element Hi I am a watermelon 문단이 들어가는 부분 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p : The Paragraph element - HTML: HyperText Markup Language | MDN The HTML element represents a paragraph. Paragraphs are usually represented in visual media as blocks of text separated from adjacent blocks by blank lines and/or first-line indentation, but HTML paragraphs c..

Ctrl + / 언어마다 다르지 않고, 다 똑같다.

이 문서를 해석해서 우리에게 알려주는 것이 바로 브라우저이다. 해당 문서가 html 문서라는 것을 나타낸다. 전체 페이지의 콘텐츠를 포함한다 제목으로 활용 HTML 문서에 관련된 설명, 설정 사용자에게 보이지 않는다 페이지에 표시되는 모든 콘텐츠 사용자에게 보인다. ▷ HTML Element(요소) I like strawberry 이 줄 전체가 하나의 element이다. 하나의 요소는 여는 태그, 내용, 닫는 태그로 구성된다. 닫는 태그가 없는 경우도 있다. (내용이 필요없는 경우) 예를 들어서 이미지 태그 같은 것. ▷ HTML Attributes(속성) I like a book 이 중에서 class = "editor-note" 이 부분이 바로 속성이다. 속성의 이름 class 속성의 값 editor-..

HTML (HyperText Markup Language) 웹 페이지의 의미와 구조를 정의하는 언어 프로그래밍 언어는 아니다 - Hypertext 웹 페이지를 다른 페이지로 연결하는 링크 웹 페이지 간의 참조를 통해 사용자가 한 문서에서 다른 문서로 즉시 접근할 수 있는 텍스트 - Markup Language 태그 등을 이용하여 문서나 데이터의 구조를 명시하는 언어 ex) HTML, Markdown * Markup : 구조를 정의한다는 뜻 * 권장사항 태그는 되도록 소문자로 쓰기 큰 따옴포 (" ") 만 쓰기 HTML은 프로그래밍 언어와 달리 에러를 반환하지 않는다