🗝️소프트웨어/🐬HTML & CSS

html 태그 기본 정리 1

태그와 요소 태그 : html 페이지에서 객체를 만들 때 사용하는 것 hello ung 요소 : 태그를 사용해 만들어진 객체 대부분의 개발자는 XHTML5 표기법을 선호함. 속성 : 태그에 추가 정보를 부여할때 사용하는 것 hello ung title : 속성 이름 header : 속성값 hello ung : 내부 문자 주석 : 프로그램의 실행에 영향을 미치지 않고 설명을 위한 목적으로 사용하는 코드 HTML5 페이지 구조 lang 속성: 웹 페이지가 어떠한 언어로 만들어져 있는지 쉽게 인식하기 위해 만들어진것. 사용안해도 무방하다. 한국ko / 미국en / 일본ja / 러시아어ru / 중국zh / 독일어de head태그 / body 태그 : 헤드테그는 바디 태그에서 필요한 스타일시트와 자바스크립트를 제..

class, name, id, placeholder

혼동되는 개념 정리 class class 그룹으로 묶어서 스타일을 지정할 때 쓰는 이름 (표기방식은 .이름) ID, CLASS 이름은 자유롭게 지으면 되지만 숫자로 시작 불가 전역특성은 공백으로 구분한 요소 클래스의 목록 대소문자를 구분하지 않음 클래스는 CSS나 JavaScript에서 클래스 선택자로 접근 가능 사용예 헤드 테그 사이에 style 태그를 이용하여 css 파일에서 다음과 같이 해당 클래스들에 대해서 수정이 가능하고, 클래스가 적용된 모든 태그의 스타일을 한꺼번에 변경할 수 있어 편리하다. 핵심은 편리성과 용량 줄이기 가능하다는 것. name form 컨트롤 요소의 값(value)을 서버로 전송하기 위해 필요한 속성 폼 전송 이벤트 발생 시, 서버로 데이터를 전송하기 위한 식별자 id el..

[html] form 기초 기본 2. table 태그

목차 활용예시 코드 설명 1. Body : Step 1 2. Body : Step 2 3. Body : Step 3 4. Body : Step 4 1. Table 속성 설명 align 표의 정렬 방식(left, right, center) 을 지정 bgcolor 표의 배경색을 지정 border 표의 테두리 두께를 지정 bordercolor ㅍ의 테두리 색을 지정 width 표의 너비를 지정 height 표의 높이를 지정 2. body 속성 설명 background 배경 이미지 지정 bgcolor 배경색 지정 text 글꼴 색 지정 link 링크 색 지정 vlink 방문했던 링크 색 지정 alink 링크를 클릭하는 순간의 색 지정 3. 제목 태그 4. 문단 태그 본문 본문 줄바꿈 개행 태그 단락 간의 구분을..

form 기초 기본 1. form태그

목차 활용예시 코드 설명 1. text - value - 기본값은 사용자의 입력 값에 의해 지워질 수 있으며, 참고용을 보여준다. - 한번 지워지면 다시 복구 할 수 없다. 2. text - placeholder - 사용자가 placeholder에 적힌 내용을 쓰게 유도하는 효과가 있다. - 한번 지워져도 계속 다시 사용가능하다. 3. label - input 태그에 라벨을 달 수 있다. 4. label - list - 리스트로 원하는 datalist에서 사용자의 선택을 받을 수 있다. 5. select - label 과 비슷하지만 모양이 다르다. - value 값을 전달한다. 6.password - 입력 시 다음과 같이 식별 불가능하게 표현된다. 7.checkbox - 체크박스 형태로 원하는 값을 선택..