본문 바로가기

WEB/HTML, CSS3

[CSS] CSS 기초 및 선택자 정리 CSS(Cascading Style Sheets)는 웹 페이지를 꾸미기 위해 작성하는 Style Sheet 언어입니다. HTML 문서 내에서 표현적인 요소와 속성들을 모두 작성하면 문서가 복잡해지기 때문에, 웹 페이지의 구조와 표현을 분리시켜 표현을 담당하는 언어로 CSS를 사용하게 되었습니다. 목차 CSS 적용 방법 inline 스타일 적용하려는 태그 내에서 style 속성으로 직접 적용 inline style internal 스타일 적용하려는 태그가 포함된 HTML 문서 내부에서 적용 internal style external 스타일 외부 파일에서 적용 /* external.css */ #external { color: green; } external style CSS 문법 전체 구조는 rule se.. 2022. 6. 23.
[HTML] form 태그 HTML 태그 중 태그는 사용자로부터 데이터를 입력받을 수 있는 입력 양식인 입력 폼(form)을 정의하며, HTML에서 입력한 데이터를 서버에 전송하기 위해 사용됩니다. 목차 태그의 기본적인 속성 name 의 이름을 명시함 서버에서 데이터를 받을 때 key값으로 사용함 (cf. id 속성은 HTML 문서 내 특정 태그를 구분짓는 식별자) action 폼 데이터가 서버로 제출될 때 해당 데이터가 도착할 URL을 명시함 데이터를 전송할 주소 method 폼 데이터가 서버로 제출될 때 사용되는 HTTP 메소드를 명시함 데이터를 전송하는 방식 get URL에 폼 데이터를 추가하여 서버로 전달하는 방식 post 폼 데이터를 별도로 첨부하여 서버로 전달하는 방식 태그가 포함할 수 있는 태그 사용자로부터 입력을 받.. 2022. 6. 22.
[HTML] HTML 기초 및 주요 태그 정리 목차 HTML 이란? HTML은 Hyper Text Markup Language의 약자로 웹페이지를 작성하기 위한 언어입니다. Hyper Text는 텍스트에 하이퍼링크 설정이 가능하고 텍스트들이 서로 연결되어 있다는 의미이고, Markup은 종이 인쇄 산업시대 때 복사 편집인이 인쇄할 종이의 여백 부분에 특별한 글꼴이나 색 정보를 위해 표시(마크업)했던 것에서 사용되기 시작한 말입니다. HTML 특징 Markup언어는 태그(tag)로 구성되고 태그 안에 문서의 내용을 표시합니다. HTML 태그(tag)와 HTML 엘리먼트(element)는 같은 의미로 사용됩니다. 태그는 로 표시하며, 시작태그와 끝태그로 구성됩니다. empty content를 가지는 빈태그가 있으며, 로 표현 가능합니다. 태그는 일반적으.. 2022. 6. 21.