[HTML] span과 div 태그의 차이 과 는 특별한 기능이 없는 컨텐츠 주머니로 본다. 이 둘의 차이는 주머니의 모양과 차지하는 공간이다. F12의 개발자 도구에서 보면 해당하는 공간의 차이가 있다. , , 등의 태그에서 기능을 빼면 , , , 등의 태그에서 기능을 빼면 로 보면 된다. 참조 제대로 파는 HTML & CSS - by 얄코 HTML & CSS/HTML 2022.07.24
[HTML] 사용자로부터 입력 받기 3 textarea - `cols` = 글자수 단위의 너비 - `rows` = 표시되는 줄 수 는 기본값을 value 속성이 아닌 컨텐츠로 입력 textarea 컨텐츠 공간에 입력 ⚠ placeholder 속성이 들어 갈 경우 컨텐츠 공간이 공백이여야 한다. -- 언어 선택 -- HTML CSS 자바스크립트 타입스크립트 select 태그 안에 option 태그가 자식으로 들어가 있는 모습이다. value는 서버로 전송 될 값이다. 현재 직업 옵션 관련 속성들 - multiple = / 다중 선택 가능, 드롭다운 대신 상자로 표시 - selected = / 선택됨 (checkbox, radio의 checked처럼) - value = / 실제로 전송될 값 - list = / 연결할 의 ID 20달러 50달러 8.. HTML & CSS/HTML 2022.07.23
[HTML] 사용자로부터 입력 받기 2 입력 요소 - HTML: Hypertext Markup Language | MDN : 입력 요소 - HTML: Hypertext Markup Language | MDN HTML 요소는 웹 기반 양식에서 사용자의 데이터를 받을 수 있는 대화형 컨트롤을 생성합니다. developer.mozilla.org - 텍스트 인풋의 속성들 - `placeholder` = 빈 칸에 보이는 안내문 - `maxlength` = 최대 길이 - `minlength` = 최소 길이 / 위반시 submit이 거부됨 - 숫자 관련 인풋 속성들 - `min` = 최소값 - `max` = 최대값 - `step` = 간격 - 체크 관련 인풋 속성들 - `checked` = 체크박스 & 라디오 / 체크됨 여부 - `name` = 라디오 /.. HTML & CSS/HTML 2022.07.22
[HTML] 사용자로부터 입력 받기 사용자로부터 입력 받기 - `` = 정보를 제출하기 위한 태그들을 포함 / autocomplete 속성: 자동완성 여부 (기본:on) - `` = 입력을 받는 요소 / type 속성을 통해 다양화 - `` = 인풋 요소마다의 라벨 / for 속성값을 인풋 요소의 id와 연결, 인풋의 클릭 영역 확장 - `` = type 속성에 submit(제출), reset(초기화), button(기본 동작 없음) - `id` 속성 : 페이지마다 고유해야 함 - `` = 폼 태그 내 입력요소와 라벨들을 그룹화 / disabled 속성 : 포함된 입력요소 비활성화 - `` = 필드셋 요소의 제목 또는 설명 참조 제대로 파는 HTML & CSS - by 얄코 HTML & CSS/HTML 2022.07.12
[HTML] 다른 곳으로의 링크 다른 곳으로의 링크 태그 target = 현재 창 / 기본값 = 새 창 / 텍스트나 내부 이미지의 alt 등으로 명시 필요 = 부모 프레임 / 사용시 = 최상위 프레임 / 사용시 - id값을 사용한 요소로의 이동 href값에 #id값을 넣기 ~ 어디서 봤나 했더니 나무위키에서 본 기능이더라 ~ 참조 제대로 파는 HTML & CSS - by 얄코 mdn a#건너뛰기_링크 HTML & CSS/HTML 2022.07.11
[HTML] 표 사용하기 = 테이블 = 테이블의 행 = 테이블의 데이터 셀 = 표의 설명 또는 제목 (잘 사용하지 않음) = 테이블의 헤더 부분 = 테이블의 본문 = 테이블의 푸터 부분 = 열 또는 행의 헤더 = 열 병합 = 행 병합 제대로 파는 HTML & CSS - by 얄코 ~ - 행 = 가로 / 열 = 세로 ~ HTML & CSS/HTML 2022.07.10
[HTML] 이미지 넣기 HTML에 이미지를 삽입할 때는 태그를 사용한다. 기본적인 문법은 위처럼 되어있다. ~ 이제는 본능처럼 후다닥 작성할 수 있을듯 ~ 처음 알게 된 것은 title에 값이 들어가면 아래처럼 처음 알게 된 것은 title에 값이 들어가면 마우스 올렸을 때 '프로그래밍'이라고 화면에 나온다. 참조 : 제대로 파는 HTML & CSS - by 얄코 HTML & CSS/HTML 2022.07.08
[HTML] 나열되는 요소들 ul, ol, li 나열되는 요소들 - ul unordered list 순서가 상관없는 리스트 사과 포도 딸기 과일의 목록처럼 순서가 의미없을 때 사용 - ol ordered list 정렬된 리스트 알파 베타 감마 그리스 알파벳처럼 순서가 의미 있을 때 사용 중요한 것은 ul, ol 태그의 1촌 자식은 오직 li만 가능하다 재료 준비 밥 계란 파 간장 파를 기름에 볶기 밥 넣고 볶기 계란을 넣고 스크램블 간장을 넣고 마저 볶아 완성 위에는 ol태그의 type과 start를 적용 안 시켰을 경우 위에는 ol태그의 type과 start를 적용 시켰을 경우 용어와 정의 나열하기 dl, dt, dd 용어 정의 1:1 또는 n:n 가능하다. 프로그래밍 컴퓨터 프로그램을 작성하는 일 넓이 광 면적 일정한 평면에 걸쳐 있는 공간이나 범.. HTML & CSS/HTML 2022.07.07