WEB
-
[CSS] 텍스트 관련 속성WEB/CSS 2024. 5. 24. 13:27
1. font-family: 텍스트의 글꼴을 정의. 글꼴명을 속성값을 지정한다. 여러개의 글꼴을 연달아 기입하여 우선순위를 지정할 수 있다.* { font-family: Times,돋움,monospace;} 위 코드의 경우, Times를 우선지정하되, 지원되지 않을 경우 monospace를 지정한다. 2. font-size: 글자크기를 정의 단위의미px모니터 상의 화소 하나 크기에 대응하는 절대적인 크기rem태그의 font-size 에 대응하는 크기(즉, 최상위태그인 html태그의 크기의 몇배수만큼의 크기 지정.)em부모태그(상위태그)의 font-size에 대응하는 크기(한단계 위 태그에 대응하는 크기)span {font-size: 16px;}span {font-size: 2rem;}span {font..
-
[CSS] 선택자WEB/CSS 2024. 4. 27. 18:42
선택자: 어떤요소에 스타일을 적용할 것인지에 대한 정보선택자{ 속성명: 속성값; } 1. 기본선택자 1) 전체선택자: HTML웹 문서를 구성하는 모든 요소* { color: blue; } 2) 태그선택자p{ color: blue; } 3) 클래스 선택자 : 문서 내 class가 "text"인 모든요소 (.text의 '.'이 클래스를 의미함).text{ color: blue; } 4) 아이디 선택자 : 문서 내 id가 "topic"인 요소 (id는 고유한 식별자)#topic { color: blue; } 2. 그룹선택자: 다양한 유형의 요소를 한꺼번에 선택하고자 할 때 사용한다. 쉼표(,) 를 이용해 선택자를 그룹화한다.h1, p, div { color: blue; ..
-
[CSS] CSS란?WEB/CSS 2024. 4. 27. 18:02
CSS (Cascading Style Sheets): 계단식으로 스타일을 정의하는 문서 -> HTML은 웹문서에 콘텐츠를 정의하는 언어. CSS는 웹문서의 콘텐츠에 스타일을 추가하는 언어 (결론적으로, HTML과 함께 사용되지 않는 CSS는 단순 텍스트 일 뿐이다) HTML문서에 CSS코드 적용 방식1. 인라인스타일 : HTML 태그에 style속성을 추가하여 요소에 직접적으로 스타일 정의 ※ 웹콘텐츠와 스타일시트를 분리하기 위해서는 사용하지 않는 편이 좋다. (why? 서로 역할이 다른 코드들을 서로 분리해서 관리해야 코드 유지보수가 편리함) 파란색 글자 2. 스타일 태그: HTML 문서에 태그를 추가하여 그 안에 CSS코드 작성 * style태그는 일반적으로 HTML..
-
[HTML] meta 태그WEB/HTML 2024. 4. 23. 21:23
meta 태그 : HTML문서에 대한 메타데이터를 정의한다. 메타데이터란 데이터에 대한 데이터 즉, '정보' 를 의미한다. meta태그는 항상 head태그의 안에 들어가며, 일반적으로 문자세트, 페이지설명,키워드, 문서의 작성자 및 뷰포트 설정을 지정하는데 사용된다. meta태그를 사용하는 이유? 웹페이지에 대한 정보를 제공하므로 검색엔진이 페이지를 검색할때 참고할 수 있고, 검색결과에도 반영할 수 있다. 속성 - charset : 문자세트 ex. - http-equiv : 콘텐츠 속성 정보에 대한 HTTP 헤더 (*HTTP : 인터넷에서 데이터를 주고 받을 수 있는 프로토콜) ex. -- 10초마다 페이지를 새로고침하라는 뜻 - name : 속성을 이름으로, content 속성을 값으로 하여 문서정보 ..
-
[HTML] formWEB/HTML 2024. 4. 21. 14:34
form : 사용자가 입력한 데이터(입력값:input,select,textarea 등)를 감싸며, 입력 값을서버측으로 제출 할 수 있다. -> form의 입력값을 제출하기 위해, input 태그의 submit타입사용가능! form의 속성) - action : 서버 측 주소를 지정하는 속성 - method: 클라이언트가 입력한 데이터 전송방식을 지정하는 속성(GET & POST) 1) GET : 서버의 요청을 보내어 응답을 받아낸다. 서버로부터 정보를 '가져오겠다' 는 성격의 요청 2) POST: 서버에 요청을 보내어 작업을 수행한다. 서버에 있는 데이터를 추가/삭제/수정 한 후에 응답을받아낸다. 서버의 정보를 '조작하겠다'는 성격의 요청 키우고 싶은동물 고르기 강아지 고양이 햄스터 앵무새
-
[HTML] select 와 textareaWEB/HTML 2024. 4. 21. 14:03
select : 다수의 옵션(선택지)을 포함할 수 있는 선택메뉴 메뉴안에 포함되는 옵션은 option태그를 사용해 표시한다 - multiple : 다수선택가능 - selected: 기본값으로 선택된 값 textarea : 여러 줄의 일반텍스트를 입력할 수 있는 입력요소 (*input에는 한줄밖에 쓸 수 없음) - name: 식별자 지정 - row : 열지정 , cols: 한줄에 들어가는 글자수지정 (언어에 따른 차이존재) 강아지 고양이 햄스터 앵무새 기본적으로 쓰여있는 텍스트
-