속성 3

[CSS] float 속성

Float 속성 지정한 요소가 Normal flow를 벗어나도록 만드는 속성 box를 왼쪽이나 오른쪽으로 이동시켜 inline 요소들이 주변을 가리게함 float : none - 기본 값 float : left - 요소를 왼쪽으로 띄운다 float - right - 요소를 오른쪽으로 띄운다 float 전후 비교 1. float 하지 않았을 때 코드 box1 box2 2. float 추가 했을 때 코드 box1 box2 -> float : left를 추가한 것 만으로 box를 왼쪽에 띄울 수 있다 !

HTML & CSS 2023.03.10

[HTML] form 만들기 ( label / input )

HTML input요소의 name과 id 속성 HTML input 요소의 name 속성은 서버로 전송되는 데이터의 이름(key)를 나타낸다. 이를 통해 서버에서는 클라이언트에서 전송한 데이터를 처리할 때, 해당 데이터의 이름을 key로 사용하여 데이터를 가져오거나 저장할 수 있다. id 속성은 요소를 식별할 수 있는 유일한 이름을 제공한다. 이를 통해 CSS와 JavaScript에서 해당 요소에 대한 스타일 및 동작을 지정할 수 있다. id 속성은 전체 문서에서 유일해야함 !! 중복 XX Label : HTML에서 label 요소는 사용자의 인터페이스 항목의 설명을 나타낸다. input 요소와 함께 사용하기 Input 요소와 label을 함께 사용하여 이를 클릭하면 해당 label 입력 요소가 선택 된다..

HTML & CSS 2023.03.07

HTML 기본 정리 ( 구조 / 요소 / 속성 / Global Attribute )

HTML ( Hyper Text Markup Language ) - 웹 페이지를 작성하기 위한 언어 1. Hyper Text : HyperLink를 통해 텍스트를 이동 -> 클릭을 통해 자유롭게 이동할 수 있다. 비 선형적으로 이루어짐 2. Markup Language : 태그 등을 이용하여 문서나 데이터의 구조를 명시하는 언어 HTML 기본 구조 1. HTML : 문서의 최상위 요소 2. HEAD : 문서 메타데이터 요소 -> 일반적으로 브라우저에 나타나지 않는 내용이 있다. : 브라우저 상단 타이틀 : 외부 리소스 연결 요소 : CSS를 직접 작성하는 곳 3. BODY : 문서 본문 요소 -> 실제 화면에 보이는 것과 관련된 내용 HTML 요소(element) contents 여는태그 + 내용 + 닫..

HTML & CSS 2023.03.07