728x90 반응형 HTML/생활코딩10 [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. [HTML 기초] 입력양식 - form (2) 콤보박스/체크박스/radio/버튼/hidden DropDown List 사용자들에게 선택지 중 하나를 고르게 하는 방법이 있다. 그중 하나가 Dropdown List 제한된 공간 안에서 여러개의 선택지를 선택할 수 있도록 하는 기능이다. 콤보박스라고 생각하면된다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 색상 붉은색 검은색 파란색 cs 태그와 태그를 이용한다. 색상을 검은색으로 선택하고 제출버튼을 누르는 코드를 만들어봤다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 색상 붉은색 검은색 파란색 Colored by Color Scripter cs value "검은색"은 사람이 알기 쉬운 정보이지만, 컴퓨터가 알기 쉬운 정보는 아니다. 그렇기에 컴퓨터가 알기 쉬운 정보로 바꿔줄 때 value가 .. 2021. 11. 10. 이전 1 2 3 다음 728x90 반응형
