기타 학습/Frontend10 [HTML ④/⑤] 폼 태그 / 필드셋 / 라디오버튼 / 체크박스버튼 / input태그 (html기초/개념) 폼 관련 태그 는 HTML에서 사용자가 입력할 수 있는 양식 제공하는 태그 검색할 내용 필드셋 fieldset 필드셋의 제목 입력 1: 입력 2: 입력 3: 입력 4: 텍스트 관련 input태그 *텍스트 상자 아이디 : *텍스트 상자2 비밀번호 : *텍스트 상자3 홈페이지 *전송 취소 버튼 숫자 관련 input태그 수량 : 점수 : 날짜, 시간 관련 input태그 date : month : week : time : (원래 이런 식으로 나온다 ↓) 라디오 버튼과 체크박스 성별 : 남자 여자 좋아하는 과목 : 자바 데이터베이스 HTML select 태그, option 태그 도시 : 서울 경기 충청 제주 색상 선택 태그 색상 선택 : (원래 이렇게 떠야 함 ↓) 파일 선택 태그 파일 선택 : 자유 텍스트 태그.. 2021. 1. 30. [HTML ③] 컨텐츠 태그 / 테이블 / 이미지 / 오디오 / 비디오 (html기초/개념) 1. 테이블 : 표 생성해주는 태그 : 표의 행 태그 : 표의 제목셀 태그 : 표의 일반셀 태그 테이블 만들기 th1 th2 td1 td2 td3 td4 테이블 만들기 2 테이블 제목 50px_th1 100px_th2 150px_th3 1 2 3 4 5 6 7 8 9 f1 f2 f3 테이블 셸 병합하기 태그 속성 사용해 행,열 병합 가능 colspan : 열을 합친다. rowspan : 행을 합친다. 테이블 셸 병합 td1 td2 td3 td4 1(세로(열) 합치기 2 3 4 5 6 7 8 가로 합치기 2. : 사진 넣어주기 오디오, 비디오 넣어주기 오디오 넣을 오디오가 없어서 이렇게 나오는 겁니다... 비디오 넣을 동영상이 없어서.... github.com/recordbuffer/TIL/blob/mai.. 2021. 1. 30. [HTML ②/⑤] 태그 Tag / 글자태그 / 하이퍼링크 태그 / 리스트태그 (html 기초 / 개념) 1. h1 태그입니다. h2 태그입니다. h3 태그입니다. h4 태그입니다. h5 태그입니다. h6 태그입니다. 2. 영역 구분 태그 : 단락을 나눠주는 의미(블록요소) : 입력한대로 문단 영역 지정 (블록요소) : 영역을 정의, 크기지정 가능, 줄바꿈 적용 (블록요소) : 단락 적용 안됨, 크기지정 불가, 줄바꿈도 적용X (인라인요소) : 단순 줄바꿈을 의미 : 가로 줄 긋는 태그 div 태그 첫 번째 영역 두 번째 영역 span 태그 첫 번째 영역 두 번째 영역 3. 글자 관련 태그 : 인용문 태그로 줄바꿈과 들여쓰기됨 + cite 속성을 통해 출처 추가할 수 있음 : 따옴표 붙여주는 인용문 태그 : 중요한 글자를 굵게 표기하는 태그 : 글자를 단순히 굵게 표기하는 태그 : 글자를 기울이는 태그 : .. 2021. 1. 30. [HTML ①/⑤] 구성요소 / 구조 / 블록요소 & 인라인 요소 (html기초/개념) 1. HTML 구성요소 화면에 출력될 내부 문자 태그 tag : 로 묶인 명령어로 시작태그와 종료태그가 한 세트 요소 element : 시작태그와 종료태그로 이루어진 명령어 속성 : 명령어 구체화하는 역할 속성값 : 속성이 가지는 값 2. HTML 구조 : 문서유형, 형식을 알려주는 태그 : 문서의 시작과 끝 표시 + 이 페이지가 어느 나라 언어로 되어있는지 의미한다. -> 검색 엔진이 참고 : 문서의 정보 : 화면에 출력해서 보여주는 내용 block & inline HTML 태그는 블록요소와 인라인요소로 이루어져 있다. 블록요소 block element 내용 길이 상관 없이 요소 자체가 전체 기본 줄바꿈 텍스트, 인라인 요소 포함되어 있음 블록 요소 안에 블록 요소 가능 기본 직사각형 형태 + w.. 2021. 1. 30. 이전 1 2 3 다음
