Web/HTML512 HTML(12) 웹 폼 만들기 폼 요소 설명 한 줄 텍스트 입력 창 웹 서버로 폼 데이터를 전송시키는 버튼 체크박스와 라디오버튼 년, 월, 일, 시간 등의 시간 정보 입력 창 스핀 버튼과 슬라이드바로 편리한 숫자 입력 창 이메일, URL, 전화번호, 검색키워드 등 형식 검사 기능을 가진 텍스트 입력 창 로컬 컴퓨터의 파일을 선택하는 폼 요소 단순 버튼, reset, submit 버튼 여러 줄의 텍스트 입력 창 [ 코드 ] 웹 폼 만들기(회원가입) 사용자 ID : 비밀 번호 : 이메일 : 성별 : 여자 남자 생년월일 : 나라 : [ 실행 화면 ] 2020. 11. 3. HTML(11) <details>와 <summary> 활용 1. 시맨틱 블록 태그 1) 와 2. 시맨틱 인라인 태그 1) - 중요한 텍스트임을 표시 2) - 시간 정보임을 표시 3) - 주어진 범위나 %의 데이터 양 표시 4) - 작업의 진행 정도 표시 [ 코드 ] details와 summary 태그 질문 라면을 끓일 때 제일 먼저 해야하는것은? 정답 물을 먼저 넣는다. [ 실행 화면] 2020. 11. 3. HTML(10) HTML5 문서 구조화 연습 [ 코드 ] 목차 생애 작품 생애 네덜란드 출신으로 프랑스에서 활약한 화가로, 프로트 즌델트에서 출생하여 프랑스의 오베르 쉬르 우아즈에서 사망했다. 목사의 아들로 태어나, 1869~1876년 화상 구필의 조수로 헤이그, 런던, 파리에서 일하고 이어서 영국 에서 학교교사, 벨기에의 보리나주 탄광에서 전도사의 일을 보고, 1880년 화가에 뜻을 두었다. 그때까지 짝사랑 에 그친 몇번의 연애를 경험했다. 1885년까지 주로 부친의 재임지인 누넨에서 제작활동을 했다. 당시의 대표작 『감자를 먹는 사람들』(1885 암스테르담, 반 고흐 미술관)이 있다. 네덜란드 시절에는 어두운 색채로 비참한 주제가 특징적이었다. 1886~1888년 파리에서 인상파, 신인상파의 영 향을 받는다. 1888년 봄 아를르에 가서, 이상.. 2020. 11. 3. HTML(9) 파일 다운로드 링크 만들기 태그의 download 속성은 이미지, PDF, MP3, HTML 파일, HWP 파일, PPT 파일 등 모든 파일을 다운로드 할 수 있는 링크를 만든다. [ 코드 ] 파일 다운로드 링크 만들기 이미지 다운로드 hwp 다운로드 [ 실행 화면 ] 2020. 11. 3. HTML(8) 하이퍼링크 만들기 [ 코드 ] 하이퍼링크 만들기 네이버 다음 [ 실행 화면 ] 2020. 11. 3. HTML(7) 태그로 이미지 삽입, 리스트 만들기<ol> 순서 있는 리스트(ordered list) - 순서 없는 리스트(unordered list) - 정의 리스트(definition list) - [ 코드 ] 라면 끓이는 순서 물을 끓인다 라면과 스프를 넣는다 5분 후 먹는다 [ 실행 화면 ] 2020. 11. 3. HTML(6) 텍스트 꾸미기 [ 코드 ] 텍스트 꾸미기 진하게 중요한 강조 이탤릭으로 강조 삭제 추가 문자의윗첨자 문자의밑첨자 하이라이팅 [ 실행 화면 ] 2020. 11. 3. HTML(5) 문자, 기호, 심볼 입력 문자 엔터티표현 코드표현 문자 엔터티표현 코드표현 " " " √ √ √ ' ' ' ∞ ∞ ∞ > > ∑ ∑ ∑ & & & 빈칸 [ 코드 ] 기호 넣기 12 ÷ 2 = 6 [ 실행 화면 ] 2020. 11. 3. HTML(4) 수평선 긋기<hr>, 새로운 줄로 넘어가기<br> - 수평선 긋기 - 한 줄 띄우기 [ 코드 ] h1 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리 나라만세 무궁화 삼천리 화려강산 대한사람 대한으로 길이 보전하세 남산위에 저소나무 철갑을 두른듯 바람서리 불변함은 우리 기상일세 무궁화 삼천리 화려강산 대한사람 대한으로 길이 보전하세 가을하늘 공활한데 높고 구름 없이 밝은달은 우리가슴 일편단심일세 무궁화 삼천리 화려강산 대한사람 대한으로 길이 보전하세 이기상과 이맘으로 충성을 다하여 괴로우나 즐거우나 나라 사랑하세 무궁화 삼천리 화려강산 대한사람 대한으로 길이 보전하세 [ 실행 화면 ] 2020. 11. 3. 이전 1 2 다음
