본문 바로가기

Etc./HTML4

[HTML] Markup Layout 너무 좋은 자료다. Markup 작성 기준을 이걸 토대로 연습하고 익히면 바쁜 와중에도 div를 남발하지 않고 할 수 있지 않을까?? 2021. 11. 4.
[HTML] emmet 문법 https://docs.emmet.io/cheat-sheet/ Cheat Sheet Download cheat sheet as printable PDF A5 docs.emmet.io html 작업환경에서(나의 경우는 vscode 상) 자동완성 기능 h1 h1{hello world} h1+p h1{hello}10 h1#one h1.one table>(tr>(td4))3 lorem lorem3 lorem5 img img:z a[a="value1" b="value2" c=1] a a[href="www.naver.com"] h1.one.two#three body 태그 사이에 있는 것들이 다 emmet 문법들인데 저렇게 입력하고서 팝업?처럼 뜰 때 tab 키를 누르면 저기에 연동되어 있는 tag들이 자동 입력된다.. 2021. 11. 1.
[HTML] div, section, article 셋은 모두 한 division을 담당하는 태그다. 그런데 왜 굳이 3개씩이나 있을까? content1 content2 content3 content4 look at this dirt...y..읍읍 구역을 나눠서 html을 작성하다 보면 이렇게 더럽게 쓰일 수도 있다. content1 content2 content3 content4 section과 article을 이용하면 좀 더 각 구역의 의미를 살리면서 코드를 쓸 수 있고 보기에도 좋다. 노마드 코더 파이썬 챌린지 할 때 div 범벅인 페이지 분석했을 때 좋지 못한 기억이 떠올랐다... 웩 2021. 10. 29.
[HTML] 접근하는 마음가짐 https://www.youtube.com/shorts/50ur0KsTUqw https://zetawiki.com/wiki/HTML%EC%9D%80_%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D_%EC%96%B8%EC%96%B4%EA%B0%80_%EC%95%84%EB%8B%99%EB%8B%88%EB%8B%A4 HTML은 프로그래밍 언어가 아닙니다 - 제타위키 다음 문자열 포함... zetawiki.com 이렇게 우스갯 소리로 말하듯이 HTML은 '마크업 언어'로 그냥 데이터의 구조를 알려줄 뿐인 언어다. HTML로 구성된 페이지를 창의력, 논리력을 사용한 코딩으로 보면 무겁게 느껴질 수도 있을 것 같다. 그래서 두희님이 강의에서 말씀해주신 것처럼 그냥 하나의 '보고서'.. 2021. 10. 29.