더 나아가, HTML5
·
프로그래밍/HTML,CSS
✅ 새로운 제출 양식 input 태그에는 다양한 타입들이 존재한다. ( 이것을 하나 하나 다 외우지말고, 필요할때 찾아서 사용할 것 !! ) input 타입 속성을 number로 줌으로써, 모바일 에서는 바로 입력 창이 숫자로 나타내는 것을 알 수 있다.min, max 속성을 통해 최소값은 10, 최대값은 15로 지정하면 서버에 데이터를 보낼때 해당 범위 내 숫자 데이터가 들어가지 않으면 해당하는 알림창 이 나타나게 된다.추가적으로 input 타입 속성을 소개 하겠다. ✅ 입력 값 체크하기앞서 input 타입의 속성인 email, url 같은경우는 자동으로 형식에 맞춰서 입력 값에 대한 검증을 받는다.placeholder 속성은 사용자가 입력하기 전에 설명을 나타내는 표시다. ..
2. 표 만들기 (Table)
·
프로그래밍/HTML,CSS
⭐ 표 만들기✅ 기본 태그 , , 이름성별주소 최진혁남자경북 경산시 안유빈여자경북 밀양시 먼저, 테이블을 만들기 위해선 태그로 감싸줘야 한다. 태그는 항목(item)을 묶어주는 역할을 한다. (td는 table data를 의미 ) 태그는 태그들을 그룹핑을 해주는 역할을 한다. ( tr은 table row 즉, 행을 의미함.)table의 속성인 border = “1” 로 테두리 선을 그을수 있다. (숫자는 선의 굵기를 의미함.)요즘은 CSS라는 스타일 시트를 이용해서 더 좋게 꾸밀수 있음.✅ 구조적으로 더 알아가기위의 태그들을 응용해서 추가적으로 살펴보자. 이름성별주소 회비 ..
1. 기본 문법과 태그
·
프로그래밍/HTML,CSS
⭐ 웹페이지 구조 ( 본문 내용 ) 주로 부가적인 정보 태그 안에서 주로 쓰인다.본문인 태그들은 태그 안에서 쓰이고 있다.태그는 HTML 기술소개 기본문법 하이퍼텍스트와 속성 리스트와 태그의 중첩 선행학습 본 수업을 효과적으로 수행하기 위해서는 웹애플리케이션에 대한 전반적인 이해가 필요합니다. 이를 위해서 준비된 수업은 아래 링크를 통해서 접근하실 수 있습니다. 해당 부분들은 위 태그들과 다르게 부가적인 태그들이다.(제목) - 웹 페이지의 제목을 설정하는 태그글씨가 깨지는 경우가 있다.****로 지정한다.✅ 단락 태그 [1] Hypertext Markup Language (HTML) is the standard markup language[a]..