본문 바로가기

HTML5

HTML 간단한 회원가입 화면 만들기 NAVER 아이디 비밀번호 비밀번호 확인 이름 생년월일 월 1 2 3 4 5 6 7 8 9 10 11 12 가입하기 style.css body { margin: 0; } a { /* TEXT의 기본 꾸밈 제거 */ text-decoration: nones; color: black; } #container{ margin : 0 auto; min-width: 460px; max-width: 768px; } #logo-container{ padding-top: 60px; padding-bottom: 20px; } #logo { /* 가로 가운데 정렬 */ margin: 0 auto; display: block; width: 240px; height: 44px; /*배경 이미지*/ background: url(.. 2023. 2. 1.
class / id class class 속성은 style sheet에서 클래스 이름을 가리킬 때 사용 class 내에 css 속성을 정의하고 요소에 class를 붙여 미리 정의한 css 속성을 사용 가능 class는 여러 요소가 동일한 클래스를 사용할 수 있다. class는 스타일 시트에서 .클래스명 {}으로 지정한다. 스타일 시트에 city라는 클래스를 정의 London London is the capital of England. Paris Paris is the capital of France. city 클래스를 여러 요소에서 사용 id id 속성은 요소의 고유 id를 지정 id의 속성값은 HTML 문서 내에서 고유해야 한다. id는 스타일 시트에서 #id명 {} 으로 정의 My Cities id는 한 요소에서만 사용.. 2023. 2. 1.
HTML input type input type 데이터를 입력하거나 위젯을 만드는 요소 text 타입 : 한 줄의 텍스트 입력 필드 Text Input password 타입 : 비밀번호 입력 필드 Password Input checkbox 타입 : 체크박스 정의 / 체크 박스를 중복 선택 가능 CheckBox Input radio 타입 : 라디오 버튼 정의 / 중복 선택 안됨 Radio Input date 타입 : 날짜를 포함하는 입력 필드 Date Input datetime-local 타입 : 날짜 및 시간 입력 필드 DateTime Input button 타입 : 버튼 정의 Button 버튼 이 외에 input type 요소 https://www.w3schools.com/html/html_form_input_types.asp 2023. 1. 31.
HTML 블록(Block) / 인라인(Inlin) / div, span 요소 Block 항상 새 행에서 시작되며 요소 앞 뒤에 일부 공간을 자동으로 추가 블록 요소는 사용 가능한 전체 너비를 차지 일반적으로 블록 요소는 와 사용 는 문단을 정의 는 분할, 섹션을 정의 Block 요소 너비가 웹 페이지 끝까지 차지한다. * 블록 요소는 p, div 외에도 h1~h6, table, nav, video 등 많다. Inline 인라인 요소는 새 행에서 시작하지 않는다. 필요한 만큼만 너비를 차지 Inline 요소 딱 사용한 글자만큼만 공간을 차지한다. * 인라인 요소로는 span, label, br, button 등이 있다. HTML 요소의 컨테이너 div는 필수 속성은 없으나 style, class, id를 주로 사용 div에 CSS를 사용하여 스타일링 한다. 텍스트의 일부 또는 문서.. 2023. 1. 31.
HTML 기본 HTML은 다 훑기보단 간략하게 알아보고 필요한 게 있으면 그 때 마다 찾기 HTML? Hyper Text Markup Language은 약자로 HTML은 웹 페이지 표시를 위해 개발된 지배적인 마크업 언어다. HTML은 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크, 인용과 그 밖의 항목으로 구조적 문서를 만들 수 있는 방법을 제공한다. 그안의 꺾쇠 괄호에 둘러싸인 "태그"로 되어있는 HTML 요소 형태로 작성한다. (출처- https://ko.wikipedia.org/wiki/HTML) 하이퍼 텍스트는 링크에 따라 다른 페이지나 동일 페이지 내 다른 위치로 이동하는 방식을 뜻하며 마크업 언어는 태그 등을 사용하여 문서, 데이터의 구조를 명시하는 언어이다. 모든 .. 2023. 1. 31.

티스토리툴바