본문 바로가기

HTML34

html 기본 요소 **매우중요 #1 block, inline요소 1) block 요소block 요소는div, h1, hr, p태그 등으로 구성되며, 화면을 가로 12분할로 봤을때, 12분할 전체를 차지하는 태그다.따라서, 가로 중에서도 "부분"영역이 아니라, "전체"영역을 담당한다는 점을 유념하자. 2)inlineinline요소는span, input, img, a태그 등으로 구성되며, block과는 다르게, 가로를 12분할로 보더라도, 1칸 부터 12칸까지 조정이 가능하다. #2 종속태그 종속태그의 중요성은 "상호작용"해야지만 "작동한다"라는 점 때문이다.이를테면부모태그 + 자식태그 = 작동 되지만태그 단독 - 작동 되지 않는다.여기에는 select, ol, ul, table등이 있다. 종속태그의 일종으로는 "목록"태그가 있다.li .. 2025. 1. 16.
Django - markdownx, ImportError: cannot import name 'url' from 'django.conf.urls' 해결 현재 진행하는 교재가 "Do it 장고+부트스트랩 파이썬 웹개발의 정석" 이라는 책으로 진행하고 있다. 430페이지 즈음에 pip install markdownx를 하라고 했다. 그 이유는 "포스트에 대해서 줄바꿈이 반영되어서 노출되기 위해" 였다. markdownx를 설치하고 사용하려고 하니 ImportError: cannot import name 'url' from 'django.conf.urls' 라는 에러가 떴다. 물론 뒤의 경로야 더 있지만 그건 컴퓨터 마다 경로가 다르기 때문에 그냥 생략했다. #1 원인분석 자료를 조사하다보니 markdownx는 django내부적으로 url을 활용하여 진행하는 라이브러리인데, 심플하게 Django3.x 버전까지는 지원이 되었으나 Django 4.x 버전부터는 .. 2023. 1. 4.
HTML - 태그 HTML - 태그 #1 head와 body 태그는 크게 로 나뉜다. head의 영역은 브라우저 엔진을 구동하기위한 영역이라고 보면 되고 body의 영역은 브라우저를 틀었을 때, 실질적으로 대부분의 가시적인 부분을 노출하는 곳이라고 생각하면 된다. #2 body에 들어가는 주요 태그들 사실상 대부분의 태그명은 정해진것은 아니라고도 볼 수 있는 것같다. 간결하게 쓰자면 영역표시를 div로만 하는 경우도 있기 때문이다. 하지만 나 외의 사람들이 작업할때 코드를 볼 가능성이 매우매우 높기 때문에 그들에게도 이해를 시켜주기 위한 body 주요태그들을 구조적으로 보자면 header - body안에서 일종의 head역할을 한다. nav - 네비게이션 영역 section - 일종의 종류를 구분하는 영역이다. artic.. 2022. 12. 29.
Html - HTML Emmet(html 자동완성 단축 입력) HTML Emmet div + 탭 -> 태그{내용} + 탭 -> 내용 div>div + 탭-> div>p+a + 탭 -> ul>li*4 + 탭 -> div.class-name -> div#asdf + 탭 -> 알고있었것들이긴 하지만 이것을 활용하지는 않았다. django-html과 html의 사용시 구동되는 것은 다르기 때문이다. 하지만 코드가 약간만 더 길어져도 분명히 주의해야하고 활용해야하는 단축 입력이라고 생각해서 포스팅 한다. 2022. 12. 27.