728x90 반응형 HTML11 [HTML] Script태그와 Style태그의 위치? 리엑트를 공부하면서 이 style태그와 script태그의 위치에 대한 궁금증이 생겼다. 처음 생활코딩님 강의를 들었을 때 style태그는 에 있었고 script태그는 자바스크립트와 html을 이어주는 태그로, 에 있었던 것 같은데 style태그가 head와 body 사이에 있고, script 태그가 head에 있었던 것이다.!! 구글링해본 결과 #1.style태그는 head안에 적는 것이 맞다. 하지만 그 사이에 넣어도 돌아가는데 큰 문제는 없다. #2. script태그의 경우 body의 최하단에 들어가는것이 좋다. head에 있을 경우 파일용량이 너무 크면 사용자가 화면을 보기까지 많은 시간이 걸린다. body에 쓸 때는 사용자가 빨리 화면을 볼 수 있지만, HTML코드가 js에 의존적인 코드인 경우 .. 2022. 3. 16. [HTML기초] 모바일 지원(viewport)/외부문서 삽입(iframe)/ HTML5의 입력양식 모바일 지원(viewport) 모바일이면 pc보다 웹페이지가 화면을 좁게 쓰는데, 이것을 브라우저가 알아서 화면조절하게 하려면 meta 태그의 viewport를 이용해야한다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 HTML-수업소개 HTML 기술소개 기본문법 하이퍼텍스트와 속성 리스트와 태그의 중첩 선행학습 본 수업을 효과적으로 수행하기 위해서는 웹애플리케이션에 대한 전반적인 이해가 필요합니다. 이를 위해서 준비된 수업은 아래 링크를 통해서 접근하실 수 있습니다. 웹애플리케이션 만들기 위의 수업에서는 웹을 구성하고 있는 여러기술을 얕고 넓게 배웁니다. 각각의 기술들이 어떻게 관계하고 있는지를 알려드리는 것이 위.. 2021. 11. 14. [HTML기초] 정보로서 HTML - 글꼴/meta/의미론적 태그/검색엔진 최적화 font 퇴출된 태그이기에 사실상 쓰지말라고 권장한다. 폰트 사이즈 3이 기본 값이다. 1 2 3 4 5 6 7 8 9 10 Hello World Colored by Color Scripter cs font 태그는 시각적인 정보(디자인)일 뿐, Hello에 대한 정보에 대해 어떠한 설명도 담고 있지 않다. HTML은 정보를 담는 것에 집중하고, CSS는 시각적인 디자인에 집중했다. meta 태그 데이터를 설명하는 데이터를 meta 데이터 웹페이지 전체를 설명하는 데이터가 필요할 때 있음 (예를 들면 title 태그도 meta태그) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 meta태그 공부 안녕하세요. 저의 티스토리에 오신것을 환영합니다! Colored by Color Scripter c.. 2021. 11. 13. [HTML 기초] 입력양식 -form(3) label/method/post label label은 이름표의 기능을 해준다. text을 함으로써, text라는 문자가 이름표의 기능을 하는 것을 알려준다. 주요 속성은 for과 id인데 label의 for값과 양식의 id가 같으면 연결된다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 text: password: textarea: 쓰고 싶은 말 적으셈! 이건 길게 적어도 된당 Colored by Color Scripter cs 각각의 label이 누구의 이름표인지 연결해준다. 레이블이 input 태그의 이름표라는 것을 명시. text 글자를 누르면 커서가 앞에 생긴 것을 볼 수 있다 label을 체크 박스에 활용 체크박스가 작기 때문에 클릭 할 때 어렵다. 을 통해 묶어주면 더 넓은 영역을 체크박.. 2021. 11. 12. 이전 1 2 3 다음 728x90 반응형
